Está en la página 1de 0

Continued

Before&After
X i
BAmagazine.com
U
Design talk 0647
FiveDesignIdeas
Self Rollovers


Old Tabs, Modern Sheen
Optical Alignment



Baby Card


Empty Space
Embattled and isolated, CEO Donna Anderson
grapples with the fallout of failed acquisitions
and a board thats calling for her head.
ALONE AT THE TOP
DesignTalk8
Before&After
2 of 8 Design talk 0647
X i
BAmagazine.com
U
Web Self rollovers inform without clicking
A brief summary without having to click
Alienskin.coms product page (left) is set up
neatly in a grid. Each product has a standalone
page that provides the customer additional
details. By using a self rollover, the customer
gets a brief overview of the product (above,
right) without having to commit to a click and
be taken to a different page.
Normal state Over state
Self rollovers in Adobe GoLive
Rollovers require a separate image for
each rollover state: Normal, Over, Down,
Click, Up, and Out. All images must have
the same dimensions. Give your normal-
state image a namesay, product1.gif
then name the remaining images based on
their state ( product1_over.gif, product1_
down.gif, etc.). Put them all in one folder.
Drag the normal-state image to your Go-
Live page, and GoLive will automatically
place and arrange the other states on the
Rollovers & Actions palette (above).
Alien Skin Software displays a lot of products yet keeps their site beautifully uncluttered. To do this they
use self rolloversgraphics that change to descriptive text when merely touched by the cursor.
Design talk 2 of 8
Before&After
3 of 8 Design talk 0647
X i
BAmagazine.com
U Design talk 3 of 8
Type Straighten that wiggly edge
Have you sometimes noticed that type aligned vertically doesnt look that way? Thats because while
your margin is straight, the alphabet isnt, and its curves, crossbars and punctuation marks can create
the appearance of misalignment. InDesigns Optical Margin Alignment will x that:
After optical alignment
With the text cursor active anywhere in a story, select
Type>Story>Optical Margin Alignment (left), and watch
what happensall those idiosyncratic bits get hung over
the edge. Whats interesting is that the margin is now
misaligned, yet it looks straight. The number you specify
in the dialog governs the amount of adjustment; gener-
ally it should match the point size.
Before optical alignment
Your computer says the margins
aligned, but your eyes tell you some-
thing different. Letters and punctua-
tion marks have funny shapes that
make the edge appear wiggly.
Listening
talking
Opening
Quotes
Listening
talking
Opening
Quotes
Vertical strokes align
Crossbars hang
Curves hang
Punctuation hangs
Before&After
4 of 8 Design talk 0647
X i
BAmagazine.com
U Design talk 4 of 8
Photo cropping Size and placement tell a story
The size and placement of your image can have a dramatic effect on its impact. Here, placing a small
portrait at the bottom of an empty eld is all it takes to create a layout that perfectly illustrates its words.
The power of empty space
This layout makes it easy to see that
empty space isnt empty but has mass,
volume and real power. The huge black
eld ungulfs our unfortunate CEO and
creates a sense of heaviness, isolation
and distance. What makes this happen
is her small size, extremely low place-
ment and faraway gaze. Her dark suit is
a bonus, fading into the background and
leaving her somber expression in sharp
contrast. Headline and text styles must
be plain and in a neutral position (no
tension) to not steal attention.
Embattled and isolated, CEO Donna Anderson
grapples with the fallout of failed acquisitions and
a board thats calling for her head.
ALONE AT THE TOP
Before&After
5 of 8 Design talk 0647
X i
BAmagazine.com
U Design talk 5 of 8
No scissors required!
The scraps look pasted on, but thats a
computerized illusionthis announce-
ment is printed in one piece right
on your desktop. Write some playful
words, scan your paper, then in Photo-
shop cut it to pieces, apply drop shad-
ows, move each piece to its own layer,
arrange and print. Try it!
Fill and apply a shadow.
Create a selection.
Write and scan the words.
Design A card made of scraps
To announce the birth of their son Drew, our friends Dawn and Michael wanted to send an engaging,
personal cardand whats more personal than your own handwriting? We like what they made:
Front Inside
Handwritten love subs as a signature.
Before&After
6 of 8 Design talk 0647
X i
BAmagazine.com
U Design talk 6 of 8
Draw three rectangles with the Rounded Rect-
angle tool (left). In the Layers palette, double-click
Layer 1 and rename it Tabs. Edit >Copy all three
tabs. Next, apply a drop shadow: Go to Effect>
Stylize>Drop Shadow, activate Preview, enter:
Mode: Multiply; Opacity 50%; X Offset 0; Y Offset
0p2; Blur: 0p2; Color Black. Click OK. Lock this
layer. Next, click on the Create New Layer icon
(inset), and name it Highlight. Go to Edit>Paste
in Front. Finally, create
a Type layer, set your
type, and move this
layer below the High-
light layer.
Adobe Illustrator Old-fashioned tabs with a modern sheen
BMWs Web banner (right) tells a clever pricing story
using animated cash-register popups. We like its
juxtaposition of stylesthe old mechanical device, old
typeface and antique color but drawn with a modern,
plasticized sheen. Heres how to duplicate it:
Create the curve for the highlight We need
to draw a line that will bisect the three tabs.
Select the Highlight layer. Using the Pen Tool,
draw a smooth curve (above). Press the Shift key,
select the curve and all three tabs, and go to
Window>Pathnder. Click Divide (below) to divide
the shapes into six segments.
Reveal the gures With the segments still
selected, change their Fill color to white. Next,
use the Direct Selection Tool (hollow arrow) to
select the bottom segments, and press Delete.
Finally, select the top segments and lower their
opacity in the Window>Transparency dialog box.
Here, we specied an opacity of 60%.
BMW Web advertising banner
Before&After
7 of 8 Design talk 0647
X i
BAmagazine.com
U Design talk 7 of 8
Embattled and isolated, CEO Donna Anderson
grapples with the fallout of failed acquisitions and
a board thats calling for her head.
ALONE AT THE TOP
8
9
Typefaces
1 Helvetica Neue 35 Thin
2 Bureau Grot Extra Compressed Black
3 Georgia Regular
4 New Century Schoolbook Roman
Images
5 iStockphoto.com
6 Courtesy of Dawn & Michael Watanabe
Article resources
Colors
C72 M70 Y64 K87
C9 M7 Y16 K0
C0 M0 Y0 K100
C20 M7 Y6 K0
7
8
2
1
7
6
10
3
5
4
9
10
Listening
talking
Opening
Quotes
Before&After
8 of 8 | Printing formats

