How å lage en Vintage Typografisk Illustrasjon Poster i Adobe Illustrator
Dette innlegget er en del av en serie som heter The Wizard of Oz.Click hælene Twice: Hvordan Draw Sequin Ruby SlippersWhat Du ll være å skape

"Det er ingen plass som hjemme ..." Dorothy hvisket disse ordene, og med tre klikk på hennes sparkly rubyslippers, var hun tilbake i Kansas igjen. Det er en ikonisk film øyeblikk, en wecouldn't omsorgssvikt i vår serie av Wizardof Oz
-themed tutorials.

Så i denne opplæringen, vil vi gå gjennom å skape en typographicillustration med "No Place Like Home "sitat. Siden The Wizard of Oz
Filmen er satt i 1900 (og L. FrankBaum s The Wonderful Wizard of Oz, etter thenovel det er basert på, ble utgitt i 1900), vil vi være ved hjelp av en vintage stil inspiredby typografi fra den tiden.

1. Bli inspirert

Sjekk ut disse typographicpieces fra slutten av 1800-tallet og tidlig på 1900-tallet. Vintage Me Oh My, ablog som kuraterer eksempler på vintage grafisk design, er en stor ressurs sensitivitetsnivå er på jakt etter autentiske inspirasjon.

Jeg vet at noen av disse ser prettyornate og komplisert, men trygg-vi vil ikke være å bruke penn-og-blekk orpaints å lage vår design for hånd som de gjorde da. Men willborrow vi noen forenklede former og stiler, og bruke noen ryddig triks andtextures å gi vår endelige resultatet en antikk, håndtegnet utseende.

2. Sett opp

Trinn 1

Før vi kommer i gang, mightwant du laste ned de ressursene vi skal bruke for å fullføre opplæringen. They'reall gratis, og du kan laste dem ned på linkene under:

Fonts: Harrington, akaPosse, Fletcher gotiske, Smythe

Tekstur: Vector Texture Pack, PaperTexture

Også, ikke glem å downloadthe grafikk som går med denne opplæringen (se Last ned vedlegg buttonto høyre). Inne i filen, vil du finne flere dekorative elementer som I'vecreated å fremskynde prosessen, siden vi skal fokusere hovedsakelig på thetypography for dette prosjektet.

Envato Market har også en stor samling av forskjellige teksturer og tekstur pakker, som du kanskje ønsker å vurdere for en variant av denne designen.

Trinn 2

Åpne opp en 8 x 10 i. dokument i Adobe Illustrator.It er alltid en god idé å opprette prosjektet i en størrelse som er lett å printand ramme, i tilfelle du ender opp som ønsker å henge den opp selv, gi det som en gave, eller selge det som en print kunst.

Neste, Vi vil sette opp bakgrunnen i preparationfor arrangere vår typografi. Vi vil plassere alle våre elementer i svart til startout, og legge farge senere.

Trinn 3

Plasser ruby ​​tøffelen grafisk (fra vedlagte fil) og størrelse det (proporsjonalt, holder nede Shift) tofill meste av nedre hjørne på siden. Bruk Ellipse Tool til å tegne acircle å fylle det meste av bredden på siden (mine er 530 px i diameter) .Position det å overlappe med tøffelen like under båndet.

Trinn 4

Juster slag på sirkelen til 10 pt. Seewhere sirkelen overlapper med skoen, skjære gjennom det hvite området aroundthe bånd? Velg banen Eraser Tool (du finner den under Pencil Tool, klikk-hold, og en sekundær meny vil komme opp), og gjør at circleis likevel valgt, slette den delen av sirkelen som overlapper
<. h2> 3. Ordne Typografi

Før vi begynner denne delen, må du har lastet ned og installert alle skriftene vi skal bruke (knyttet ovenfor under "Oppsett").

Siden "hjem "er fokus for thisquote, vi kommer til å gjøre det det sentrale punktet i vår illustrasjon. Det vil Bethe største ord i vår layout, og vi vil plassere den først, deretter ordne restof ordene rundt det.

Trinn 1

Først skriver du en kapital "H" av seg selv , siden det vil bein en forskjellig skrifttype enn resten av ordet. Vi bruker Harrington som vår skrift, med en størrelse på ca 305 pt. Plasser den i nederst til venstre i sirkelen. Deretter skriver du ut "OME" i all capitalletters-denne gangen, bruker akaPosseat en mindre størrelse, 128 pt.

