Thursday, April 28, 2011

brochure layout

Brochure View – Outside

trifold brochure illustration 1Printers will require 2 pieces of artwork, 8.75 tall x 11.25 wide, for the outside and inside trifold brochure. This first illustration is the outside, and panels are marked A, B, and C and must be the following widths: A = 3.70”, B = 3.81”, and C = 3.74”. The top, bottom, and each side edge will have 0.125” trimmed, so the final overall dimensions will be 8-1/2 × 11.

In addition, all text must be at least 0.25” from all edges which keeps it 0.125” from the edge once trimmed. Otherwise, text may be blurry if not kept inside this “safe” area.


Brochure View – Inside

trifold brochure illustration 2The inside is similar to the outside, yet it requires a mirror image template. Panel D will be printed on the back of Panel B, therefore the dimensions for each must be the following widths: E = 3.70”, D = 3.81”, and F = 3.74”.

When setting up your 2 templates, use guidelines for the safe area on all edges, PLUS have one center line (where folded) with two 0.125” guidelines separating each of the 3 panels.

Unlike the outside, the 3 inside panels may have elements that cross over several panels (like the faded photo).


Brochure View – Completely Folded

trifold brochure illustration 3Here is the outside once completely folded. Here you may see where the stamp and label are placed, plus see how the “teaser” advertising will appear on the “back” when received by your customer and then flipped over.

Knowing how people handle and view your brochure when received in the mail is part of the strategy used to maximize impact and improve chances they will keep your information.

In addition, the “back” (teaser ad) is perfect for grabbing attention when used as a vertical display on a counter top or rack.


Brochure View – How the Outside is Folded

trifold brochure illustration 4Next is the outside to illustrate how it is folded. Note that panel C is more narrow (slightly) than the others so the outside edges are even once it is folded.

Panel C is folded first and then panel B, so Panel B becomes the “back”. Create your design so that Panel B will be the “front” when displayed vertically on a rack or countertop.

First impressions are always important. Viewers decide within 5 seconds if they want to keep your brochure, so take advantage in your message on Panel B.


Brochure View – How the Inside is Folded

trifold brochure illustration 5Next is a view of the inside artwork to see how it is folded. Here Panel F (which is the back of C) is again slightly more narrow so that it tucks in neatly without leaving a bulge, and the folded edges will line up evenly.

As your customer opens your trifold brochure, Panel E is “hidden” until it is completely opened, so Panel D is another opportunity to list bullets, or some other eye catching feature.

People read left to right, and top to bottom, so consider eye movement in your layout to lead the reader naturally through your message.


Brochure View – How Panel C is Viewed

trifold brochure illustration 6Finally, here is a view showing part of the inside and how panel C is folded. As the customer views the “back” teaser advertising (Panel B above), and then opens the brochure, they will see Panel C plus Panel D.

Obviously the information in Panel C may not get much attention initially. Most viewers will be anxious to see the inside, much like opening a gift. Not to worry. If you have considered how they view and open your brochure, make a good first impression and they will enjoy flipping and reading everything more than once.


Final Advice: Photographs

brochure!

Today we are going to start making a brochure advertising SC!!!

Tuesday, April 26, 2011

Setting up your folio in InDesign

Step 1

Open InDesign andclick on the "new template" icon for a 2 page spread.

Step 2

Let’s set up the master pages. That way we can add a header and page numbers automatically. Double-click on the A-Master icon on the top of the Pages pull-out palette to open up the master pages.

Step 3

In the lower-left hand corner of the left master page, click-and-drag with the Text tool to drag out a text box for the page number.

Step 4

Go to Type>Insert Special Character> Auto Page Number. [if you are using InDesign CS3 the menu is a bit different: Type> Insert Special Character >Markers>Current Page Number.]

Step 5

This will insert an automated page number so you don’t have to number each page. Change the size (and style if you want) of the font to an appropriate one for you publication.
[Note: Additionally, you could also place text (like the word 'page' or '#' symbol) in front of the page number and it would be continued throughout all pages using the master page template.]

Step 6

Select the Selection tool. Hold down Option (PC: Alt) and click-and-drag the text box that has the automatic page number in it over to the right page to create another instance of the Auto Page Number. I placed the text box on the right side page on the lower right hand corner.

Step 7

If you put the text boxes for the page numbers in the same locations as I chose to, it should look something like this.

Step 8