Design talk 0647


X i
BAmagazine.com
U Design talk 8 of 8
Before & After magazine
Before & After has been sharing its practical approach
to graphic design since 1990. Because our modern world
has made designers of us all (ready or not), Before &
After is dedicated to making graphic design understand-
able, useful and even fun for everyone.
John McWade Publisher and creative director
Gaye McWade Associate publisher
Vincent Pascual Staff designer
Dexter Mark Abellera Staff designer

Before & After magazine
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-mail mailbox@bamagazine.com
www http://www.bamagazine.com
Copyright 2006 Before & After magazine
ISSN 1049-0035. All rights reserved
You may pass along a free copy of this article to others
by clicking here. You may not alter this article, and you
may not charge for it. You may quote brief sections
for review; please credit Before & After magazine, and
let us know. To link Before & After magazine to your
Web site, use this URL: http://www.bamagazine.com.
For all other permissions, please contact us.
Subscribe to Before & After
Subscribe to Before & After, and become a
more capable, condent designer for pennies
per article. To learn more, go to
http://www.bamagazine.com/Subscribe
E-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notied by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email
X i
BAmagazine.com
U Before&After
Back | Paper-saver format
For paper-saver format
Print: (Specify pages 1013)
For presentation format
Print: (Specify pages 18)
Before & After is made to t your binder
Before & After articles are intended for permanent reference. All are titled and numbered.
For the current table of contents, click here. To save time and paper, a paper-saver format of this article,
suitable for one- or two-sided printing, is provided on the following pages.
Print
Format: Landscape
Page Size: Fit to Page
Save
Presentation format or
Paper-saver format
B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
1

o
f

4
D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s

0
6
4
7
0
6
4
7

D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s
W
e
b

S
e
l
f

r
o
l
l
o
v
e
r
s

i
n
f
o
r
m

w
i
t
h
o
u
t

c
l
i
c
k
i
n
g
A

b
r
i
e
f

s
u
m
m
a
r
y

w
i
t
h
o
u
t

h
a
v
i
n
g

t
o

c
l
i
c
k

A
l
i
e
n
s
k
i
n
.
c
o
m

s

p
r
o
d
u
c
t

p
a
g
e

(
l
e
f
t
)

i
s

s
e
t

u
p

n
e
a
t
l
y

i
n

a

g
r
i
d
.

E
a
c
h

p
r
o
d
u
c
t

h
a
s

a

s
t
a
n
d
a
l
o
n
e

p
a
g
e

t
h
a
t

p
r
o
v
i
d
e
s

t
h
e

c
u
s
t
o
m
e
r

a
d
d
i
t
i
o
n
a
l

d
e
t
a
i
l
s
.

B
y

u
s
i
n
g

a

s
e
l
f

r
o
l
l
o
v
e
r
,

t
h
e

c
u
s
t
o
m
e
r

g
e
t
s

a

b
r
i
e
f

o
v
e
r
v
i
e
w

o
f

t
h
e

p
r
o
d
u
c
t

(
a
b
o
v
e
,

r
i
g
h
t
)

w
i
t
h
o
u
t

h
a
v
i
n
g

t
o

