Introduction to Adobe InDesign
Creating a Brochure
Today we will use many of the skills we
have built in the last two weeks, and a few new skills we will cover
today, to assemble a multi-page brochure.
Design
As with anything you wish to create, it
is a good idea to sit down with pencil and paper, and sketch out some
ideas of what you would like to create.
For ideas, take a look at other, related documents, or older versions of the document you are attempting to create.
A sample of the document we are creating can be found
HERE.
Creating the Project
We will start with a New Document
- Intent = Print
- Number of Pages = 10
- Facing Pages is Checked
- Page Size = Letter
Project Layout
If you look at the project that was
created, you will find a single page (cover) at the top, dual pages
(interior) in the middle, and a single page at the end (back cover).
Project Files
The project file can be downloaded from
HERE.
Setting up the Front Cover
The front cover is made up of four elements;
- Background image
- Title text
- Atomic Logo
- Bottom Gradient
The first thing we will place is the background image. We will create a
rectangular frame that covers the entire page, and then place the image
within that frame. Finally, since the Image is wider than the frame, we
will look at how to select the part of the image we want to have show.
- Select the Rectangle Frame tool. (just above the shape tools we normally use)
- Draw a frame that covers the entire first page.
- From the File Menu, select 'Place'.
- Select the image you wish to use (ocean_restaurant.jpg).
To pan the image, and select the view you wish to have in the frame, do the following;
- Click the Selection Tool
- Double-click the image.
- Drag the image side to side.
Placing the Logo
- From the File menu, select Place again.
- Select the Atomic Logo (AtomicLogo.ai).
- Place the logo to the left of the page, as it is rather large at first.
- Re-size the frame that has been created by holding shift, and dragging a corner in.
- Ignore the fact that the image does not re-size. Just make the frame the size you want.
- Right-click on the image, and select Fitting > Fit content to frame.
- Drag the logo to the upper-right corner of the page.
Placing the Text
- Select the Text Tool
- Draw a Text Frame over the bottom third of the page.
- On the Control Panel, Select the Paragraph properties
- Switch the Control Panel to Character mode
- Change the Font to Arial
- Font Style (below Font Name) = Bold Italic
- Font Size = 48pt
- Fill Color = White
- If you click the Fill color, the only white option is 'paper'. This is not exactly what we are looking for.
- Hold down 'Shift' when clicking the arrow next to fill color to get the full color selector.
- Select White
- Type 'Atomic Island' and press Enter
- Change the Font Size to 60pt.
- Type 'Dream Vacation'.
- Switch to the Selection Tool, and adjust the top of the text frame to position the text as you like it.
Creating the bottom Gradient
- Bring up the Swatches panel
- Click the menu button (upper right of panel).
- Select 'New Gradient Swatch'.
- Enter a name for your new Swatch (Cover Bottom).
- Type = Linear
- Select the first color block for the gradient
- Make sure you are working with the CMYK color set.
- Adjust the colors to your taste (I used 30% cyan, 80% Magenta)
- Select the last color block.
- Make sure you are working with the CMYK color set.
- Adjust the colors to your taste (I used 100% cyan, 80% Magenta)
- Draw a new Rectangle Shape across the bottom of the page.
- Set the fill color to your new color from the Swatch menu.
- You may need to turn off the Stroke color.
- Adjust the transparency of the Rectangle to your taste (80%).
The cover page is complete.
SAVE YOUR WORK.
Master Pages
We can create a template that is used
to define the appearance of a number of the pages in our document.
These templates are called Master Pages. We will create a Master Page
layout for the interior pages of our brochure. Later, if we have time,
we will play with creating sub-master pages, which are masters based on
other masters.
Our inner pages have the following features in common;
- A sand colored gradient as a background
- A green gradient bar across the top
- a purple gradient bar across the bottom
There are two way to access the master pages in order to edit them.
- There is a page selector at the bottom of the screen (lower
left). It is a white box containing the page number you are currently
editing. You can click the arrow on the right side of this box, and
select 'A-master'.
- You can access the Pages panel, and double-click on the 'A-Master'.
By default, InDesign gives you one Master, labeled 'A'. All Master Pages are identified by a letter.
Creating the Top Gradient
Since we are using the Facing Pages setting in our layout, we can create an effect that goes all the way across the page spread.
First, we can create the Gradient Swatches to be used on the top, bottom, and background;
- Select 'New Gradient Swatch'.
- Enter a name for your new Swatch (Inner Top, Inner Bottom, Page Background).
- Type = Linear (or, you may try radial for the banners)
- Select the first color block for the gradient
- Make sure you are working with the CMYK color set.
- Adjust the colors to your taste
- Top 85% cyan, 50% Yellow
- Bottom 30% cyan, 80% Magenta
- Background 100% Yellow
- Select the last color block.
- Make sure you are working with the CMYK color set.
- Adjust the colors to your taste
- Top 50% cyan, 50% Yellow
- Bottom 100% Cyan, 80% Magenta
- Background 30% Magenta, 100% Yellow
Next, we make the rectangles. Make sure these go across the entire spread if you want it that way;
- Draw a rectangle shape over the entire page;
- Set the Fill color to your new background Swatch
- Make sure there is no Stroke
- Draw a new rectangle across the top of the page;
- Set the Fill color to your new Top Banner Swatch
- Make sure there is no Stroke
- Copy the Top Banner, and paste it back in.
- Move this copy to the bottom of the page.
- Change the fill color to your bottom banner swatch.
- Adjust the Transparency of the banners to your taste (I went 80 for top, and 70 for bottom).
This completes the Master Pages (for now)
- Later, we might play with beveled edges for the banners.
This is a good time to Save
Applying the Master Pages
By default, InDesign applies the Master
Page to all pages in our layout. We do not want it to affect the Cover
page, so we will go in and remove the master from that page.
At the top of the panel, you will see the A-Master, as well as a None master.
- Drag the None Master to the Cover page.
All pages except the cover page have a small 'A' at the top, indicating that they are using the Master Page.
Creating Page One
We will start with some freehand placement of items on page one to get into the swing of things. We
will place a few rectangles, and place text over those shapes. We will
play with beveled edges and drop shadows. Finally, we will place a
photo, and apply some of the same effects.
Looking at the example document will give you some idea of a basic
layout. I will walk you through a couple of insets, and the photo, and
leave you to decorate the rest of this two-page spread.
- Draw a rectangle shape in the upper center of the left-hand page.
- From the Object menu, select Effect > Drop Shadow
- On the selection screen that comes up, you can also check the 'Bevel and Emboss' option.
- Apply a Gradient Fill
- Select the Text tool, and click inside the rectangle.
- Do not draw a text frame, just click inside the rectangle.
- Adjust the following properties;
- Control Panel > Paragraph - Center
- Control Panel > Character - Arial Font
- Bold Italic
- Size: 24pt
- Baseline Shift -16
- Type 'Your Next Dream Vacation Starts Here'
- Copy the rectangle, and paste it into the layout.
- Change the fill color to a different gradient.
- Double-click the text, and select it all.
- Change the font size to 18pt
- Change the style to Bold (no italic)
- Type 'Searching for out-of-this-world travel destinations?' and press enter.
- Type 'Do you need a Stress-Free vacation?' and press enter
- Type 'We have over 15 years of experience in creating dream vacations.'
- Select the Selection tool, and re-size the rectangle to show all text.
- Drag the rectangle, and position over the page break.
- Double-click the text again, and select all of the text.
- On the Control Panel > Paragraph, adjust the 'Space Before' to increase the space between the statements.
- Copy the new rectangle, and paste it in.
- Place this new shape in the lower-right.
- Change the fill color
- Replace the text with the following;
- We Offer the following types of travel:
- All-Inclusives
- Cruises
- Train
- Draw a Rectangle Frame (Not shape) in the lower left.
- File > Place the image of the Trolley into the frame.
- Object > Fitting > File Frame Proportionately.
- Add Drop Shadow and Bevel to the image.
- Place the image, so a corner overlaps one of the text rectangles.
This is a good time to Save
The Museum Pages
Now we will start pages on which we import existing copy.