Design a Logo of letters! · letters link in one typeface but not another. Others link in lowercase...
Transcript of Design a Logo of letters! · letters link in one typeface but not another. Others link in lowercase...
Before&After ®
Continued
XiBAmagazine.com U
How to design a logo of letters 0363
Continued
Logo of letters!
Design a
Before&After ®
2 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of lettersAre you known by your initials? Turn those letters into a terrific signature!
Cable News Network www.cnn.com
American Dental Association www.ada.org
�
Cotton Incorporatedwww.cottoninc.com
Jack in the Boxwww.jackinthebox.com
®®
General Electric | www.ge.com
Companies of every kind sign their names with linked letters called ligatures. Ligature means to tie. Ligatures make excellent business signa-tures. They’re handsome, simple and compact. And they’re fun, too—we all have initials! Some letters link in one typeface but not another. Others link in lowercase but not in upper. What follows are a variety of ways to get your letter pairs beautifully together.
Before&After ®
3 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 3 of 18
HK are an ideal pair; each letter is distinct from the other, but their adjacent stems are identical. Link by removing either stem and abutting the letters. Two colors put the emphasis on one letter or the other. This is a good way to handle an acronym in which the second letter is the more important.
Use shared strokesMany letter pairs form natural links; they have identical parts or complementary shapes that fit like hand in glove. Let’s begin with the easiest letters to link—those that have iden-tical adjacent strokes.
Almost-identical strokesPairs like UR share not-quite-identical strokes, yet often flow naturally together. To link neatly, you must usually sac-rifice some parts; here, the R gave up a foot, the U a serif.
In Illustrator, set the letters, Create Outlines, and move together. Cut away the unneeded pieces, leaving the remainders overlapped, then in the Pathfinder dialog, select Add to shape area (below).
Before&After ®
4 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 4 of 18
Angled to verticalAngled strokes often link well to vertical strokes. The easiest technique is simply to cut the angled letter in half.
Halving the A joined it neatly to the B, but the crossbars did not align. Borrowing the flourish from atop the A was an easy and artful solution.
Try a different font Similarly, letters that don’t link in one typeface may link in another. Try many! Typefaces that would be too stylized for everyday use often make excellent ligatures.
Try changing case The lowercase alphabet is much different from uppercase, and many letters that do not link in one will link in the other. As a rule, lowercase imparts a less formal, more casual image.
If your letterstrokes don’t quite match . . .
AN ANAN an
Before&After ®
5 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 5 of 18
Uppercase-lowercaseUppercase letters can often link to lowercase with excellent results. An uppercase I, though, won’t link to anything—its body just disappears! But a lowercase i has the advantage of its distinctive dot and can link with many letters.
How far apart? . . . Here, a lowercase i has been doctored to link with an uppercase M. Letters can be separated by distance, color, typestyle or any combination.
Distance Color Style
Curved to verticalThe more decorative the typeface, the more easily dis-similar strokes can be linked. Even a curving stroke can replace a vertical. You need gentle curves, though, circles won’t do (far right).
Many letter pairs can be made to link but shouldn’t be; for example, this odd assembly looks like we’ve invented a new character! A key attribute of a good ligature is that its letters read as individuals even after being joined.
Before&After ®
6 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 6 of 18
Crossbars link so obviously that in sans-serif typefaces they can appear to be merely tightly kerned. To avoid this impression, add a pattern (above) or an outline (left). Better is to use a serif typeface and share the serif (left)).
Mid-letter crossbarsMany letters, such as ABE-FHPR, have mid-letter cross-bars that can be connected with a little help—just cut the letter apart and s-t-r-e-t-c-h the bar!
Horizontal crossbarsA few letter pairs share top crossbars, which are easy to link. Similarly, some typefaces have exaggerated serifs that can be linked.
O U T F I T T E R S
Key to this technique is to keep the letterforms distinct. You can do this by separating the letters with two colors (above) or for a one-color ligature by making a gap in the intersecting stroke (left).
Before&After ®
7 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 7 of 18
Remove a strokeHere, a phantom stroke hints at what’s not there! This is par-ticularly effective with Mod-ern typestyles such as Bodoni and Didi that have extremely thin strokes.
Remove part of a strokeLetters with angled and over-hanging arms—FKTVWXYZ—benefit from this technique, which is especially attractive in serif typestyles. The illusion is that of a stencil; the line is interrupted, yet our eyes “fill in” the missing part!
What’s in the negative space? Negative space is the area in and around your let-ters; it has shape and volume and always affects the viewer’s perception. Negative space is always pres-ent. In the best design it plays an active role, as it does in the TP above. Watch your negative space!
cosmeticsRemove one leg and move the letters together.
Before&After ®
8 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 8 of 18
Crop!Your intrigued reader will lin-ger for valuable moments on this design! Crop away the bot-toms of your letters, and the viewer’s eye must complete the image. Add a company name or other horizontal graphic to span the gap (far right).
Reverse the fieldPut negative space to positive use! Add a same-color field behind your letter, then reverse the second letter out of the field. Especially effective with three-character acronyms.
Reversing the field (light on dark) modifies the look and often improves it. Always check!
(Colors added (for clarity)
. . . add a field . . .Set tightly . . .
YO!YO!
. . . color.
Before&After ®
9 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 9 of 18
Disconnect and attachAn entertaining ligature unique to the T, disconnect one arm and attach it to its neighbor!
To maintain the form of both letters, keep the stroke widths the same.
Follow the white lineCreate the illusion of attach-ment! Rather than abut letters, leave a gap, then make a flow-ing centerline that draws the eye smoothly around.
Don’t close it! Doing so breaks the flow.
Before&After ®
10 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 10 of 18
OverlayA simple alternative to inter-locking is to lay one letter atop the other, then “link” with a common fill or stroke. Here, a colorful gradient turns two letters into one object.
InterlockCircular letters flow most naturally into other circular letters. Interlocked here like wedding bands or Olympic rings, two complete letters function as one.
Set In Illustrator, set the letters, Create Outlines, and move together.
Cut Use the Direct Selection Tool to click an intersec-tion, then Cut.
Divide Select both letters, then in the Path-finder dialog, click Divide (below).
What colors?Easily create a pleasing gradient by using analogous colors (colors adjacent on the wheel), in this case green to blue. Analogous colors always work well together.
Before&After ®
11 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 11 of 18
Build bridgesThis technique works when nothing else will! Abut your letters, then conceal the junction with a decorative graphic, line or a series of lines and shapes. Easy, fun and always engaging.
Lay on top Evenly spaced dots just lie on top.
Paste into Diagonal lines are “pasted into” (InDesign).
Replace letter parts Barely touching letters are brought together by playful shapes and colors.
Fill a space The diamond does double duty—it links the letters and helps form the shape of the R!
Before&After ®
12 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 12 of 18
No software stunts here. Just draw and color funny shapes behind the let-ters, then paste everything into a box.
Do you like the overlap effect but need strong colors? Keep your colors at 100% opacity, but in the Blending mode dialog select Multiply, which adds the colors of an object to the ones beneath it.
Color the negative spacesFinally, some stubborn letters just won’t link physically. So try linking the background! Put the letters in a box, and color the negatives spaces; you can get all kinds of energetic results!
Use transparencyTransparency softens. Create a gossamer effect on even the boldest ligature by lowering the opacity of one or more charac-ters. Here, all three letters are set at 50%. cab
interior designcab
Before&After ® XiBAmagazine.com U
How to design a logo of letters 0363
Cut the chatter and connect with your audience. A simple message is easy to see, easy to love, easy to act on. It’s easy to design, too, thanks to Before & After’s crystal-clear instructions.
Beautiful things get more looks. More touches. More responses. Whether it’s a Web page, a sales pitch or a new logo, Before & After will help get your image together with elegance and style.
Get out of the mud and your message will sparkle. With Before & After, you’ll design like a communicator, not a decorator, which means your readers will get it the way you mean it, first time. You’ll see.
With two formats, you can have Before & After the way you want it. Need it now? Get the PDF. Love print? We’ll mail it to you. Either way, you win. The skills you learn in Before & After will last your whole career!
Simplify. Beautify. Clarify. Mix and match.
How to design cool stuff.
Get more out of your design time, every time. Get Before & After.
Subscribe
Before&After ®
13 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 13 of 18
16
17
15AN an
Article resources
Colors
C100 M60 Y0 K50
C70 M60 Y0 K10
C0 M100 Y85 K30
C0 M15 Y100 K0
C0 M70 Y0 K30
C26 M7 Y24 K3
C73 M15 Y38 K6
C37 M66 Y6 K3
1011
12
13
2
11
12
13
14
10
1
14
3
Typefaces
1 Adobe Garamond Bold
2 ITC Serif Gothic Heavy
3 ITC Goudy Sans Book
4 Futura Medium
5 Helvetica Neue Std Roman
6 Russell Square Roman
7 Spring
8 Avenir 55 Roman
9 Bodoni Roman AN
7
16
17
9
4
4
6
5
8
15
Before&After ®
14 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 14 of 18
Article resources
Colors
C26 M91 Y100 K35
C46 M27 Y100 K35
C43 M68 Y51 K70
C40 M35 Y65 K25
C89 M25 Y87 K23
C0 M91 Y91 K0
C20 M100 Y0 K0
C7 M24 Y37 K0
C20 M100 Y100 K15
C100 M0 Y30 K5
8
9
10
11
15
16
17
14
12
13
Typefaces
1 Clarendon Roman
2 Helvetica Neue Std Heavy Italic
3 Gill Sans Bold
4 Eurostile Extended #2 (Modified)
5 Didi
6 Helvetica Neue Std Ultra Light
7 Century Old Style Std Regular
O U T F I T T E R S
29
1
11
8
10
1
4
13
14
3
12
cosmetics
7
16
7
17
5
15
6
Before&After ®
15 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 15 of 18
17
18
Article resources
Colors
C0 M50 Y100 K0
C33 M93 Y0 K0
C0 M53 Y26 K0
C72 M22 Y42 K0
C100 M60 Y0 K10
C100 M90 Y0 K0
C29 M63 Y53 K8
C11 M43 Y67 K8
C0 M100 Y85 K0
C0 M20 Y100 K0
10
18
17
13
12
9
119
1 10
2
15
16
16
15
14
12 13
5
Typefaces
1 Futura Extra Bold
2 Bernhard Modern Roman
3 ITC Leawood Book
4 Helvetica Neue Std Black (Modified)
5 ITC Goudy Sans Bold Italic
6 Futura Bold Oblique
7 ITC Franklin Gothic Std Heavy
8 Adobe Garamond Regular
4
68
14
11
7
3
Before&After ®
16 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 16 of 18
Article resources
Colors
C100 M0 Y90 K30
C100 M0 Y40 K0
C100 M60 Y0 K0
C0 M30 Y100 K0
C40 M80 Y0 K0
C60 M100 Y0 K0
C80 M0 Y100 K012
10
9
8
7
6
11
Typefaces
1 Futura Book
2 ITC Kabel Std Demi
3 ITC Goudy Sans Bold
4 Bauer Bodoni Roman
5 Gill Sans Ultra Bold
19
2
4
9
11
5
12
10
3
6
7
8
Before&After ®
17 of 18
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 17 of 18
Article resources
Colors
C0 M100 Y100 K40
C40 M35 Y65 K25
C60 M30 Y10 K15
C19 M37 Y59 K0
C4 M6 Y4 K0
C20 M0 Y100 K19
C0 M53 Y100 K0
C40 M45 Y0 K0
10
8
7
6
5
4
9
Typefaces
1 Vectora 95 Black
2 Sloop Script One
3 ITC Goudy Sans Bold
1
8
3
4
5
6cabinterior design
9
10
11
7
2
11
Before&After ®
18 of 18 | Printing formats
XiBAmagazine.com U
How to design a logo of letters 0363
How to design a logo of letters 18 of 18
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 directorGaye McWade Associate publisherDexter Mark Abellera Staff designer Before & After magazine323 Lincoln Street, Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995E-mail [email protected] www http://www.bamagazine.com
Copyright ©2009 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, confident 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 notified by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email
Before&After ®
Back | Paper-saver format
XiBAmagazine.com U
For paper-saver format Print: (Specify pages 21–29)
For presentation format Print: (Specify pages 1–18)
Before & After is made to fit 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
SavePresentation format or
Paper-saver format
Be
fore
&A
fter | w
ww
.bamagazine.com
1 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
Logo of letters!
Design a
Ca
ble
Ne
ws N
etw
ork
w
ww
.cnn.comA
me
rican
De
nta
l Asso
ciatio
n
ww
w.ada.org
�
Co
tton
In
corp
ora
ted
ww
w.cottoninc.
com
Jack
in th
e B
ox
ww
w.jackinthebox.com
®®
Ge
ne
ral E
lectric | w
ww
.ge.com
Co
mp
anies o
f every kind
sign th
eir nam
es with
lin
ked letters called
ligatures. Ligatu
re mean
s to tie. Ligatu
res make excellen
t bu
siness sign
a-tu
res. Th
ey’re han
dso
me, sim
ple an
d co
mp
act. A
nd
they’re fu
n, to
o—
we all h
ave initials! So
me
letters link in
on
e typeface b
ut n
ot an
oth
er. O
thers lin
k in low
ercase bu
t no
t in u
pp
er. Wh
at fo
llows are a variety o
f ways to
get you
r letter p
airs beau
tifully togeth
er.
Be
fore
&A
fter | w
ww
.bamagazine.com
2 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
HK
are an ideal pair; each letter is distinct from the
other, but their adjacent stems are identical. Link by
removing either stem
and abutting the letters. Two
colors put the emphasis on one letter or the other.
This is a good way to handle an acronym
in which the
second letter is the more im
portant.
Use
share
d stro
ke
sM
any letter p
airs form
natu
ral l in
ks; they h
ave iden
tical parts
or co
mp
lemen
tary shap
es th
at fit like h
and
in glove. L
et’s b
egin w
ith th
e easiest letters to
link—
tho
se that h
ave iden
-t ical ad
jacent stro
kes.
Alm
ost-id
en
tical strok
es
Pairs like U
R sh
are no
t-qu
ite-i d
entical stro
kes, yet often
fl
ow n
aturally to
gether. To
link
neatly, yo
u m
ust u
sually sac-
r ifice so
me p
arts; here, th
e R
gave up
a foo
t, the U
a serif.
In Illustrator, set the letters, Create O
utlines, and move
together. Cut aw
ay the unneeded pieces, leaving the rem
ainders overlapped, then in the Pathfinder dialog, select A
dd to shape area (below).
An
gle
d to
vertical
An
gled stro
kes often
link w
ell t o
vertical strokes. T
he easiest
techn
iqu
e is simp
ly to cu
t the
angled
letter in h
alf.
Halving the A
joined it neatly to the B, but the crossbars did
not align. Borrow
ing the flourish from atop the A
was an easy
and artful solution.
Try a d
iffere
nt fo
nt
Similarly, letters that don’t link in one typeface m
ay link in another. Try m
any! Typefaces that would be too stylized for
everyday use often make excellent ligatures.
Try cha
ng
ing
case
The low
ercase alphabet is much different from
uppercase, and m
any letters that do not link in one w
ill link in the other. As a rule, low
ercase imparts a
less formal, m
ore casual image.
If you
r lette
rstrok
es d
on
’t qu
ite m
atch . . .
AN
AN
AN
an
Be
fore
&A
fter | w
ww
.bamagazine.com
3 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
Up
pe
rcase-lo
we
rcaseU
pp
ercase letters can o
ften
l ink to
lowercase w
ith excellen
t resu
lts. An
up
percase I, th
ou
gh,
wo
n’t link to
anyth
ing—
its b
od
y just d
isapp
ears! Bu
t a low
ercase i has th
e advan
tage o
f its distin
ctive do
t and
can
link w
ith m
any letters.
Ho
w fa
r ap
art? . . .
Here, a low
ercase i has been doctored to link with an
uppercase M. Letters can be separated by distance, color,
typestyle or any combination.
Distance C
olor Style
Cu
rved
to ve
rticalT
he m
ore d
ecorative th
e t yp
eface, the m
ore easily d
is-s im
ilar strokes can
be lin
ked.
Even
a curvin
g stroke can
rep
lace a vertical. You
need
gen
tle curves, th
ou
gh, circles
wo
n’t do
(far right).
Many letter pairs can be m
ade to link but shouldn’t be; for exam
ple, this odd assembly looks like w
e’ve invented a new
character! A key attribute of a good ligature is that
its letters read as individuals even after being joined.
Crossbars link so obviously that in sans-serif
typefaces they can appear to be merely tightly
kerned. To avoid this impression, add a pattern
(above) or an outline (left). Better is to use a
serif typeface and share the serif (left)).
Mid
-lette
r crossb
arsM
any letters, su
ch as A
BE
-F
HP
R, h
ave mid
-letter cross-
bars th
at can b
e con
nected
w
ith a little h
elp—
just cu
t the
letter apart an
d s-t-r-e-t-c-h
th
e bar!
Ho
rizon
tal crossb
arsA
few letter p
airs share to
p
c rossb
ars, wh
ich are easy
to lin
k. Similarly, so
me
typefaces h
ave exaggerated
serifs that can
be lin
ked.
OU
TF
IT
TE
RS
Key to this technique is to keep the letterforms distinct.
You can do this by separating the letters with tw
o colors (above) or for a one-color ligature by m
aking a gap in the intersecting stroke (left).
Be
fore
&A
fter | w
ww
.bamagazine.com
4 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
Re
mo
ve a stro
ke
Here, a p
han
tom
stroke h
ints
a t wh
at’s no
t there! T
his is p
ar-t icu
larly effective with
Mo
d-
e rn typ
estyles such
as Bo
do
ni
and
Did
i that h
ave extremely
thin
strokes.
Re
mo
ve p
art of a stro
ke
Letters w
ith an
gled an
d over-
han
ging arm
s—F
KT
VW
XY
Z—
ben
efit fro
m th
is techn
iqu
e, w
hich
is especially attractive
in serif typ
estyles. Th
e illusio
n
is that o
f a stencil; th
e line is
interru
pted
, yet ou
r eyes “fill
in” the m
issing p
art!
Wh
at’s in
the
ne
ga
tive sp
ace
? N
egative space is the area in and around your let-ters; it has shape and volum
e and always affects the
viewer’s perception. N
egative space is always pres-
ent. In the best design it plays an active role, as it does in the TP
above. Watch your negative space!
cosmetics
Rem
ove one leg and move the letters together.
Cro
p!
You
r intrigu
ed read
er will lin
-g er fo
r valuab
le mo
men
ts on
th
is design
! Cro
p aw
ay the b
ot-
t om
s of yo
ur letters, an
d th
e view
er’s eye mu
st com
plete th
e im
age. Ad
d a co
mp
any n
ame
or o
ther h
orizo
ntal grap
hic to
sp
an th
e gap (far righ
t).
Re
verse
the
fie
ldP
ut n
egative space to
po
sitive u
se! Ad
d a sam
e-colo
r field
b
ehin
d yo
ur letter, th
en reverse
the seco
nd
letter ou
t of th
e field
. E
specially effective w
ith th
ree-ch
aracter acron
yms.
Reversing the field (light
on dark) modifies the
look and often improves
it. Alw
ays check!
(Co
lors a
dd
ed
(fo
r clarity)
. . . add a field . . .Set tightly . . .
YO!YO!. . . color.
Be
fore
&A
fter | w
ww
.bamagazine.com
5 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
Disco
nn
ect an
d attach
An
entertain
ing ligatu
re un
iqu
e t o
the T, d
iscon
nect o
ne arm
an
d attach
it to its n
eighb
or!
To maintain the form
of both letters, keep the stroke w
idths the same.
Follo
w th
e w
hite
line
Create th
e i llusion
of attach
-m
ent! R
ather th
an ab
ut letters,
leave a gap, th
en m
ake a flow
-i n
g centerlin
e that d
raws th
e eye sm
oo
thly aro
un
d.
Don’t close it! D
oing so breaks the flow
.
Ove
rlayA
simp
le alternative to
inter-
l ockin
g is to lay o
ne letter ato
p
the o
ther, th
en “lin
k” with
a co
mm
on
fill o
r stroke. H
ere, a co
lorfu
l gradien
t turn
s two
letters in
to o
ne o
bject.
Inte
rlock
Circu
lar letters flow
mo
st n
aturally in
to o
ther circu
lar letters. In
terlocked
here like
wed
din
g ban
ds o
r Olym
pic
rings, tw
o co
mp
lete letters fu
nctio
n as o
ne.
Se
t In Illustrator, set the letters, C
reate O
utlines, and move
together.
Cu
t U
se the Direct
Selection Tool to click an intersec-tion, then C
ut.
Divid
e
Select both letters, then in the Path-finder dialog, click D
ivide (below).
Wh
at co
lors?
Easily create a pleasing gradient by using analogous colors (colors adjacent on the w
heel), in this case green to blue. A
nalogous colors alw
ays work w
ell together.
Be
fore
&A
fter | w
ww
.bamagazine.com
6 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
Bu
ild b
ridg
es
Th
is techn
iqu
e wo
rks wh
en
no
thin
g else will! A
bu
t you
r letters, th
en co
nceal th
e ju
nctio
n w
ith a d
ecorative
graph
ic, line o
r a series of
lines an
d sh
apes. E
asy, fun
an
d alw
ays engagin
g.
Lay o
n to
p
Evenly spaced dots just lie on top.P
aste
into
D
iagonal lines are “pasted into” (InDesign).
Re
pla
ce le
tter p
arts
Barely touching letters are brought together
by playful shapes and colors.
Fill a
spa
ce
The diamond does double duty—
it links the letters and helps form
the shape of the R!
No softw
are stunts here. Just draw
and color funny shapes behind the let-ters, then paste everything into a box.
Do you like the overlap effect but need
strong colors? Keep your colors at 100%
opacity, but in the Blending m
ode dialog select M
ultiply, which adds the colors
of an object to the ones beneath it.
Co
lor th
e n
eg
ative sp
aces
Fin
ally, som
e stub
bo
rn letters
j ust w
on’t lin
k ph
ysically. So try
linkin
g the b
ackgrou
nd
! Pu
t the
letters in a b
ox, and
colo
r the
negatives sp
aces; you
can get all
kind
s of en
ergetic results!
Use
transp
aren
cyTran
sparen
cy s oftens. C
reate a go
ssamer effect o
n even
the
bo
ldest ligatu
re by low
ering th
e o
pacity o
f on
e or m
ore ch
arac -ters. H
ere, all three letters are
set at 50%.
cabinterior design
ca b
Be
fore
&A
fter | w
ww
.bamagazine.com
7 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
Article
reso
urce
s
Co
lors
C26
M91
Y100
K35
C46
M27
Y100
K35
C43
M68
Y51
K70
C40
M35
Y65
K25
C89
M25
Y87
K23
C0
M91
Y91
K0
C20
M100
Y0
K0
C7
M24
Y37
K0
C20
M100
Y100
K15
C100
M0
Y30
K5
891011
151617
14 1213
Type
face
s
1 Clarendon R
oman
2 Helvetica N
eue Std Heavy Italic
3 Gill Sans B
old
4 Eurostile Extended #2 (Modified)
5 Didi
6 Helvetica N
eue Std Ultra Light
7 Century O
ld Style Std Regular
OU
TF
ITT
ER
S
29 1
11
810
1
41314
3
12
cosmetics
716717
5
156
1617
15A
N an
Article
reso
urce
s
Co
lors
C100
M60
Y0
K50
C70
M60
Y0
K10
C0
M100
Y85
K30
C0
M15
Y100
K0
C0
M70
Y0
K30
C26
M7
Y24
K3
C73
M15
Y38 K6
C37
M66
Y6
K3
1011
1213 2
11
121314
10 1
14 3
Type
face
s
1 Adobe G
aramond B
old
2 ITC Serif G
othic Heavy
3 ITC G
oudy Sans Book
4 Futura Medium
5 Helvetica N
eue Std Rom
an
6 Russell Square R
oman
7 Spring
8 Avenir 55 R
oman
9 Bodoni R
oman
AN
7
1617 9 446 5
8
15
Be
fore
&A
fter | w
ww
.bamagazine.com
8 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
17
18
Article
reso
urce
s
Co
lors
C0
M50
Y100
K0
C33
M93
Y0
K0
C0
M53
Y26
K0
C72
M22
Y42
K0
C100
M60
Y0
K10
C100
M90
Y0
K0
C29
M63
Y53
K8
C11
M43
Y67
K8
C0
M100
Y85
K0
C0
M20
Y100
K0
1018 17
13 12 9119 1
10 2
1516
16 15 14
1213 5
Type
face
s
1 Futura Extra Bold
2 Bernhard M
odern Rom
an
3 ITC Leaw
ood Book
4 Helvetica N
eue Std Black (M
odified)
5 ITC G
oudy Sans Bold Italic
6 Futura Bold O
blique
7 ITC Franklin G
othic Std Heavy
8 Adobe G
aramond R
egular
468 14 117 3
Article
reso
urce
s
Co
lors
C100
M0
Y90
K30
C100
M0
Y40
K0
C100
M60
Y0
K0
C0
M30
Y100
K0
C40
M80
Y0
K0
C60
M100
Y0
K0
C80
M0
Y100
K012 10 9 8 7 61 1
Type
face
s
1 Futura Book
2 ITC K
abel Std Dem
i
3 ITC G
oudy Sans Bold
4 Bauer B
odoni Rom
an
5 Gill Sans U
ltra Bold
19 24911
512
10 3
678
Be
fore
&A
fter | w
ww
.bamagazine.com
9 of 9
Ho
w to
de
sign
a lo
go
of le
tters! 0363
0363 H
ow
to d
esig
n a
log
o o
f lette
rs!
Article
reso
urce
s
Co
lors
C0
M100
Y100
K40
C40
M35
Y65
K25
C60
M30
Y10
K15
C19
M37
Y59
K0
C4
M6
Y4
K0
C20
M0
Y100
K19
C0
M53
Y100
K0
C40
M45
Y0
K0
10 8 7 6 5 49
Type
face
s
1 Vectora 95 Black
2 Sloop Script One
3 ITC G
oudy Sans Bold
1
8 3 456c
abinterior design
91011 7 2
11
Be
fore
& A
fter m
ag
azin
e
Befo
re & A
fter has b
een sh
aring its p
ractical app
roach
to grap
hic d
esign sin
ce 1990. Becau
se ou
r mo
dern
wo
rld h
as mad
e design
ers of u
s all (ready o
r no
t), Befo
re &
After is d
edicated
to m
aking grap
hic d
esign u
nd
erstand
-ab
le, usefu
l and
even fu
n fo
r everyon
e.
Joh
n M
cWa
de
Pu
blish
er and
creative directo
rG
ay
e M
cWa
de
Asso
ciate pu
blish
erD
ex
ter M
ark
Ab
elle
ra Staff d
esigner
Be
fore
& A
fter m
ag
azin
e323 Lin
coln
Street, Ro
seville, CA
95678 Te
lep
ho
ne
916-784-3880 Fax 916-784-3995E
-mail m
ailbo
x@b
amagazin
e.com
w
ww
http
://ww
w.b
amagazin
e.com
Co
py
righ
t ©2009 B
efo
re &
Afte
r ma
ga
zine
IS
SN
1049-0035. All rig
hts re
serv
ed
You
may p
ass alon
g a free cop
y of th
is article to o
thers
by clickin
g here. Yo
u m
ay no
t alter this article, an
d yo
u m
ay no
t charge fo
r it. You
may q
uo
te brief sectio
ns
for review
; please cred
it Befo
re & A
fter magazin
e, and
let us kn
ow
. To lin
k Befo
re & A
fter magazin
e to yo
ur
Web
site, use th
is UR
L: http
://ww
w.b
amagazin
e.com
. Fo
r all oth
er perm
ission
s, please co
ntact u
s.
Su
bscrib
e to
Be
fore
& A
fter
Sub
scribe to
Befo
re & A
fter, and
beco
me a
mo
re capab
le, con
fid
ent d
esigner fo
r pen
nies
per article. To
learn m
ore, go
to
http
://ww
w.b
amagazin
e.com
/Sub
scribe
E-m
ail this article
To p
ass alon
g a free cop
y of th
is article to
oth
ers, click here.
Join
ou
r e-list
To b
e no
tified
by e-m
ail of n
ew articles as
they b
ecom
e available, go
to
http
://ww
w.b
amagazin
e.com