c
o
m
m
i
t

t
o

a

c
l
i
c
k

a
n
d


b
e

t
a
k
e
n

t
o

a

d
i
f
f
e
r
e
n
t

p
a
g
e
.
N
o
r
m
a
l

s
t
a
t
e
O
v
e
r

s
t
a
t
e
S
e
l
f

r
o
l
l
o
v
e
r
s

i
n

A
d
o
b
e

G
o
L
i
v
e


R
o
l
l
o
v
e
r
s

r
e
q
u
i
r
e

a

s
e
p
a
r
a
t
e

i
m
a
g
e

f
o
r

e
a
c
h

r
o
l
l
o
v
e
r

s
t
a
t
e
:

N
o
r
m
a
l
,

O
v
e
r
,

D
o
w
n
,

C
l
i
c
k
,

U
p
,

a
n
d

O
u
t
.

A
l
l

i
m
a
g
e
s

m
u
s
t

h
a
v
e

t
h
e

s
a
m
e

d
i
m
e
n
s
i
o
n
s
.

G
i
v
e

y
o
u
r

n
o
r
m
a
l
-
s
t
a
t
e

i
m
a
g
e

a

n
a
m
e

s
a
y
,

p
r
o
d
u
c
t
1
.
g
i
f

t
h
e
n

n
a
m
e

t
h
e

r
e
m
a
i
n
i
n
g

i
m
a
g
e
s

b
a
s
e
d

o
n

t
h
e
i
r

s
t
a
t
e

(
p
r
o
d
u
c
t
1
_
o
v
e
r
.
g
i
f
,

p
r
o
d
u
c
t
1
_
d
o
w
n
.
g
i
f
,

e
t
c
.
)
.

P
u
t

t
h
e
m

a
l
l

i
n

o
n
e

f
o
l
d
e
r
.

D
r
a
g

t
h
e

n
o
r
m
a
l
-
s
t
a
t
e

i
m
a
g
e

t
o

y
o
u
r

G
o
-
L
i
v
e

p
a
g
e
,

a
n
d

G
o
L
i
v
e

w
i
l
l

a
u
t
o
m
a
t
i
c
a
l
l
y

p
l
a
c
e

a
n
d

a
r
r
a
n
g
e

t
h
e

o
t
h
e
r

s
t
a
t
e
s

o
n

t
h
e

R
o
l
l
o
v
e
r
s

&

A
c
t
i
o
n
s

p
a
l
e
t
t
e

(
a
b
o
v
e
)
.
A
l
i
e
n

S
k
i
n

S
o
f
t
w
a
r
e

d
i
s
p
l
a
y
s

a

l
o
t

o
f

p
r
o
d
u
c
t
s

y
e
t

k
e
e
p
s

t
h
e
i
r

s
i
t
e

b
e
a
u
t
i
f
u
l
l
y

u
n
c
l
u
t
t
e
r
e
d
.

T
o

d
o

t
h
i
s

t
h
e
y

u
s
e

s
e
l
f

r
o
l
l
o
v
e
r
s

g
r
a
p
h
i
c
s

t
h
a
t

c
h
a
n
g
e

t
o

d
e
s
c
r
i
p
t
i
v
e

t
e
x
t

w
h
e
n

m
e
r
e
l
y

t
o
u
c
h
e
d

b
y

t
h
e

c
u
r
s
o
r
.
F
i
v
e
D
e
s
i
g
n
I
d
e
a
s
S
e
l
f

R
o
l
l
o
v
e
r
s






O
l
d

T
a
b
s
,

M
o
d
e
r
n

S
h
e
e
n








O
p
t
i
c
a
l

A
l
i
g
n
m
e
n
t







B
a
b
y

C
a
r
d



E
m
p
t
y

S
p
a
c
e



E
m
b
attled
an
d
isolated
, C
E
O
D
on
n
a A
n
d
erson

grap
p
les w
ith
th
e fallou
t of failed
acq
u
isition
s
an
d
a b
oard
th
ats callin
g for h
er h
ead
.
A
L
O
N
E
A
T
T
H
E
T
O
P
D
e
s
i
g
n
T
a
l
k
8


B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
2

o
f

4
D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s

0
6
4
7
0
6
4
7

D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s
T
y
p
e


S
t
r
a
i
g
h
t
e
n

t
h
a
t

w
i
g
g
l
y

e
d
g
e
H
a
v
e

y
o
u

s
o
m
e
t
i
m
e
s

n
o
t
i
c
e
d

t
h
a
t

t
y
p
e

a
l
i
g
n
e
d

v
e
r
t
i
c
a
l
l
y

d
o
e
s
n

t

l
o
o
k

t
h
a
t

w
a
y
?

T
h
a
t

s

b
e
c
a
u
s
e

w
h
i
l
e

y
o
u
r

m
a
r
g
i
n

i
s

s
t
r
a
i
g
h
t
,