Trinn 2

Deretter kommer vi til å legge et varp effekt til
'OME' så formen kamper synspunkt på tøffelen. Gå til Effect > Warp > Rise og satt Bend til 36%.

Trinn 3

Åpne Character menyen og endre Trackingsetting til 75 for å gjøre avstanden mellom bokstavene litt bredere. Etter youdo dette, "HJEMME" sannsynligvis vil ikke se sentrert innenfor sirkelen lenger, butthat er greit, fordi vi har fortsatt et par justeringer for å gjøre.

Trinn 4

'H 'virker litt lett ved siden av boldletters av' OME ", så fete det opp litt ved å legge til en 7 pt slag, weadjusted slaget på sirkelen tidligere på samme måte.

Nå, for meg, den 'H' ser for bred, så jeg clickedon det og trakk i en av midten håndterer på siden for å gjøre det til en littleskinnier. På den måten var jeg i stand til å flytte "H" ned for å fylle den nederste hjørne ofthe sirkel litt bedre. Som en siste liten justering, jeg klikket på "OME ', og ved hjelp av en av hjørnehåndtakene, rotert det litt mot klokken så' O'dips ned og fyller den vinkelen skapt av" H "og tøffel. Når du er ferdig, bør du ende opp med noe som dette:

Trinn 5

Skriv ut "liker" i lavere caseletters, velge skrift Smytheat 110 pt
Nå fordreie teksten som vi gjorde for 'OME', kommer toEffect > Warp > Rise og sette Bend til 30%.

Posisjons det ned i cornercreated av "HJEMME", slik at om så mye vertikal plass mellom "like" og "OME" som thereis mellom "OME 'og tøffel.

Trinn 6

Skriv ut en kapital 'P' med skriften Fletcher Gothicat 200 pt. Legg en 8 pt hjerneslag. Plasser 'P' så sine stammelinjer opp diagonalt med 'H' som vist nedenfor.

Skriv ut "LACE" i store bokstaver, bruker akaPosse 110 pt.

Påfør et varp effekt å "Lace '(igjen ved hjelp Effect > Warp > Rise), sette Bend til 57%. Ikke klikk på OK ennå ... denne gangen, vi vil også adjustanother warp innstillingen, Horizontal Distortion. Dette gjør bokstavene getslightly større når du beveger deg fra venstre til høyre. Satt det til 25%.

Trinn 7

Skriv ut "nei" i lowercaseletters, ved hjelp Smythe på 75 pt.

Denne gangen, i stedet for fordreining theword Vi re kommer til å rotere det og klippe det, noe som vil gjøre det ser kursiv.

Først roter "nei" mot klokken, så det er atapproximately samme vinkling som blonder. Deretter velger Objekt > Transform > Shear og type 20 inn i skjær Angle boksen.

Posisjons nei ca inthe sentrum av den hvite plass igjen på toppen av sirkelen. Vi vil være addingembellishments rundt det senere.

Trinn 8

Vi kommer til å plassere «Det er 'inthe øverste hjørne på siden, ved hjelp av mer klipping og fordreining effekter, så itwraps rundt kurve av sirkelen.

Skriv ut en kapital "T" usingFletcher Gothic ved 205 pt.

Legg merke til hvordan 'T' har en litt buet stykke på slutten? Vi ønsker at kurven for å matche kurven av thecircle, så vi kommer til å klippe det, akkurat som vi gjorde med "nei".

Først roter "T" mot klokken, slik at curveon bunnen linje med skråningen av sirkelen. Nå velger Objekt > Transform > Shear og type 30 inn i skjær Angle boksen. Dette vil straightenthe 'T' ut igjen, samtidig som kurven nederst.

Trinn 9

Flytt "T" til et sted hvor den nederste kurven fitsthe kanten av sirkelen pent. Roter litt eller justere lengden til improvethe passer hvis du vil.

Skriv ut "her er" hjelp Smythe på 110 pt. Rotatecounter klokken for å passe inn i mellomrommet mellom "T" og sirkelen

Trinn 10

Velg Objekt >.; Transform > Shear og skriv 15into skråvinkel boksen

