before and after 0677

Upload: dsnv

Post on 14-Apr-2018

231 views

Category:

Documents


1 download

TRANSCRIPT

  • 7/29/2019 Before and After 0677

    1/21

    That ont you love wont work just anywhere;it has a style that needs to be complemented.

    Heres how to work to its strengths.

    How to use that typeface

    Before&After

    Continued How to use that typeface 0677

    BAmagazine.com U Xi

    Continued

  • 7/29/2019 Before and After 0677

    2/21

    2of13

    Ever spot a typeace that you really like and

    cant wait to use? Its exciting, but go slow.Beore you buy it, youll want to know i the

    lines, shapes and little doodads that make it

    so appealingherewill work as well over there.

    How to tell? Reading a typeace is a little

    like reading a real ace. Tiny dierences in

    the arch o an eyebrow, the curve o a lip and

    the contour o a cheekbone convey real pres-

    ence, personality and attitude. These need

    complementary presence and attitude rom

    the other visual elements, or the result will be

    awkward, weak or just unny looking. Heres

    how to do that.

    How to use that typefaceThat font you love wont work just anywhere; it has a style that needsto be complemented. Heres how to work to its strengths.

    University Roman Spotted on Montereys amous Cannery Row,

    unky University Roman on this slab o a git-shop sign is out o its

    element. Its obeat letterorms, opulent curlicues and toothpick

    seris are like a mardi-gras costume in political science class. Not a

    match. This is a typeace that wants to party! Lets nd it one!

    Before&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    3/21

    3of13

    3of13

    AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSs

    TtUuVvWwXxYyZz1234567890!$%&?

    Make a visual overview

    Set the ull alphabet and make a visual overview. Write down what you see.Why write it down? To make sure youve actually seen it. Seriously.

    Thick-to-thin stroke dierences are subtle but present on every character.

    I the signmaker on the previous page had been writing this stu down, he

    wouldnt have axed the V to his signboard backward.

    A and e have extremely small counters,

    or enclosed spaces.

    Characters like N and O thatin ordinary alphabets are

    the same width are verydi-

    erent in University Roman

    Conversely, characters like M

    and T that are normally di-

    erent are alike here.

    Other letters have REALLY BIG counters.Flamboyant University

    Roman was developed

    in 1983 by the LetrasetType Studio. Its quirky

    and popular as a display

    typeface, especially on

    greeting cards. Its good

    for more than that, as

    well see.

    Swashy tails

    Opulent swirls

    and curlicues

    How to use that typefaceBefore&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    4/21

    4of13

    4of13

    PRAB

    Look at the details

    University Roman is ull o swashy idiosyncracies that give it a hand-made,Christmasy style especially suitable or anciul and romantic topics.

    Wacky x-heights Bulbous, rubbery letters have an Alice-in-Wonder-

    land quality; some have HUGE tops, some have HUGE bottoms,

    no apparent rhyme or reason.

    Oddball character widths All straight letters are thin. Really thin.

    All round letters are wide. Really wideso wide that round lowercase

    letters are wider than their uppercase counterparts! (Ee, above right)NO EeQuilt

    A tail long enough

    to tickle three charac-

    ters over.

    Radical 50-angle seris and terminals! But only in lowercase!

    Exaggerated

    sizes

    Seri extensions

    rise above cap

    height and drop

    below baseline

    Asymmetrical

    seris

    How to use that typefaceBefore&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    5/21

    5of13

    5of13

    Note strengths and weaknesses

    The irregular proportions and embellishments that make University Roman anentertaining display ace make it very hard to read in text. Key is to keep it big.

    Big, tight, even University Roman looks best big. Its enormous,

    round letters create a lot o internal white space that looks

    better when its squeezed out, so set your words tightly and as

    evenly spaced as possible (below).

    Texture and flasp net exating end mist of it snooling. Spaff forl isntcubular but quastic, leam restart that cant prebast. Its tope, thisfluant chasible. Silk, shast, lape and behast the thin chack. It haslarch to say fan. Why? Elesara and order is fay of alm. A card whintnot oogum or bont. Pretty simple, glead and tarm. Texture and flasp

    Texture and flasp net exating end mist of it snooling. Spaff forl

    isnt cubular but quastic, leam restart that cant prebast. Its tope,

    this fluant chasible. Silk, shast, lape and behast the thin chack. It

    has larch to say fan. Why? Elesara and order is fay of alm. A card

    whint not oogum or bont. Pretty simple, glead and tarm. Texture

    University Roman, a display ace . . .

    Bembo, a text ace . . .

    Its irregularities make University Roman unsuitable

    or text, where a rhythmic, medium typeace works best

    (above). University Roman can be used or very brie pass-

    ages (let), but or anything more than a sentence

    or so, use a real text ace.Best of theSeason to you!

    Chris & Robin

    aloe Even spacing Put more space betweenstraight letters, less between round.

    How to use that typefaceBefore&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    6/21

    6of13

    6of13

    Put it to work

    The challenge now is to combine type with graphics in a coherent whole. To learnhow, lets start at the endwith two cards that illustrate University Roman perectly

    tuned to its environment.

    Two beautiful cards The lines, shapes and colors o type and image

    are so tightly integrated that the designs appear completely natural and

    unorced. Both type and image are strong but together are greater than

    the sum o their parts.

    Card 1

    Card 2

    NOW THROUGH MARCH 28

    Your presence is reques ted

    for a festive evening of intrigue,

    mYsterY and fantasY.

    How to use that typefaceBefore&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    7/21

    7of13

    7of13

    Look for common shapes

    To fnd an image that goes with your typeace, start with shapes. Round letters gonaturally with round images. Avoid triangles, squares and ambiguous shapes, which

    will compete and weaken your design.

    Circles (Right) Round shapes areobvious in the round letters, but look

    at the smaller parts, toothe loops

    and swirls and negative spaces that

    are also round.

    Teardrops (Below) Teardrops in the

    image mirror those in the swashy S.

    Complementary typeface (Above) Pair a ancy display ace with an ordinary typeace or contrast

    plus readability at small sizes. Look for similarities. Whats interesting here is how dierent Futura is

    rom University Roman, yet they have roundness in common.

    NOW THROUGH MARCH 28

    OC Dbae

    How to use that typefaceBefore&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    8/21

    8of13

    8of13

    Blend type and image using color and edge

    Now bring the image into the type, which in this case means literally. Wrap the typearound the edge contours, then apply its beautiul gradients to the lettering.

    Blend using color

    Magenta to yellow (above) and

    cyan to green (let) are light,

    resh combinations. Sample

    color pairs rom the image, add

    to the color palette asgradient

    swatches, then apply to the

    type, which will take on a natu-

    ral radiance that blends beauti-

    ully into the image.

    NOW THROUGH MARCH 28

    Blend using a common edge Wrap the words tightly to the

    contours o the image (let). As a rule with display type, youll

    do this by eye, paying attention to the nooks, crannies and other

    details that the sotware would miss.

    NOW THROUGH MARCH 28

    How to use that typefaceBefore&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    9/21

    9of13

    9of13

    Faint image activates a space

    A smaller, lighter duplicate image in the

    upper let activates the passive whiteand balances the design.

    Lay out the card

    Place type and image on the small card, which confnes and ocusesthe design. A small, duplicate image activates the opposite corner and

    completes the layout.

    NOW THROUGH MARCH 28

    NOW THROUGH MARCH 28

    Splashy composition is beauti-

    ul in open space (let), but its ele-

    ments must work on a card, which

    connes them. Set as big as pos-

    sible, bleeding beyond the lower

    right corner (below).

    How to use that typefaceBefore&After BAmagazine.com Xi

    How to use that typeface 0677

    U

  • 7/29/2019 Before and After 0677

    10/21

    10of13

    10of 13

    Party down!

    Intrigue, mystery, antasy. For card 2, our anciul typeace goes lookingor an ideal party image and fnds it in a gold mask.

    Picking the right image is key To

    illustrate a masquerade party, a mask is

    a natural choice, but which one? A quick

    search brought up a multitude of lavish

    creations, all visually interesting.

    Flowers, fourishes and detailed textures mimic the extravagant forms of Uni-

    versity Roman. Monochromatic gold is direct and intense and will partner well with the

    typeface. Multicolor masks (left, top) are so engaging they require the stage to them-

    selves. Real faces are similarly distracting; instead of a powerful design, the viewer will

    be wondering who it is. Remember: common lines and shapes.

    Your presence is reque sted

    for a festive evening of intrigue,

    mYsterY and fantasY.

    Before&After BAmagazine.com Xi

    How to use that typeface 0677

    UHow to use that typeface

  • 7/29/2019 Before and After 0677

    11/21

    11of13

    11of13

    Your presence is requested

    for a festive evening of intrigue,

    mYsterY and fantasY.

    Your presence is requested

    for a festive evening of intrigue,

    mYsterY and fantasY.

    The image then designs the page

    With type and image together, now transer the colors, ornaments and textureso the mask to the rest o the page. Resulta unifed, powerul design.

    Sample two colors Combine light

    to dark monochromatic golds sampled

    rom the mask into a gradient swatch,

    then apply to the typeace. As we saw

    earlier, the new radiance beautiully

    refects the qualities o the image (right).

    Ornamental border

    Corners o the barely-

    there borderjust

    enough to rame the

    pagemimic the image.

    Woodcut Final, matching ornament punctuates

    the page with a ull stop, completing the design.

    Symmetrical mask is naturally centered.

    Centered layout then doubles its power.

    Before&After BAmagazine.com Xi

    How to use that typeface 0677

    UHow to use that typeface

  • 7/29/2019 Before and After 0677

    12/21

    12of13

    12of13

    NOW THROUGH MARCH 28

    Your presen ce is re quested

    for a festive evening of intrigue,

    mYsterY and fantasY.

    Typefaces

    1 (ab) University Roman | a) 112/82 pt

    b) 46 pt

    2 Futura Light | 18/21.5 pt

    3 Futura Extra Bold | 10 pt

    4 Adobe Caslon Regular | 10.7/17 pt

    5 Adobe Wood Type Std Regular

    Images

    Images: iStockphoto.com

    6 (4836134)

    7 (433813)

    8 (2626360)

    9 (1357805)

    10 (3866203)

    Article resources

    Colors

    C0 M85 Y0 K5

    C0 M15 Y90 K0

    C30 M45 Y80 K40

    C10 M10 Y30 K20

    11

    13

    11

    14

    12

    12

    13

    6

    7

    4

    5

    5

    1b

    1a

    2

    3

    8

    9

    14

    10

    Before&After BAmagazine.com Xi

    How to use that typeface 0677

    UHow to use that typeface

    http://www.myfonts.com/fonts/letraset/university-roman/http://www.myfonts.com/fonts/adobe/futura/light/http://www.myfonts.com/fonts/adobe/futura/extra-bold/http://www.myfonts.com/fonts/adobe/caslon/regular/http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFontPackage&code=1420http://www.istockphoto.com/file_closeup.php?id=4836134http://www.istockphoto.com/file_closeup.php?id=433813http://www.istockphoto.com/file_closeup.php?id=2626360http://www.istockphoto.com/file_closeup.php?id=1357805http://www.istockphoto.com/file_closeup.php?id=3866203http://www.istockphoto.com/file_closeup.php?id=3866203http://www.istockphoto.com/file_closeup.php?id=1357805http://www.istockphoto.com/file_closeup.php?id=2626360http://www.istockphoto.com/file_closeup.php?id=433813http://www.istockphoto.com/file_closeup.php?id=4836134http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFontPackage&code=1420http://www.myfonts.com/fonts/adobe/caslon/regular/http://www.myfonts.com/fonts/adobe/futura/extra-bold/http://www.myfonts.com/fonts/adobe/futura/light/http://www.myfonts.com/fonts/letraset/university-roman/
  • 7/29/2019 Before and After 0677

    13/21

    13of13 | Printing formats

    13of 13

    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

    Dexter Mark Abellera Staff designer

    Before & After magazine

    323 Lincoln Street, Roseville, CA 95678

    Telephone 916-784-3880

    Fax 916-784-3995

    E-mail [email protected]

    www http://www.bamagazine.com

    Copyright 2008 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 Beore & Ater, and become a

    more capable, confdent designer or pennies

    per article. To learn more, go to

    http://www.bamagazine.com/Subscribe

    E-mail this articleTo pass along a ree copy o this article to

    others, click here.

    Join our e-list

    To be notifed by e-mail o new articles as

    they become available, go to

    http://www.bamagazine.com/email

    Before&After BAmagazine.com Xi

    How to use that typeface 0677

    UHow to use that typeface

    http://www.bamag.com/email/9r7uVo/http://www.bamagazine.com/Articles.asp?ID=106http://www.bamagazine.com/Articles.asp?ID=106http://www.bamag.com/email/9r7uVo/
  • 7/29/2019 Before and After 0677

    14/21

    Back | Paper-saver format

    For paper-saver ormatPrint: (Specify pages 1521)

    For presentation ormatPrint: (Specify pages 113)

    Print

    Format: Landscape

    Page Size: Fit to Page

    Save

    Presentation format or

    Paper-saver format

    Beore & Ater is made to ft 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.

    Before&After BAmagazine.com Xi U

    http://www.bamagazine.com/Articles.asp?ID=149http://www.bamagazine.com/Articles.asp?ID=149
  • 7/29/2019 Before and After 0677

    15/21

    Before&After

    |www.b

    ama

    gazin

    e.c

    om

    1of7

    How

    tousethatty

    peface0677

    0677How

    tousetha

    ttypeface

    Thatfonty

    oulovewontworkjust

    anywhere;

    ithasastylethatneedstobecomplemented.

    Hereshowtoworktoitsstrengths.

    H

    owtouse

    thattypeface

    Eve

    rspotatypefacethatyo

    ureallylikeand

    can

    twaittouse?Itsexcitin

    g,butgoslow.

    Beforeyoubuyit,youllwanttoknowifthe

    line

    s,shapesandlittledoodadsthatmakeit

    soappealingherewillwork

    aswelloverthere.

    Howtotell?Readingaty

    pefaceisalittle

    like

    readingarealface.Tinydifferencesin

    the

    archofaneyebrow,the

    curveofalipand

    the

    contourofacheekbone

    conveyrealpres-

    enc

    e,personalityandattitu

    de.Theseneed

    com

    plementarypresencea

    ndattitudefrom

    the

    othervisualelements,o

    rtheresultwillbe

    awkward,weakorjustfunn

    ylooking.Heres

    how

    todothat.

    UniversityRoman

    SpottedonM

    on

    tereysfam

    ousCann

    eryR

    ow

    ,

    fu

    nkyUniversityR

    om

    an

    on

    this

    slab

    ofagift-sh

    opsignis

    outofits

    elemen

    t.Its

    offb

    eatle

    tterform

    s,opu

    lentcurlic

    uesan

    dtoothpick

    se

    rifsarelik

    eam

    ardi-gra

    scostum

    e

    inpolitic

    al

    scien

    cecla

    ss.N

    ota

    match.Thisis

    atypefa

    cethatw

    an

    ts

    toparty!Le

    tsfin

    dit

    on

    e!

    http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/
  • 7/29/2019 Before and After 0677

    16/21

    Before&After

    |www.b

    ama

    gazin

    e.c

    om

    2of7

    How

    tousethatty

    peface0677

    0677How

    tousetha

    ttypeface

    AaBbCcDdEeFfGgHhIiJj

    KkLlM

    mNnOoPpQqRrSs

    TtUuVvWwXxYyZz

    1234567890!$%&?

    Makeavisualove

    rview

    Setthefullalphabe

    tandmakeavisualoverview.Writedownwhat

    yousee.

    Whywriteitdown?

    Tomakesureyouveactuallyseenit.Seriously.

    Thick-to-thin

    strok

    ediffe

    rencesare

    subtlebutpre

    sen

    ton

    e

    verych

    ara

    cter.

    Ifthesignm

    ak

    er

    on

    thep

    revio

    uspageh

    adbeenwritin

    gthi

    sstuff

    down

    ,h

    e

    wouldnth

    av

    eaffix

    edtheV

    tohis

    sign

    board

    backw

    ard.

    Aan

    deh

    av

    eex

    trem

    ely

    smallcounters,

    or

    en

    clo

    sedspaces.

    Ch

    ara

    cters

    likeN

    an

    dOthat

    inordin

    ary

    alph

    abetsare

    thesam

    ew

    idtharevery

    dif-

    feren

    tin

    UniversityR

    om

    an

    Conversely,

    chara

    cterslik

    eM

    an

    dT

    that

    aren

    orm

    ally

    dif-

    feren

    tare

    alikeh

    ere.

    Otherle

    ttersh

    aveREALLYBIG

    coun

    ters.

    Flamboya

    ntUniversity

    Romanwasdeveloped

    in1983by

    theLetraset

    TypeStud

    io.Itsquirky

    andpopularasadisplay

    typeface,

    especiallyon

    greetingcards.Itsgood

    formorethanthat,as

    wellsee.

    Sw

    ashytails

    Opulen

    tswirl

    s

    an

    dcurlic

    ues

    PRAB

    Lookatthedetail

    s

    UniversityRomanisfullofswashyidiosyncraciesthatgiveitahand-made,

    Christmasystyleespeciallysuitableforfan

    cifulandromantictopic

    s.

    Wackyx-heightsB

    ulb

    ous,rub

    beryle

    ttersh

    av

    eanAlic

    e-in-W

    onder-

    lan

    dquality;

    som

    eh

    aveH

    UG

    Etops,som

    eh

    aveH

    UGE

    bottom

    s,

    noapparen

    trh

    ymeorre

    ason.

    OddballcharacterwidthsAll

    straigh

    tle

    tters

    are

    thin.R

    eall

    ythin.

    Allro

    un

    dle

    tters

    arewid

    e.R

    eallywid

    e

    sowid

    ethatro

    un

    dlow

    e

    rcase

    letters

    arewid

    er

    than

    their

    u

    pperc

    asecoun

    terp

    arts!

    (Ee,above

    righ

    t)

    NOEe

    Quilt

    Ataillon

    geno

    ugh

    totickle

    thr

    eech

    ara

    c-

    ters

    over.

    Radic

    al

    50-an

    gle

    s

    erifsan

    dtermin

    als!B

    utonlyinlow

    ercase!

    Ex

    aggera

    t

    ed

    sizes

    Serif

    ex

    ten

    sion

    s

    riseabov

    e

    cap

    heigh

    tan

    ddrop

    below

    baseline

    Asymm

    etrical

    serifs

    http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/
  • 7/29/2019 Before and After 0677

    17/21

    Before&After

    |www.b

    ama

    gazin

    e.c

    om

    3of7

    How

    tousethatty

    peface0677

    0677How

    tousetha

    ttypeface

    Notestrengthsan

    dweaknesses

    Theirregularpropo

    rtionsandembellishmentsthatmakeUniversityRomanan

    entertainingdispla

    yfacemakeitveryhard

    toreadintext.Keyisto

    keepitbig.

    Big,tight,even

    Univ

    er

    sityR

    om

    anlo

    ok

    sbestbig.Its

    en

    o

    rmous,

    roun

    dle

    tters

    cre

    atealo

    tofin

    tern

    alwhite

    spacethatlo

    ok

    s

    betterwh

    enits

    squeeze

    dout,sosetyourw

    ord

    stigh

    tlya

    ndas

    evenly

    spacedaspossib

    le(below

    ).

    Textureandflaspnetexatingen

    dmistofitsnooling.Spaffforlisnt

    cubularbutquastic,leamrestart

    thatcantprebast.Itstope,this

    fluantchasible.Silk,shast,lapeandbehastthethinchack.Ithas

    larchtosayfan.Why?Elesaraandorderisfayofalm.Acardwhint

    notoogumorbont.Prettysimple,gleadandtarm.Textureandflasp

    Textureandflaspnetexatingendmistofitsnooling.Spaffforl

    isntcubularbutquastic,leamrestartthatcantprebast.Itstope,

    thisfluantchasible.Silk,shast,lapeandbehastthethinchack.It

    haslarchtosayfan.Why?Elesaraandorderisfayofalm.Acard

    whintnotoogumorbont.Prettysimple,gleadandtarm.Texture

    Univ

    ersityR

    om

    an

    ,adispla

    yf

    ace...

    Bem

    bo,atex

    tfa

    ce...

    Itsirregularitiesm

    ak

    eUniversityR

    om

    an

    un

    suita

    ble

    for

    tex

    t,wh

    ere

    arh

    ythmic,m

    edium

    typefa

    cew

    ork

    sbest

    (abov

    e).Univ

    ersityR

    om

    an

    canb

    eusedforvery

    brief

    pass-

    ages(left),

    butfor

    a

    nythin

    gm

    ore

    than

    asen

    ten

    ce

    or

    so,useare

    al

    tex

    tface.

    Bestofthe

    Seasontoyou!

    Chris&R

    obin

    aloeEven

    spacingP

    utm

    ore

    spacebetween

    s

    traigh

    tle

    tters,le

    ssbetweenro

    un

    d

    .

    Putittowork

    Thechallengenow

    istocombinetypewith

    graphicsinacoherentwhole.Tolearn

    how,letsstartatth

    eendwithtwocardst

    hatillustrateUniversity

    Romanperfectly

    tunedtoitsenvironment.

    TwobeautifulcardsTh

    eline

    s,shapesan

    dcolors

    of

    typean

    dimage

    are

    sotigh

    tlyin

    tegra

    tedthatthedesign

    sappear

    com

    ple

    telyn

    atural

    an

    d

    unforc

    ed.B

    othtypean

    dim

    a

    geare

    stron

    gbuttogether

    are

    gre

    ater

    than

    thesum

    of

    their

    parts.

    Card1

    Card2

    NOW

    THROUGHMARCH

    28

    YOURPR

    ESENCEISREQUESTED

    FORAFESTIVEEVENINGOFINTRIGUE,

    MYSTERYANDFANTASY.

    http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/
  • 7/29/2019 Before and After 0677

    18/21

    Before&After

    |www.b

    ama

    gazin

    e.c

    om

    4of7

    How

    tousethatty

    peface0677

    0677How

    tousetha

    ttypeface

    Lookforcommon

    shapes

    Tofindanimageth

    atgoeswithyourtypefa

    ce,startwithshapes.Ro

    undlettersgo

    naturallywithroun

    dimages.Avoidtriangles,squaresandambiguo

    usshapes,which

    willcompeteandw

    eakenyourdesign.

    Circles(Ri

    ght)R

    oun

    dshapesare

    obvio

    usin

    thero

    un

    dle

    tters,

    butlo

    ok

    atthesmaller

    parts,

    too

    thelo

    ops

    an

    dswirls

    andn

    egativespacesthat

    are

    alsoro

    und.

    Teardrops

    (Below

    )Te

    ardro

    psin

    the

    imagemirrorth

    osein

    theswashyS.

    Complementarytypeface(Abov

    e)P

    air

    afan

    cydispla

    yfa

    cew

    ithan

    ordin

    ary

    typefa

    cefor

    con

    tra

    st

    plu

    sre

    adability

    atsmall

    sizes.Lookforsimilarities.Wh

    atsin

    tere

    stingh

    ereish

    ow

    differen

    tF

    uturai

    s

    from

    Univ

    ersityR

    om

    an

    ,yettheyhavero

    un

    dn

    essin

    comm

    on.

    NOW

    THROUGHMARCH

    28

    OCDb

    a

    e

    Blendtypeandim

    ageusingcolorande

    dge

    Nowbringtheimageintothetype,whichinthiscasemeansliteral

    ly.Wrapthetype

    aroundtheedgeco

    ntours,thenapplyitsbeautifulgradientstothe

    lettering.

    Bl

    endusingcolor

    Magen

    tatoyellow

    (abov

    e)an

    d

    cy

    antogre

    en

    (left)

    areligh

    t,

    fre

    shcom

    bin

    ation

    s.Sam

    ple

    co

    lorpairsfrom

    theim

    age,add

    to

    thecolor

    pale

    tteasgradient

    sw

    atch

    es,then

    apply

    tothe

    type,whichwill

    tak

    eon

    an

    atu-

    ralradian

    cethatblen

    dsbeauti-

    fullyin

    totheim

    age.

    NOW

    THROUGHMARCH

    28Blendusingacommonedge

    Wrapthew

    ord

    stigh

    tlytothe

    con

    tours

    of

    theim

    age(left).A

    sa

    rulewith

    displa

    ytype,youll

    dothis

    byeye,payin

    gatten

    tion

    t

    othen

    ook

    s,crannie

    san

    dother

    details

    thatthesoftw

    arew

    ouldm

    iss.

    NOW

    THROUGHMARCH28

    http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/
  • 7/29/2019 Before and After 0677

    19/21

    Before&After|www.ba

    magazine.com

    5of7

    Howtousethatty

    peface0677

    0677Howtousethattypeface

    F

    aintimageactivatesaspace

    A

    smaller,lighterduplicateimagein

    the

    u

    pperleftactivatesthepassivewhite

    a

    ndbalancesthedesign.

    Layoutthecard

    Placetypeandimageonthesmallcard,wh

    ichconfinesandfocuse

    s

    thedesign.Asmall,duplicateimageactivatestheoppositecornera

    nd

    completesthelayout.

    NOW

    THROUGHMARCH28

    NOW

    THROUGHMARCH28

    Splash

    ycompositionisbeauti-

    fulinop

    enspace(left),butitsele-

    mentsm

    ustworkonacard,which

    confinesthem.Setasbigaspos-

    sible,bl

    eedingbeyondthelower

    rightco

    rner(below).

    Partyd

    own!

    Intrigue,mystery,fantasy.Forc

    ard2,ourfancifultypefacegoeslooking

    foranidealpartyimageandfin

    dsitinagoldmask.

    PickingtherightimageiskeyTo

    illustrateamasqueradeparty,amaskis

    anaturalchoice,butwhicho

    ne?Aquick

    searchbroughtupamultitud

    eoflavish

    creations,allvisuallyinterest

    ing.

    Flowers,flou

    rishesanddetailedtexturesm

    imictheextravagantformsofUni-

    versityRoman.

    Monochromaticgoldisdirectand

    intenseandwillpartnerwellwith

    the

    typeface.Multicolormasks(left,top)aresoengagingtheyrequirethestagetothem

    -

    selves.Realfac

    esaresimilarlydistracting;insteadofapowerfuldesign,theviewer

    will

    bewonderingwhoitis.Remember:commonline

    sandshapes.

    YOURPRESENCEISREQUESTED

    FORAFESTIVEEVENINGOFINTRIGUE,

    MYSTERYANDFANTASY.

    http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/
  • 7/29/2019 Before and After 0677

    20/21

    Before&After

    |www.b

    a

    magazin

    e.c

    om

    6of7

    How

    tousethatty

    peface0677

    0677How

    tousethattypeface

    YOURPRESENCEISREQUESTED

    FORAFESTIVE

    EVENINGOFINTRIGUE,

    MYSTERYANDFANTASY.

    YOURPRESENCEISREQUESTED

    FORAFESTIVEEVENING

    OFINTRIGUE,

    MYSTERYANDFA

    NTASY.

    Theimagethende

    signsthepage

    Withtypeandimag

    etogether,nowtransferthecolors,ornamentsandtextures

    ofthemasktotherestofthepage.Result

    aunified,powerfuldesign.

    Sampl

    etwocolors

    Com

    bin

    eligh

    t

    todark

    mon

    ochrom

    aticgold

    ssam

    ple

    d

    from

    th

    emaskin

    toagra

    dien

    tswatch

    ,

    then

    ap

    plytothetypefa

    ce.A

    sw

    esaw

    earlier,

    then

    ewra

    dian

    cebeautifully

    refl

    ects

    thequalitie

    sof

    theim

    age(righ

    t).

    Ornamentalborder

    Corn

    ers

    of

    the

    barely-

    there

    bord

    er

    just

    en

    ough

    tofram

    ethe

    pagemimic

    theimage.

    WoodcutFin

    al,m

    atchin

    gorn

    am

    en

    tpun

    c

    tuates

    thepagewith

    afull

    stop,com

    ple

    tingthed

    esign.

    Symme

    tricalmaskisn

    aturallyc

    en

    tere

    d.

    Cen

    tere

    dla

    youtthen

    double

    sits

    pow

    er.

    NOW

    THROUGHMARCH28

    YOURPRESENCEISREQUESTED

    FORAFESTIVEEVENINGOFINTRIGUE,

    MYSTERYANDFANTASY.

    Typ

    efaces

    1(a

    b)Univ

    ersityR

    om

    an

    |a)112

    /82

    pt

    b

    )46pt

    2F

    uturaLigh

    t|1

    8/21.5

    pt

    3F

    uturaEx

    traB

    old

    |1

    0pt

    4A

    dobeCaslonR

    egular

    |1

    0.7

    /17

    pt

    5A

    dobeW

    oodTyp

    eStdR

    egular

    Images

    Ima

    ges:iS

    tock

    ph

    oto.c

    om

    6(4

    8361

    34

    )

    7(4

    3381

    3)

    8(2

    626360)

    9(1

    357805)

    10(38662

    03)

    Articleresources

    Colors

    C0M85Y0K5

    C0M15Y90K0

    C30M45Y80K40

    C10M10Y30K20

    11

    13

    11

    14

    12

    12

    13

    6745 51b

    1a23

    89

    14

    10

    http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/
  • 7/29/2019 Before and After 0677

    21/21

    Before&After

    |www.b

    a

    magazin

    e.c

    om

    7of7

    How

    tousethatty

    peface0677

    0677How

    tousethattypeface

    Before&Aftermagazine

    Before

    &Afterh

    asbee

    nsh

    arin

    gits

    pra

    ctical

    appro

    ach

    togra

    phic

    design

    sin

    ce199

    0.B

    ecauseourm

    odernw

    orl

    d

    hasm

    adedesign

    ers

    of

    usall

    (readyorn

    ot),B

    efore

    &

    Afteris

    dedic

    atedtom

    akinggra

    phic

    design

    un

    derstan

    d-

    able

    ,useful

    an

    dev

    enf

    unfor

    ev

    ery

    on

    e.

    JohnMcWadeP

    ublis

    heran

    dcre

    ativedire

    ctor

    GayeMcWadeA

    ssoc

    iatepublish

    er

    DexterMarkAbelleraStaff

    design

    er

    Before&Aftermagazine

    32

    3Lin

    coln

    Street,R

    oseville,CA9

    567

    8

    Telephone91

    6-7

    84-3

    8

    80

    Fax91

    6-7

    84-399

    5

    E-mailm

    ailb

    ox

    @bam

    a

    gazine.c

    om

    wwwh

    ttp://www.b

    am

    agazin

    e.c

    om

    Copyright2008Be

    fore&Aftermagazine

    ISSN1049-0035.Allrightsreserved

    Youm

    aypassalon

    gafree

    copyof

    this

    article

    toothers

    byclickin

    gh

    ere.Y

    oum

    ayn

    otalter

    this

    article

    ,an

    dyou

    mayn

    otch

    arg

    eforit.Y

    oum

    ayquotebrief

    section

    s

    forreview

    ;ple

    asecre

    d

    itBefore

    &Afterm

    agazin

    e,an

    d

    letuskn

    ow.TolinkB

    ef

    ore&Afterm

    agazin

    etoyour

    Website,usethis

    URL:http://www.b

    am

    agazin

    e.c

    om.

    For

    all

    other

    permis

    sio

    ns,ple

    asecon

    tactus.

    SubscribetoBefore

    &After

    SubscribetoBefore&A

    fter,andbecomea

    morecapable,confidentdesignerforpennies

    perarticle.Tolearnmo

    re,goto

    http://www.bamagazin

    e.com/Subscribe

    E-mailthisarticle

    Topassalongafreecopyofthisarticleto

    others,clickhere.

    Joinoure-list

    Tobenotifiedbye-mailofnewarticlesas

    theybecomeavailable,goto

    http://www.bamagazin

    e.com/email

    http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/