t
h
e

a
l
p
h
a
b
e
t

i
s
n

t
,

a
n
d

i
t
s

c
u
r
v
e
s
,

c
r
o
s
s
b
a
r
s

a
n
d

p
u
n
c
t
u
a
t
i
o
n

m
a
r
k
s

c
a
n

c
r
e
a
t
e

t
h
e

a
p
p
e
a
r
a
n
c
e

o
f

m
i
s
a
l
i
g
n
m
e
n
t
.

I
n
D
e
s
i
g
n

s

O
p
t
i
c
a
l

M
a
r
g
i
n

A
l
i
g
n
m
e
n
t

w
i
l
l

x

t
h
a
t
:
A
f
t
e
r

o
p
t
i
c
a
l

a
l
i
g
n
m
e
n
t


W
i
t
h

t
h
e

t
e
x
t

c
u
r
s
o
r

a
c
t
i
v
e

a
n
y
w
h
e
r
e

i
n

a

s
t
o
r
y
,

s
e
l
e
c
t

T
y
p
e
>
S
t
o
r
y
>
O
p
t
i
c
a
l

M
a
r
g
i
n

A
l
i
g
n
m
e
n
t

(
l
e
f
t
)
,

a
n
d

w
a
t
c
h

w
h
a
t

h
a
p
p
e
n
s

a
l
l

t
h
o
s
e

i
d
i
o
s
y
n
c
r
a
t
i
c

b
i
t
s

g
e
t

h
u
n
g

o
v
e
r

t
h
e

e
d
g
e
.

W
h
a
t

s

i
n
t
e
r
e
s
t
i
n
g

i
s

t
h
a
t

t
h
e

m
a
r
g
i
n

i
s

n
o
w

m
i
s
a
l
i
g
n
e
d
,

y
e
t

i
t

l
o
o
k
s

s
t
r
a
i
g
h
t
.

T
h
e

n
u
m
b
e
r

y
o
u

s
p
e
c
i
f
y

i
n

t
h
e

d
i
a
l
o
g

g
o
v
e
r
n
s

t
h
e

a
m
o
u
n
t

o
f

a
d
j
u
s
t
m
e
n
t
;

g
e
n
e
r
-
a
l
l
y

i
t

s
h
o
u
l
d

m
a
t
c
h

t
h
e

p
o
i
n
t

s
i
z
e
.
B
e
f
o
r
e

o
p
t
i
c
a
l

a
l
i
g
n
m
e
n
t

Y
o
u
r

c
o
m
p
u
t
e
r

s
a
y
s

t
h
e

m
a
r
g
i
n

s

a
l
i
g
n
e
d
,

b
u
t

y
o
u
r

e
y
e
s

t
e
l
l

y
o
u

s
o
m
e
-
t
h
i
n
g

d
i
f
f
e
r
e
n
t
.

L
e
t
t
e
r
s

a
n
d

p
u
n
c
t
u
a
-
t
i
o
n

m
a
r
k
s

h
a
v
e

f
u
n
n
y

s
h
a
p
e
s

t
h
a
t

m
a
k
e

t
h
e

e
d
g
e

a
p
p
e
a
r

w
i
g
g
l
y
.
L
i
s
t
e
n
i
n
g

t
a
l
k
i
n
g

O
p
e
n
i
n
g

Q
u
o
t
e
s


L
i
s
t
e
n
i
n
g


t
a
l
k
i
n
g
O
p
e
n
i
n
g

Q
u
o
t
e
s


V
e
r
t
i
c
a
l

s
t
r
o
k
e
s

a
l
i
g
n
C
r
o
s
s
b
a
r
s

h
a
n
g
C
u
r
v
e
s

h
a
n
g
P
u
n
c
t
u
a
t
i
o
n

h
a
n
g
s

P
h
o
t
o

c
r
o
p
p
i
n
g


S
i
z
e

a
n
d

p
l
a
c
e
m
e
n
t

t
e
l
l

a

s
t
o
r
y
T
h
e

s
i
z
e

a
n
d

p
l
a
c
e
m
e
n
t

o
f

y
o
u
r

i
m
a
g
e

c
a
n

h
a
v
e

a

d
r
a
m
a
t
i
c

e
f
f
e
c
t

o
n

i
t
s

i
m
p
a
c
t
.

H
e
r
e
,

p
l
a
c
i
n
g

a

s
m
a
l
l

p
o
r
t
r
a
i
t

a
t

t
h
e

b
o
t
t
o
m

o
f

a
n

e
m
p
t
y

e
l
d

i
s

a
l
l

i
t

t
a
k
e
s

t
o

c
r
e
a
t
e

a

l
a
y
o
u
t

t
h
a
t

p
e
r
f
e
c
t
l
y

i
l
l
u
s
t
r
a
t
e
s

i
t
s

w
o
r
d
s
.
T
h
e

p
o
w
e
r

o
f