Trinn 11

Velg Effect >.; Warp > ArcLower og endre Bend til -30%

Og her er hva vi har fått så langt.

4. Legg Color

Nå er vi på det punktet der weget å legge noen finpuss som virkelig trekker design sammen først, farge. Vår fargepalett er inspirert av en vintage plakat fra 1893 ved Frenchpainter Jules Chéret.I tror det vil fungere fint til dette prosjektet, med en kombinasjon av rød (Vihar å ha "rubin" for at tøffelen, ikke sant?) Og dempede farger som vil helpcreate en antikk utseende. Du kan også prøve noen andre fargevalg som strikesyour fancy, hvis du er så tilbøyelig.

Hvis du har lyst til å prøve dette, nedenfor finner du de hex koder for hver farge som du kan plugge intoIllustrator Color Picker vindu (bare velg objektet du vil bruke en colorto, dobbeltklikker du på Fyll plassen nederst på verktøylinjen, og i thenew vinduet som åpner seg, skriv inn koden i boksen som har en rekke tegn infront av den). Når lagt til, kan du dra en farge fra Fyll torget i yourSwatches menyen for enklere tilgang.

Trinn 1

Først velger alt du har på siden sofar (Kommando /Ctrl-A) og velg type > Lag Outlines. Med alt fortsatt er valgt, gå til Objekt >. Utvid Utseende

Fordi sirkelen, "H", andthe 'P' har alle slag, har vi å gjøre litt ekstra for å få dem klar for acolor endring . Velg alle tre (du kan holde nede Shift mens du klikker for å selectmore enn ett objekt på en gang), og deretter gå til Objekt > Utvide. Making surethe bokser merket Fill og Stroke er begge sjekket, klikk OK

Trinn 2

Nå kan du gå til Vindu >.; Pathfinder, og i windowthat dukker opp, velg Unite (den første knappen i øverste rad). Dette vil sette allthree elementer i en gruppe, som vi ikke vil ha, så gå til Objekt > Løs opp gruppe.

Trinn 3

Først vil vi legge til en nøytral bakgrunn. Lag nytt lag, og dra den ned for å være den første /bunnlaget. I dette laget, ved hjelp theRectangle Tool, tegne et rektangel med samme størrelse som den siden ved hjelp av beige farge, # EFEAD9. Lockthe lag slik at det ikke beveger seg rundt på deg (i Lag-panelet klikker theempty boksen ved siden av øyet ikonet)

Nå velger tøffelen og klikk Object >.; Ordne > Legg foran. Deretter endrer farge til rødt, # E8412F.

Velg "Hjem", "sted", og "There's'.Change fargen til marineblå, # 213552.

Velg sirkel, "nei", og "like". Endre colorto lavendel-grå nyanse, # 8A6E78.

5. Påfør den siste finpussen: Tekstur & Andre Utsmykninger

Vi kommer til å være å legge en fewdifferent typer tekstur å gi vår design en vintage, havarere, trykt utseende.

Trinn 1

Illustrator er Rubb verktøyet er En av mine favoritter. Du kan bruke den til å gi gjenstander eller tekst i design someroughness rundt kantene-fra subtil til dramatiske. La oss prøve det:

Velg alt på siden. Gå til Effect > Distort & Transform > Rubb. Lek litt med innstillingene til youlike mengden av råhet det skaper. Etter å ha klikket OK, hvis du ønsker å trydifferent innstillinger, kan du justere dem ved å gå til Vindu > Utseende andclicking Rubb, som vil re-åpne vinduet. Du kan se innstillingene Ichose i skjermbildet under:

Trinn 2

Du har sannsynligvis lagt merke til at iincluded flere dekorative elementer i den samme filen der du fikk rubyslipper illustrasjon. Nå får vi bruke de. Plassere dem i positionsindicated nedenfor; de er allerede riktig størrelse for layout, så er det bare å kopiere og lime dem over. Endre fargen til lavendel-grå /# 8A6E78.

Hvis du har lyst til å trekke dine ownembellishments i stedet for å fylle opp noen av disse tomme mellomrom, gå for det!

Trinn 3

Hvis du ikke allerede har, downloadthis gratis vektor tekstur pack. Inne vil det være tre Adobe Illustrator (AI) filer. Vi skal bruke de som er merket "tekstur 1" og "texture 2 '