Page numbers are not the only objects to put onto the master pages. And all the objects don’t have to be automatically updated objects, either. You can add photos, text, or shapes and they’ll be on every page. For this tutorial, add just a simple title at the top of each page by clicking-and-dragging out a text box along the top.

Step 9

Open the Paragraph palette and click the center justify icon to center the text after highlighting it. Up in the Control palette, change the tracking to 600 to spread out the spacing of the text to spread out the title. The Tracking setting icon is an uppercase AV with directional arrows underneath it.

InDesign




Today we will begin day #2 of InDesign. Our goal for today is to create a double spread (2 page layout) about a topic of your choosing (skateboarding, golf, cakes, flowers, trucks, etc). We will be using images from the web and filler text. Your spread should contain the following:

  • 5+ pictures/images - one dominant image and 4+ supporting images.
  • 1+ story
  • 5+ captions
  • 1+ heading
  • folio
  • page numbers
  • interesting background design/layout
images will come from the web. use File>Place to put them into image boxes, not the "image placer" as it has some bugs right now.

Thursday, April 14, 2011

OPTIONS!

two options:

ZOMBIES!
http://www.imarc.net/communique/42-freakish_zombie_in_11_steps




LIGHTSABERS!!!!

Time to geek out! Star Wars style!














Get a Picture!!

Take a picture of yourself in an action scene. We have pipes that will act as the basis for your sabers. Import your best pic.

Make an new Layer

Hold CTRL+SHIFT+N.
Or go to LAYER-NEW-LAYER.
That will bring up the New Layer window.
Call it like Lightsaber or thing.
You can choose your color for the layer.
Hit OK and your layer will be displayed in the layer box

Brushes

On the toolbox press the brush button.
Go to BRUSH box on top where brush is displayed.
Click on the brush, that will bring an box with layers.
Select the brush with outside blur.
If the brush isnt there, choose basic brushes from the preset menu.

Lets Begin!!

Once brush selected, click on the bottom of the stick and hold SHIFT.
Go to the top of the stick ( in my case outside the image,) and click again.
You see you have an nice blured core!
You can let go shift.

Effects

Now double click your layer.
In my case; Lightsaber.
That will bring out the layer style menu.
Click on Outer Glow and you will see a little yellow colored box.
Click on that box and choose your color.
I will do Green.

Then go to the Opacity Line and make that 100%.
Your saber will be brighter.

Go to the Contour box displayed on the bottom of the window.
select the half round one.
That will make your saber even more Blurry.

Done!

Hit OK and you are done!!!!
This effect will make your Pic's more reality!

SOME TIPS;

--If you want more sabers from the same color, dont make new layers.
Just repeat step 4!

--Try to make your sabers the same diameter as the stick.

Monday, April 11, 2011

Sounds!

One requirement for your banner is sounds! You have a couple options, you can either insert 2+ sound effects, or you may insert an entire song.

To insert music/audio simply drag the mp3/wav file from you library to a new layer. Make a keyframe where you want the audio to start.

sound effects can be found here:

http://www.pacdv.com/sounds/index.html

http://www.partnersinrhyme.com/pir/PIRsfx.shtml

right click to download the audio file

music:
http://www.danosongs.com/

or use garage band to create your own loop track!

Thursday, April 7, 2011

Movie Clips

These are symbols that have their own timeline, so they can loop, or play for a longer/shorter duration of time if desired:

http://www.kirupa.com/developer/flashcs3/movieclips_classes_AS3_pg1.htm

Tuesday, April 5, 2011

Banner Examples

http://www.bannersnack.com/examples/flash-headers-intros.html#2

http://www.bestdesignservices.com/flash-banners.html

you need to fist choose a product. Then consider colors that are appropriate for your product. Next find your hook, tag line, or slogan. Last, come up with your charge to the viewer, what do you want them to do, buy, see, eat, etc.
Your Flash task is to create an advertising banner for use on a web site. Flash is often used in advertising as animation is entertaining and eye catching.

Requirements:
  • 180 x 900 px document
  • 100+ frames long (looped)
  • 1+ movie clip
  • 1+ motion guide
  • 12+ layers
  • 2+ sounds/sound effects




'


Monday, April 4, 2011

Mag Covers Due TODAY!

please turn in your TEEN magazine cover today. As a .jpeg file to the staff server.

For extra credit you may make a Tabloid cover! Use the LIQUIFY tool for fun edits!