e
m
p
t
y

s
p
a
c
e
T
h
i
s

l
a
y
o
u
t

m
a
k
e
s

i
t

e
a
s
y

t
o

s
e
e

t
h
a
t

e
m
p
t
y

s
p
a
c
e

i
s
n

t

e
m
p
t
y

b
u
t

h
a
s

m
a
s
s
,

v
o
l
u
m
e

a
n
d

r
e
a
l

p
o
w
e
r
.

T
h
e

h
u
g
e

b
l
a
c
k

e
l
d

u
n
g
u
l
f
s

o
u
r

u
n
f
o
r
t
u
n
a
t
e

C
E
O

a
n
d

c
r
e
a
t
e
s

a

s
e
n
s
e

o
f

h
e
a
v
i
n
e
s
s
,

i
s
o
l
a
t
i
o
n

a
n
d

d
i
s
t
a
n
c
e
.

W
h
a
t

m
a
k
e
s

t
h
i
s

h
a
p
p
e
n

i
s

h
e
r

s
m
a
l
l

s
i
z
e
,

e
x
t
r
e
m
e
l
y

l
o
w

p
l
a
c
e
-
m
e
n
t

a
n
d

f
a
r
a
w
a
y

g
a
z
e
.

H
e
r

d
a
r
k

s
u
i
t

i
s

a

b
o
n
u
s
,

f
a
d
i
n
g

i
n
t
o

t
h
e

b
a
c
k
g
r
o
u
n
d

a
n
d

l
e
a
v
i
n
g

h
e
r

s
o
m
b
e
r

e
x
p
r
e
s
s
i
o
n

i
n

s
h
a
r
p

c
o
n
t
r
a
s
t
.

H
e
a
d
l
i
n
e

a
n
d

t
e
x
t

s
t
y
l
e
s

m
u
s
t

b
e

p
l
a
i
n

a
n
d

i
n

a

n
e
u
t
r
a
l

p
o
s
i
t
i
o
n

(
n
o

t
e
n
s
i
o
n
)

t
o

n
o
t

s
t
e
a
l

a
t
t
e
n
t
i
o
n
.
E
m
b
a
t
t
l
e
d

a
n
d

i
s
o
l
a
t
e
d
,

C
E
O

D
o
n
n
a

A
n
d
e
r
s
o
n

g
r
a
p
p
l
e
s

w
i
t
h

t
h
e

f
a
l
l
o
u
t

o
f

f
a
i
l
e
d

a
c
q
u
i
s
i
t
i
o
n
s

a
n
d

a

b
o
a
r
d

t
h
a
t

s

c
a
l
l
i
n
g

f
o
r

h
e
r

h
e
a
d
.
A
L
O
N
E

A
T

T
H
E

T
O
P


B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
3

o
f

4
D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s

0
6
4
7
0
6
4
7

D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s
N
o

s
c
i
s
s
o
r
s

r
e
q
u
i
r
e
d
!

T
h
e

s
c
r
a
p
s

l
o
o
k

p
a
s
t
e
d

o
n
,

b
u
t

t
h
a
t

s

a

c
o
m
p
u
t
e
r
i
z
e
d

i
l
l
u
s
i
o
n

t
h
i
s

a
n
n
o
u
n
c
e
-
m
e
n
t

i
s

p
r
i
n
t
e
d

i
n

o
n
e

p
i
e
c
e

r
i
g
h
t

o
n

y
o
u
r

d
e
s
k
t
o
p
.

W
r
i
t
e

s
o
m
e

p
l
a
y
f
u
l

w
o
r
d
s
,

s
c
a
n

y
o
u
r

p
a
p
e
r
,

t
h
e
n

i
n

P
h
o
t
o
-
s
h
o
p

c
u
t

i
t

t
o

p
i
e
c
e
s
,

a
p
p
l
y

d
r
o
p

s
h
a
d
-
o
w
s
,

m
o
v
e

e
a
c
h

p
i
e
c
e

t
o

i
t
s

o
w
n

l
a
y
e
r
,

a
r
r
a
n
g
e

a
n
d

p
r
i
n
t
.

T
r
y

i
t
!
F
i
l
l

a
n
d

a
p
p
l
y

a

s
h
a
d
o
w
.
C
r
e
a
t
e

a

s
e
l
e
c
t
i
o
n
.
W
r
i
t
e

a
n
d

s
c
a
n

t
h
e

w
o
r
d
s
.
D
e
s
i
g
n


A

c
a
r
d

m
a
d
e

o
f

s
c
r
a
p
s
T
o

a
n
n
o
u
n
c
e

t
h
e

b
i
r
t
h

o
f

t
h
e
i
r

s
o
n

D
r
e
w
,

o
u
r

f
r
i
e
n
d
s

D
a
w
n

a
n
d

M
i
c
h
a
e
l

w
a
n
t
e
d

t
o

s
e
n
d

a
n