Åpne et nytt lag, og plasser en av teksturer. (Fil > Place og finne filen på datamaskinen din). Et vindu vil komme updisplaying tekstur; Klikk på OK.

Teksturen vil være svart. Klikk theEdit Innhold -knappen, som vil velge alle de enkelte delene av thetexture. Endre fargen til beige /# EFEAD9.

Trinn 4

Nå roter tekstur 90 grader. (Object > Transform > Roter;. Skriv inn 90 og trykk Enter /Return). Teksturen er om samesize som vårt dokument, så bare sentrere den over på siden

Gjenta den samme prosessen for thesecond tekstur. Når du er ferdig, låse lag som har teksturene. You'llhave noen fine grittiness som ser slik ut:

Trinn 5

Nå skal vi legge somestructure tilbake i hvor teksturene er den tyngste, plassere en indre strokeon "sted" og "hjem" til Tone gjort kornethet

Velg "sted" og "HJEMME" og kopiere dem (Kommando /Ctrl-C) .Paste dem i et nytt lag ved hjelp av Rediger >.; Lim i Front (Kommando /Ctrl-F). Itwill midlertidig se ut som om du har dekket opp teksturen.

Med ordene likevel valgt, clickthe Swap Fill og Stroke pilen (Shift-X).

Trinn 6

Åpne Strek-panelet (Vindu > Stroke orCommand /Ctrl-F10). Under Align Stroke alternativet, klikker du den midterste knappen, AlignStroke til Inside. Juster hjerneslag vekten til du er fornøyd med hvordan itlooks; Jeg liker 7 pt.

Trinn 7

Vi kommer til å gjenskape theoffset tekst effekt som vi ser i vår første inspirasjons bilde (Lion Coffee) .Se hvordan det er en kul kombinasjon av negative plass og skygge som er offsetfrom de viktigste bokstavene 'Lion'? Det er den effekten vi er ute etter.

Lag et nytt lag, og dra den ned for å være din andre lag (rett ovenfor beige bakgrunnslaget).

Copy "HJEMME" og lim inn Back (Kommando /Ctrl-B) av yournew lag. Endre fargen til lavendel-grå /# 8A6E78 og bruk piltastene for å flytte itdown og til høyre for hoved bokstaver, så det ser ut som en skygge.

Kopier denne skyggen og lim inn Forsiden på samelayer . Endre fargen til beige /# EFEAD9. Denne gangen, skift den opp (for å være om evenwith marinen blå "HJEMME") og litt til venstre med piltastene.

Trinn 8

Vi er nesten ferdig! Den finalfinishing touch til å gi vår design en autentisk vintage look er å overlayan gamle papir tekstur. Illustrator har faktisk alternativer som ligner på Photoshop overgangsmodi, så vi trenger ikke engang å bytte design programmer.

Hvis du ikke allerede har, laste ned dette papiret texture.Place det i et nytt lag (pass på at dette laget er den øverste en), og størrelsen det å dekke hele siden

Med valgte denne tekstur, openthe Transparency panel (Vindu >. Transparency). Velg Soft Light fra thedrop gardinmenyen, og holde opacity på 100%.

Duplicate papiret tekstur, kopiere og lime den rett på toppen av whatyou've allerede gjort. Denne gangen, endre gjennomsiktig innstillinger å mørkne at25% dekkevne.

Og det er det! (PS You'llnotice at jeg endret "Det er 'fra blå til rød-siste øyeblikk, bestemte jeg meg for thatbalanced ut ruby ​​tøffelen bedre Føl deg fri til å gjøre det samme eller holde den blå;. Som kunstnere og designere, det er ourprerogative!)

Klikk hælene sammen

Jeg håper denne opplæringen hjalp youlearn noen teknikker og triks som som vil være nyttig for fremtidig utforming og illustrationprojects. Adobe Illustrator er fullpakket med verktøy du kan bruke til å tilpasse yourtypography, som Warp og Ru effekter vi brukte for dette prosjektet, og experimentingwith dem kan produsere noen gode resultater. Føl deg fri til å dele hvordan din projectturned ut eller stille spørsmål i kommentarfeltet. Glad design!