Online Design Advanced Tips and Tricks 2009.indd

Adviser & Staff Training - Advanced Tips & Tricks
Advanced Tips & Tricks
Lesson 1 - Polaroid Candid
Lesson 2 - Traditional Candid
Lesson 3 - Transparent Text
Lesson 4 - Gradients
Lesson 5 - Fake Duotone
Lesson 6 - Drop Shadow on Text & Objects
Lesson 7 - Clipping Path/Cut-out Background
Lesson 8 - Image Out of Photo
Lesson 9 - Polygons/Custom Number of Sides
- Custom Shape/Free-form Object
Lesson 10 - Align & Distribute
Lesson 11 - Colorize BW Image/Remove Color
Lesson 12 - Reflection Effect
Lesson 13 - Rounded Corners
Lesson 14 - Ghosted/Transparent Background
Lesson 15 - Torn Photo
Advanced Tips & Tricks
1
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Polaroid Candid
Polaroid Candid
Effects used: Border Control, Drop Shadow & Rotate
1. Drag a box from the shapes panel.
- Enter suggested size of 21p tall and 19p wide
- Click Effects button > Drop Shadow: Angle 0;
Opacity 50%; Distance 2
- Set the border to 0.25
- Click Color button > Fill to White; Border to Gray 1
19
2. Drag a second box from the shapes panel.
- Enter suggested size of 16p tall and 18p wide
- Set the border to None
- The fill color will remain gray to place a candid image
3. Move the second box on top of the first and leave an
equal amount of white space on the left, top and right
sides. There should be a larger white area below the
gray box (See example at right).
4. Place a photo in the gray candid box and double
click on the image to bring up the Transform Object
(Cropping) window and crop.
5. Use your text tool to create a text box and type a
brief caption in the white area of the Polaroid.
- Set font to AWPC Handwriting or AWPC
Sleepwalker
- Font size 21 (AWPC Handwriting) or 15 (AWPC
Sleepwalker)
- Set Alignment to Center
6. Use your arrow tool to select
both Polaroid boxes and the text box.
7. Rotate 2 to 4 degrees or -2 to -4 degrees
Advanced Tips & Tricks
2
Hint:
Copy, paste
and rotate
your Polaroid
frames to
form a pile!
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Traditional Candid Effect
Traditional Candid Effect
Uses: Border Control, Drop Shadow, Rotate
1. Drag a box from the shapes panel.
- Enter suggested size of 16p tall and 23p
wide or 23p tall and 16p wide to maintain
the proportions of a traditional candid print
- Set the border to 10
- Click Color button > Border to White
- Click Effects button > Drop Shadow:
Angle 0; Opacity 50%; Distance 2 pts.
2. Place a photo in the gray candid box and
double click on the image to bring up the
Transform Object (Cropping) window and crop.
3. Rotate box 2 to 4 degrees or -2 to -4 degrees.
Hint:
Copy, paste
and rotate
your candid
frames to
form a pile!
Advanced Tips & Tricks
3
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Transparent Text
Transparent Text
Effects used: Drop Shadow & Transparency
1. Drag a shape from the shapes panel.
2. Place a photo in the gray candid shape and double click on the
image to bring up the Transform Object (Cropping) window and
crop.
3. Use the text tool to place text on top of your photo and size as
desired.
4. Highlight text and click the Color button to launch the
Text Color palette. Set all text color to white.
5. Select all text blocks with your arrow tool and apply
Transparency and Drop Shadow settings:
Effects button >
Transparency: 60%
Drop Shadow: Angle 0; Opacity 100%;
Distance 2 pts.
Advanced Tips & Tricks
4
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Gradients
Gradients
Effects used: Gradient, Transparency & Colors
1. Drag a shape from the shapes panel and size
as desired.
2. Select the shape with
the arrow tool and click the
Effects button.
3. Check the Gradient box
and set start and end point
colors by clicking on the
color swatches.
4. Choose the direction of your gradient flow
using the four choices provided.
5. Apply text on top of your new gradient, place
your gradient over a photo, use transparency
to make your text and gradient blend -- the
possibilities are endless!
Advanced Tips & Tricks
5
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Fake Duotone
Fake Duotone
Effects used: Image Editor,
Transparency & Colors
1. Open a photo in the Image
Editor and change to B/W using
the Grayscale button. Save
the new B/W image, but do not
rename to keep the color and
B/W versions together.
Hint:
Use different
colors and
transparency
levels to
create the
duotone look
you like!
2. Drag a shape for the B/W
photo from the shapes panel
and size as desired.
3. Duplicate (copy and paste)
the photo shape from step two
to fill with the duotone color.
4. Place the B/W photo from the
image panel to the first shape.
5. To add color to the B/W
image, select the second image
shape and click the Color
button. Select a color to fill the
shape.
6. Move the shape filled with
color exactly on top of the B/W
image.
7. Click the Effects button and
adjust the Transparency to
lighten the color-filled box and
create the duotone effect.
Advanced Tips & Tricks
6
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Drop Shadow on Text & Objects
Drop Shadow on Text & Objects
Effects used: Drop Shadow & Colors
1. Drag a shape from the shapes panel or place text with the
text tool.
2. Select the shape or text box with the arrow tool and click the
Effects button.
3. Check the Drop Shadow box and set Angle, Opacity and
Distance options.
4. Set the Drop Shadow color by clicking on the color swatch to
bring up the Color Picker.
Hint:
Experiment with
different drop
shadow effects
by changing text,
background and
drop shadow
colors, angles,
opacity and
distance!
Advanced Tips & Tricks
7
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Clipping Path / Cut-out Background (COB)
Clipping Path /
Cut-out Background (COB)
Effects used: Clipping Path,
Drop Shadow
1. Drag a photo from the image
panel.
2. Double click on the image to
bring up the Transform Object
(Cropping) window.
3. Click on the Clipping Path
tab to create a custom shape.
Use the path control buttons to
adjust the current path or click
Clear Path to create a custom
clipping path.
4. Click Apply to apply the new
path and return to the page*.
Hint: Click on
your last (yellow)
point to pause your
path and adjust
magnification,
view area or tool
selection. Click
back on your last
point to resume
creating your
clipping path.
Adj
ust
vie
w–
–
out
Zoo
m
Zoo
mi
n–
ar P
ath
–
Cle
wit
pat
h
ate
Cre
Cre
ate
pat
hw
ith
rou
nde
dc
orn
ers
–
ha
ngl
ed
cor
Mov
ner
es
s–
ing
le p
Mov
o
int
ea
at a
poin
t an
tim
e–
d it
s ne
ighb
ors
tog
eth
er –
Add
poi
nts
to p
Rem
ath
–
ove
poi
nts
to p
ath
–
5. Optional – Add a drop shadow
effect to complete your clipping
path.
*It may take a moment for the
completed path to render, close
the Transform Object box and
appear on the page.
Advanced Tips & Tricks
8
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Image Out of Photo
Image Out of Photo
Effects used: Clipping Path
1. Drag a photo from the image panel.
2. Double click on the image to bring up the Transform
Object (Cropping) window.
3. Click on the Clipping Path tab to create a custom
shape. Use the path control buttons to adjust the
current path or click Clear Path to create a custom
clipping path.
4. Click Apply to apply the new path and return to the
page*.
*It may take a
moment for the
completed path to
render, close the
Transform Object box
and appear on the
page.
Advanced Tips & Tricks
9
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Polygons / Custom Number of Sides
- Custom Shape / Free-form Object
Polygons / Custom Number of Sides
Effects used: Polygons
1. Drag a shape (except circle) from the shapes
panel.
2. Optional - Place a photo in the gray candid
shape and double click to bring up the Transform
Object (Cropping) window and crop.
3. Select the shape with the arrow tool and click
the Effects button.
4. In the Polygons area, set the number of Sides
and Inset options.
Custom Shape / Free-form Object
Effects used: Clipping Path
1. Drag a shape from the shapes panel.
2. Double click on the shape or photo to bring up
the Transform Object (Cropping) window.
3. Click on the Clipping Path tab to create a
custom shape. Use the path control buttons to
adjust the current path or click Clear Path to
create a custom free-form path.
4. Optional - Place a photo in the gray candid
shape and double click to bring up the Transform
Object (Cropping) window and crop.
Advanced Tips & Tricks
10
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Align & Distribute Evenly
Align & Distribute Evenly
Effects used: Align and Distribute Evenly
Need to align and arrange several random shapes
on a layout? Running shapes or images across
the top, bottom or down the side of a page? The
Object Layout palette is your tool.
1. Drag several shapes from the shapes panel.
3. Click an Align button to align left, right, top,
bottom, center horizontally or center vertically.
In this example, align bottom was used.
2. Select the shapes with the arrow tool and
click the Layout button. Hint: The first shape
you select controls the alignment of the other
surrounding shapes.
–Selected first
4. Once the shapes are aligned, use the Distribute Evenly
options to arrange evenly. Distribute horizontally or vertically
using the auto feature or enter a distribution distance in
picas. One pica (1p) horizontally was used in this example.
Advanced Tips & Tricks
11
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Colorize BW Image / Remove Color
Colorize BW Image / Remove Color
Effects used: Image Editor & Clipping Path
1. Open a photo in the Image Editor and change to B/W
using the Grayscale button. Save the new B/W image, but
do not rename to keep the color and B/W versions together.
2. Drag the color photo from the image panel to the page
but do not resize.
3. Drag the B/W version of the photo from the image panel
to the page but do not resize.
4. To add color to the B/W image -- double click on the
color image to bring up the Transform Object (Cropping)
window.
5. Click on the Clipping Path tab to create a custom shape.
Use the path control buttons to adjust the current path or
click Clear Path to create a custom clipping path.
4. Click Apply to apply the new path and return to the page*.
7. Move the custom color clipping path to the exact spot on
top of the B/W image to add color.
8. If necessary, resize both images to fit the layout. Be
sure to check the Proportional Scaling button before
resizing.
*It may take a moment for the
completed path to render, close
the Transform Object box and
appear on the page.
Advanced Tips & Tricks
12
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Reflection Effect
Reflection Effect
1
Effects used: Clipping Path &
Transparency
1. Drag a photo from the image
panel to the page but do not resize.
2
4
2. Drag the same photo from
the image panel to the page (two more times into circle shapes for
this example) but do not resize.
3. Double click on the second image to bring up the Transform
Object (Cropping) window.
4. Click on the Clipping Path tab to create a custom shape of the first
lens of the sunglasses. Click Clear Path to create a custom clipping
path. Click Apply to apply the new path and return to the page.
5. Double click on the third image to bring up the Transform Object
(Cropping) window.
6
6. Click on the Clipping Path tab to create a custom shape of the
second lens of the sunglasses.
7. Place new photos (the reflections) in the two custom clipping
path boxes. Double click each to crop.
8. Move the two custom clipping paths on top of the first original
image exactly where they should be.
9. Select the two custom clipping paths with the arrow tool and
click the Effects button. Adjust the transparency to make the
reflections blend with the sunglasses.
7
8
9
Advanced Tips & Tricks
13
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Rounded Corners
Rounded Corners
Effects used: Rounded Corners
Tired of square boxes on all your pages? The
Rounded Corners area of the Effects palette is
what your design needs.
1. Drag a square from the shapes panel.
2. Optional - Place a photo in the gray candid
square and double click to bring up the Transform
Object (Cropping) window and crop.
3. Select the shape with the arrow tool and click
the Effects button.
4. Use the Rounded Corners slider to set the
corner radius percentage.
10%
25%
40%
50%
Rounded Corners Radius Percentage
Advanced Tips & Tricks
14
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Ghosted / Transparent Background
Ghosted / Transparent Background
Effects used: Transparency
1. Drag a square from the shapes panel.
2. Stretch the square to fill the entire spread
area. Don’t forget to stretch the square to the
OUTSIDE of the bleed bars on all four sides of the
spread.
3. Drag a photo from the image panel to the gray
candid box filling the spread.
4. Double click on the image to bring up the
Transform Object (Cropping) window. After
cropping, click apply to fill the background image
box.
5. Select the background image with the arrow
tool and click the Effects button.
6. Use the Transparency slider to set the opacity
percentage. In this example, 30% opacity was
used.
Advanced Tips & Tricks
15
09.01
Adviser & Staff Training
Advanced Tips & Tricks - Torn Photo
3
Torn Photo
Effects used: Clipping Path & Drop Shadow
1. Drag a photo from the image panel.
2. Double click on the image to bring up the Transform Object
(Cropping) window.
3. Click on the Clipping Path tab to create a custom shape. Use
the path control buttons to adjust the current path or click Clear
Path to create a custom clipping path.
– To create the left side of the torn photo, create a
jagged edge on the right side of the path. Leave the top,
left and bottom sides straight.
7
4. Click Apply to apply the new path and return to the page.
5. Duplicate (copy and paste) the photo to create a second copy.
6. Double click on the second image to bring up the Transform
Object (Cropping) window.
7. Click on the Clipping Path tab.
–To create the right side of the torn photo, use the Move
single point at a time tool. Pull the left top and bottom
points of the clipping path over to the right top and bottom
corners of the photo. This will create a mirror image of
your first torn half.
8. Click Apply to apply
the new path and
return to the page.
7
9. Slightly rotate and
apply a drop shadow
to each half of the
torn photo to give it a
realistic look.
7
Advanced Tips & Tricks
16
09.01