e
n
g
a
g
i
n
g
,

p
e
r
s
o
n
a
l

c
a
r
d

a
n
d

w
h
a
t

s

m
o
r
e

p
e
r
s
o
n
a
l

t
h
a
n

y
o
u
r

o
w
n

h
a
n
d
w
r
i
t
i
n
g
?

W
e

l
i
k
e

w
h
a
t

t
h
e
y

m
a
d
e
:
F
r
o
n
t
I
n
s
i
d
e
H
a
n
d
w
r
i
t
t
e
n

l
o
v
e


s
u
b
s

a
s

a

s
i
g
n
a
t
u
r
e
.
D
r
a
w

t
h
r
e
e

r
e
c
t
a
n
g
l
e
s

w
i
t
h

t
h
e

R
o
u
n
d
e
d

R
e
c
t
-
a
n
g
l
e

t
o
o
l

(
l
e
f
t
)
.

I
n

t
h
e

L
a
y
e
r
s

p
a
l
e
t
t
e
,

d
o
u
b
l
e
-
c
l
i
c
k

L
a
y
e
r

1

a
n
d

r
e
n
a
m
e

i
t

T
a
b
s
.


E
d
i
t
>
C
o
p
y

a
l
l

t
h
r
e
e

t
a
b
s
.

N
e
x
t
,

a
p
p
l
y

a

d
r
o
p

s
h
a
d
o
w
:

G
o

t
o

E
f
f
e
c
t
>

S
t
y
l
i
z
e
>
D
r
o
p

S
h
a
d
o
w
,

a
c
t
i
v
a
t
e

P
r
e
v
i
e
w
,

e
n
t
e
r
:

M
o
d
e
:

M
u
l
t
i
p
l
y
;

O
p
a
c
i
t
y

5
0
%
;

X

O
f
f
s
e
t

0
;

Y

O
f
f
s
e
t

0
p
2
;

B
l
u
r
:

0
p
2
;

C
o
l
o
r

B
l
a
c
k
.

C
l
i
c
k

O
K
.

L
o
c
k

t
h
i
s

l
a
y
e
r
.

N
e
x
t
,

c
l
i
c
k

o
n

t
h
e

C
r
e
a
t
e

N
e
w

L
a
y
e
r

i
c
o
n

(
i
n
s
e
t
)
,

a
n
d

n
a
m
e

i
t

H
i
g
h
l
i
g
h
t
.


G
o

t
o

E
d
i
t
>
P
a
s
t
e

i
n

F
r
o
n
t
.

F
i
n
a
l
l
y
,

c
r
e
a
t
e

a

T
y
p
e


l
a
y
e
r
,

s
e
t

y
o
u
r

t
y
p
e
,

a
n
d

m
o
v
e

t
h
i
s

l
a
y
e
r

b
e
l
o
w

t
h
e

H
i
g
h
-
l
i
g
h
t

l
a
y
e
r
.

A
d
o
b
e

I
l
l
u
s
t
r
a
t
o
r


O
l
d
-
f
a
s
h
i
o
n
e
d

t
a
b
s

w
i
t
h

a

m
o
d
e
r
n

s
h
e
e
n
C
r
e
a
t
e

t
h
e

c
u
r
v
e

f
o
r

t
h
e

h
i
g
h
l
i
g
h
t

W
e

n
e
e
d

t
o

d
r
a
w

a

l
i
n
e

t
h
a
t

w
i
l
l

b
i
s
e
c
t

t
h
e

t
h
r
e
e

t
a
b
s
.

S
e
l
e
c
t

t
h
e

H
i
g
h
l
i
g
h
t


l
a
y
e
r
.

U
s
i
n
g

t
h
e

P
e
n

T
o
o
l
,

d
r
a
w

a

s
m
o
o
t
h

c
u
r
v
e

(
a
b
o
v
e
)
.

P
r
e
s
s

t
h
e

S
h
i
f
t

k
e
y
,

s
e
l
e
c
t

t
h
e

c
u
r
v
e

a
n
d

a
l
l

t
h
r
e
e

t
a
b
s
,

a
n
d

g
o

t
o

W
i
n
d
o
w
>
P
a
t
h

n
d
e
r
.

C
l
i
c
k

D
i
v
i
d
e

(
b
e
l
o
w
)

t
o

d
i
v
i
d
e

t
h
e

s
h
a
p
e
s

i
n
t
o

s
i
x

s
e
g
m
e
n
t
s
.
R
e
v
e
a
l

t
h
e

g
u
r
e
s

W
i
t
h

t
h
e

s
e
g
m
e
n
t
s

s
t
i
l
l

s
e
l
e
c
t
e
d
,

c
h
a
n
g
e

t
h
e
i
r

F
i
l
l

c
o
l
o
r

t
o

w
h
i
t
e
.

N
e
x
t
,

u
s
e

t
h
e

D
i
r
e
c
t

S
e
l
e
c
t
i
o
n

T
o
o
l

(
h
o
l
l
o
w

a
r
r
o
w
)

t
o

s
e
l
e
c
t

t
h
e

b
o
t
t
o
m

s
e
g
m
e
n
t
s
,

a
n
d

p
r
e
s
s

D
e
l
e
t
e
.

F
i
n
a
l
l
y
,

s
e
l
e
c
t

t
h
e

t
o
p

s
e
g
m
e
n
t
s

a
n
d

l
o
w
e
r

t
h
e
i
r

o
p
a
c
i
t
y

i
n

t
h
e

W
i
n
d
o
w
>
T
r
a
n
s
p
a
r
e
n
c
y

d
i
a
l
o
g

b
o
x
.

H
e
r
e
,

w
e

s
p
e
c
i

e
d

a
n

o
p
a
c
i
t
y

o
f

6
0
%
.
B
M
W

s

W
e
b

b
a
n
n
e
r

(
r
i
g
h
t
)

t
e
l
l
s

a

c
l
e
v
e
r

p
r
i
c
i
n
g

s
t
o
r
y

u
s
i
n
g

a
n
i
m
a
t
e
d

c
a
s
h
-
r
e
g
i
s
t
e
r

p
o
p
u
p
s
.

W
e

l
i
k
e

i
t
s

j
u
x
t
a
p
o
s
i
t
i
o
n

o
f

s
t
y
l
e
s

t
h
e

o
l
d

m
e
c
h
a
n
i
c
a
l

d
e
v
i
c
e
,

o
l
d

t
y
p
e
f
a
c
e

a
n
d

a
n
t
i
q
u
e

c
o
l
o
r

b
u
t

d
r
a
w
n

w
i
t
h

a

m
o
d
e
r
n
,

p
l
a
s
t
i
c
i
z
e
d

s
h
e
e
n
.

H
e
r
e

s

h
o
w

t
o

d
u
p
l
i
c
a
t
e

i
t
:
B
M
W

W
e
b

a
d
v
e
r
t
i
s
i
n
g

b
a
n
n
e
r


B
e
f
o
r
e
&
A
f
t
e
r

|

w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
4

o
f

4
D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s

0
6
4
7
0
6
4
7

D
e
s
i
g
n

T
a
l
k

8
:

F
i
v
e

D
e
s
i
g
n

I
d
e
a
s
E
m
b
a
t
t
le
d
a
n
d
is
o
la
t
e
d
, C
E
O
D
o
n
n
a
A
n
d
e
r
s
o
n

g
r
a
p
p
le
s
w
it
h
t
h
e
f
a
llo
u
t
o
f
f
a
ile
d
a
c
q
u
is
it
io
n
s
a
n
d

a
b
o
a
r
d
t
h
a
t
s
c
a
llin
g
f
o
r
h
e
r
h
e
a
d
.
A
L
O
N
E

A
T

T
H
E

T
O
P
B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e


B
e
f
o
r
e

&

A
f
t
e
r

h
a
s

b
e
e
n

s
h
a
r
i
n
g

i
t
s

p
r
a
c
t
i
c
a
l

a
p
p
r
o
a
c
h

t
o

g
r
a
p
h
i
c

d
e
s
i
g
n

s
i
n
c
e

1
9
9
0
.

B
e
c
a
u
s
e

o
u
r

m
o
d
e
r
n

w
o
r
l
d

h
a
s

m
a
d
e

d
e
s
i
g
n
e
r
s

o
f

u
s

a
l
l

(
r
e
a
d
y

o
r

n
o
t
)
,

B
e
f
o
r
e

&

A
f
t
e
r

i
s

d
e
d
i
c
a
t
e
d

t
o

m
a
k
i
n
g

g
r
a
p
h
i
c

d
e
s
i
g
n

u
n
d
e
r
s
t
a
n
d
-
a
b
l
e
,

u
s
e
f
u
l

a
n
d

e
v
e
n

f
u
n

f
o
r

e
v
e
r
y
o
n
e
.


J
o
h
n

M
c
W
a
d
e

P
u
b
l
i
s
h
e
r

a
n
d

c
r
e
a
t
i
v
e

d
i
r
e
c
t
o
r
G
a
y
e

M
c
W
a
d
e

A
s
s
o
c
i
a
t
e

p
u
b
l
i
s
h
e
r
V
i
n
c
e
n
t

P
a
s
c
u
a
l

S
t
a
f
f

d
e
s
i
g
n
e
r
D
e
x
t
e
r

M
a
r
k

A
b
e
l
l
e
r
a

S
t
a
f
f

d
e
s
i
g
n
e
r
D
e
s
i
g
n

a
d
v
i
s
o
r

G
w
e
n

A
m
o
s

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e
3
2
3

L
i
n
c
o
l
n

S
t
r
e
e
t
,

R
o
s
e
v
i
l
l
e
,

C
A

9
5
6
7
8

T
e
l
e
p
h
o
n
e

9
1
6
-
7
8
4
-
3
8
8
0

F
a
x

9
1
6
-
7
8
4
-
3
9
9
5
E
-
m
a
i
l

m
a
i
l
b
o
x
@
b
a
m
a
g
a
z
i
n
e
.
c
o
m


w
w
w

h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
C
o
p
y
r
i
g
h
t

2
0
0
6

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e

I
S
S
N

1
0
4
9
-
0
0
3
5
.

A
l
l

r
i
g
h
t
s

r
e
s
e
r
v
e
d
.

Y
o
u

m
a
y

p
a
s
s

a
l
o
n
g

a

f
r
e
e

c
o
p
y

o
f

t
h
i
s

a
r
t
i
c
l
e

t
o

o
t
h
e
r
s

b
y

c
l
i
c
k
i
n
g

h
e
r
e
.

Y
o
u

m
a
y

n
o
t

a
l
t
e
r

t
h
i
s

a
r
t
i
c
l
e
,

a
n
d

y
o
u

m
a
y

n
o
t

c
h
a
r
g
e

f
o
r

i
t
.

Y
o
u

m
a
y

q
u
o
t
e

b
r
i
e
f

s
e
c
t
i
o
n
s


f
o
r

r
e
v
i
e
w
;

p
l
e
a
s
e

c
r
e
d
i
t

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e
,

a
n
d


l
e
t

u
s

k
n
o
w
.

T
o

l
i
n
k

B
e
f
o
r
e

&

A
f
t
e
r

m
a
g
a
z
i
n
e

t
o

y
o
u
r

W
e
b

s
i
t
e
,

u
s
e

t
h
i
s

U
R
L
:

h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
.

F
o
r

a
l
l

o
t
h
e
r

p
e
r
m
i
s
s
i
o
n
s
,

p
l
e
a
s
e

c
o
n
t
a
c
t

u
s
.
S
u
b
s
c
r
i
b
e

t
o

B
e
f
o
r
e

&

A
f
t
e
r
D
i
d

y
o
u

l
e
a
r
n

f
r
o
m

t
h
i
s

a
r
t
i
c
l
e
?

S
u
b
s
c
r
i
b
e
,

a
n
d

b
e
c
o
m
e

a

m
o
r
e

c
a
p
a
b
l
e
,

c
o
n

d
e
n
t

d
e
s
i
g
n
e
r

f
o
r

p
e
n
n
i
e
s

p
e
r

a
r
t
i
c
l
e
.

T
o

l
e
a
r
n

m
o
r
e
,

g
o

t
o


h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
/
S
u
b
s
c
r
i
b
e
E
-
m
a
i
l

t
h
i
s

a
r
t
i
c
l
e
T
o

p
a
s
s

a
l
o
n
g

a

f
r
e
e

c
o
p
y

o
f

t
h
i
s

a
r
t
i
c
l
e

t
o

o
t
h
e
r
s
,

c
l
i
c
k

h
e
r
e
.
J
o
i
n

o
u
r

e
-
l
i
s
t
T
o

b
e

n
o
t
i

e
d

b
y

e
-
m
a
i
l

o
f

n
e
w

a
r
t
i
c
l
e
s

a
s


t
h
e
y

b
e
c
o
m
e

a
v
a
i
l
a
b
l
e
,

g
o

t
o


h
t
t
p
:
/
/
w
w
w
.
b
a
m
a
g
a
z
i
n
e
.
c
o
m
/
e
m
a
i
l
8 9
T
y
p
e
f
a
c
e
s
1

H
e
l
v
e
t
i
c
a

N
e
u
e

3
5

T
h
i
n
2

B
u
r
e
a
u

G
r
o
t

E
x
t
r
a

C
o
m
p
r
e
s
s
e
d

B
l
a
c
k
3

G
e
o
r
g
i
a

R
e
g
u
l
a
r
4

N
e
w

C
e
n
t
u
r
y

S
c
h
o
o
l
b
o
o
k

R
o
m
a
n
I
m
a
g
e
s
5


i
S
t
o
c
k
p
h
o
t
o
.
c
o
m
6

C
o
u
r
t
e
s
y

o
f

D
a
w
n

&

M
i
c
h
a
e
l

W
a
t
a
n
a
b
e
A
r
t
i
c
l
e

r
e
s
o
u
r
c
e
s


C
o
l
o
r
s
C
7
2

M
7
0

Y
6
4

K
8
7
C
9

M
7

Y
1
6

K
0
C
0

M
0

Y
0

K
1
0
0
C
2
0

M
7

Y
6

K
0
7 8
21
7
6 1
0
3 5 4
9
1
0
L
i
s
t
e
n
i
n
g

t
a
l
k
i
n
g

O
p
e
n
i
n
g

Q
u
o
t
e
s