Making av Robot Earth 3009 Typografisk Illustrasjon
hva du skal CreatingThis opplæringen ble opprinnelig publisert i oktober 2009 som en Tuts + Premium opplæringen. Det er nå tilgjengelig gratis å se. Selv om denne opplæringen ikke bruker den nyeste versjonen av Adobe Illustrator, dets teknikker og prosessen er fortsatt relevant.

I denne opplæringen, vil jeg vise deg prosessen for å lage en av mine illustrerte typen plakater. Jeg elsker å jobbe type i alle mine illustrasjoner for balanse og rytme det gir til en layout, men jeg er spesielt glad i å lage bilder av typen selv ... den grafiske designeren inni meg tvinger meg til å gjøre det!

1. Forberede Sketch og dokument

Trinn 1

Jeg har en lidenskap for roboter, sci-fi og typografi, så hva bedre sjanse jeg måtte lage en plakat som fusjonerer alle tre? Etter å ha samlet noen robot referanser og bla gjennom noen Will Eisner utgaver av "The Spirit" (se ham opp ... en tegneserieskaper som var en mester i illustrert type), begynte jeg ved å få en svært grov layout for min faux film plakat ned på papiret.

Min visjon var å skape en stor robot (som også fungerer som type for filmens tittel) roaming truende gjennom et krigsherjet by.

Trinn 2

Med den opprinnelige ideen ut av hjernen min og i min skissebok, flyttet jeg inn i Adobe Illustrator. Den neste oppgaven var å sette opp dokumentet. Jeg opprettet en 11 "med 14" artboard og når åpen, optimalisert min arbeidsplass ved å åpne og organisere ofte brukte paneler og verktøylinjer. Min må-ha
paneler inkluderer Character, Pathfinder, Juster, lag, fargeprøver, farge, gjennomsiktighet, Gradient, og Stroke.

2. Legg Initial Elements

Trinn 1

Jeg har en tendens til å bruke mye av lag i mine illustrasjoner, og dette var ikke noe unntak. Det første laget som jeg alltid skape er en hvit "ramme". Jeg satt det som min øverste laget og det fungerer som en maske for alle kunstverk under den. På den måten kan jeg utvide bilder på lag ut forbi artboard, men ikke bekymre deg for å se dem.

Jeg startet med et rektangel størrelsen på artboard, og deretter opprettet en større en som jeg plassert bak det, valgt dem begge og brukte Minus Front alternativ i Pathfinder-panelet. Jeg låste dette laget og forlot det på den måten for resten av prosjektet.

Trinn 2

Etter å legge noen nye lag i lagpanelet, begynte jeg å blande noen tilpassede farger. Jeg har alltid kaste ut alle de generiske Illustrator farger og blande min egen enkle, begrenset ordning i CMYK.

Det er også svært nyttig, da blande dine egne farger i fargepanelet, for å sette dem som "Spot Color". Dette gjør at du kan dobbeltklikke den fargen i Fargeprøver-panelet til enhver tid, justerer CMYK mix, og har disse endringene automatisk brukes på alle forekomster av den fargen i dokumentet.

Jeg så for seg en varm palett for denne illustrasjonen og jeg laget en rød, en brun, og noen få tans å få meg i gang.

Trinn 3

Når du har lagt en solid rektangel av farge til bakgrunnslaget, droppet jeg en skanning av skissen til skanningen laget (Fil > Place), skaleres det til å passe på siden, og setter Blending Mode til Multipliser med Transparency panel. Dette faller alle de hvite ut av en montert bilde og lar deg jobbe på lag under den av se gjennom
det.

Jeg har også lagt til en annen ramme lag som ville tjene som en forgrunn element at roboten skulle gå gjennom (du får se senere at jeg forlatt dette elementet for siste biten).

3. Legg Tekst

Trinn 1

Deretter begynte jeg å tøffe ut kroppen av roboten. Fra og med rette typen, laget jeg en flat type sammensetning som etter hvert skulle bli overkroppen av roboten. Merk deg navnet endret fra "Robot Earth 57" til "Robot Earth 3009." Jeg trodde 3009 ville tjene som et bedre grunnlag for robot hofter.

Trinn 2

Jeg dro flat type-kropp på toppen av den grove skanning og med det fortsatt er valgt, valgte Free Transform Tool.

Trinn 3

Dette verktøyet er et flott tillegg til Illustrator, hvis det er litt vanskelig å bruke. Den lar deg skalere et objekt i perspektiv, som er akkurat hva legen bestilt for dette bildet. Jeg begynte ved å bevege markøren over en av de åpne hvite boksene i hjørnet av den valgte gruppen og flyttet den aldri så litt før de hvite boksene forsvant. Mens du fremdeles holder musen ned, jeg så presset Command-Alt-Shift.

Dette tvinger kunsten å forskyve tilbake til verdensrommet med perspektiv. Frigjøring ett av den kombinasjon av tastetrykk, mens du fremdeles holder utvalget med musen, slipper en begrensning, slik at du kan få noen ganske avanserte effekter. Mitt beste råd er å eksperimentere liberalt å få taket på det.

Trinn 4

Med ønsket perspektiv oppnådd, merket jeg kunsten og slått av lag med det skannede skisse i den.

Trinn 5

til slutt, jeg brøt den type ned i separate lag: "robot", "jord", "3009" og de to skulder blokker. Dette åpnet for større kontroll ved arbeid på hver del.

4. Legg Dybde til tekst

Trinn 1

Aldri en til å forlate de morsomme delene til sist, hoppet jeg inn og startet arbeidet med roboten hodet. Jeg ville at det skulle ha effekt av en rekke maskiner dekket av en gjennomsiktig glasskuppel. Starter med en halv-pille-kapsel form, kopierte jeg (Kommando-C) og limt foran (Kommando-F) og strøk kopien. Deretter omdannes jeg at veien til skisserer (Object > Sti > Outline Stroke).

Deretter kopierte jeg den opprinnelige kuppelen form og limt den i front for å sikre at det ble helt stilt opp. Med det fortsatt er valgt, valgte jeg den nye skissert slag, gikk inn i Pathfinder-panelet og presset Snitt. Jeg satt igjen med en form perfekt formet til kuppelen form som ville tjene som en tent kanten
for klart glass kuppel. Deretter la jeg den hjerner
av roboten ved å legge enkle figurer sammen.

Jeg sendte dem bak kuppelen form, som jeg satt til å formere seg i Transparency panel. Til slutt, jeg kopierte den opprinnelige kuppelen form og limt det hele veien i ryggen og sette farge til hvit. Dette tillater meg å plassere hodet på hvilken som helst farge bakgrunnen uten at bakgrunnen vises gjennom multipliserte glass stykke.

Trinn 2

Når perspektivet var ferdig, begynte jeg å legge dimensjon til hver av tegnene i kroppstype. Jeg opprettet en vinklet boks som fungerte som en side av bokstavene og deretter kopiert, gjentatt og justert den om og om igjen til bokstavene syntes å ha volum.

For litt mer visuell interesse, gled jeg ordet "jord "baklengs litt for å skape illusjonen om at det var en kortere dybde enn ordet" robot ". For å rydde opp i min dimensjon arbeid, opprettet jeg midlertidige guider bruker låste hvite streker (som jeg senere kastet bort). Disse trygg på at perspektivet av dimensjonsboksene samsvarende med at av de originale brevene.

Med dimensjon ferdig, jeg falt i hodet som jeg laget tidligere for å se hvordan min robot ble forme opp.

5. Legg Limbs og detaljering

Trinn 1

Neste opp på agendaen var å lage noen ben for roboten. Alltid gjør at perspektivet visuelt matchet resten av kroppen, jeg med vilje laget hans ben ut av store flater for å imøtekomme de biter av typen som jeg hadde seg for dem.

Trinn 2

Ikke fornøyd med utseendet på min hard-edged grensen, tenkte jeg roboten ville se mye kulere å skride gjennom skyer av støv skapt av ødeleggelse han nettopp hadde påført byen.

Jeg skrevet en liten kopi av filen og lagt et stykke tracing papir over det bildet. Da trakk jeg mine skyer på tracing papir, skannet dem inn og droppet bildet i en skanning lag bak roboten. På denne måten, jeg hadde en fin mal for å gjøre den endelige vektorgrafikk fra.

Trinn 3

Jeg var endelig klar til å begynne å legge inn alle mine støtte type. Jeg begynte med å velge og forvrenger robotens venstre skulder blokken slik at det syntes å være svingende i midten strak arm.

Trinn 4

Deretter laget jeg «Er dette slutten for menneskeheten?" typen lockup som en flat grafisk og ved hjelp av Skew og Scale verktøy, kartlagt det på siden av skulderen.

Trinn 5

Til slutt, jeg gjorde det samme for skuespillere, produsent og direktør kreditter på beinet, og lagt til et fiktivt studio cred over høyre skulder. Du kan også se at jeg begynte å gjengi støvskyer som jeg snakket om i forrige trinn.

Trinn 6

Roboten klo begynte som en enkel sirkel form med sentrum utstanset det (Pathfinder > Minus Front). Jeg deretter kopiert form, limt den i ryggen og farget den nye figuren en lysere grønn.

Deretter lagde jeg en konsentrisk sirkel og lagt filmen fremste dato og "ødelegge Theaters" med Tekst i en bane Tool. Til slutt, jeg trakk i tilførsel dimensjon mellom de to sirklene, lagt noen detaljer til håndleddet, og skjevt type med Scale og Skew Tools før jeg fikk den ønskede effekt.

Trinn 7
< p> Min neste oppgave var å skape en ribbet metallisk effekt på robotens armer. Jeg kunne ha skapt en del og kopieres og gjentok det langs lengden av armen manuelt, men for å få enda avstanden bare ved synet ville ta en evighet. Heldigvis finnes det en mye bedre måte.

Jeg begynte med å lage en del av den rørformede arm, som besto av skillelinjen for hver del, skyggene og høydepunktene. Deretter dro jeg at gruppert delen inn i Børster paletten og valgt Pattern Brush fra de tilgjengelige alternativene i dialogboksen som dukket opp. Jeg så treffer OK i følgende dialog pensel boksen.

Trinn 8

Deretter laget jeg en kopi av den grønne slag som fungerer som base av armen og limt det foran (det er her vist til venstre for den opprinnelige slag for opplæringsformål). Jeg søkte nylig laget mønster pensel til at hjerneslag og ... voila! Slangen delen som jeg opprettet gjentar langs lengden av banen. Litt eksperimentering kan være nødvendig for å oppnå riktig effekt, men Pattern børster er en flott måte å få flotte, jevnt fordelt effekter langs en sti.

Trinn 9

På vei inn oppløpssiden, jeg snudde min oppmerksomhet bybildet i bakgrunnen. Jeg hadde skapt bygninger for en tidligere illustrasjon (resirkulering fungerer!), Men de ble ikke ødelagt, så jeg ment at de skal vises her.

En enkel maske med en taggete kant over den opprinnelige bygningen oppnådde smuldrer utseende at jeg skulle til, og i tillegg en ujevn kanter rutenett mønster bak bygningen sto i for utsatte i-bjelker. Til slutt, en tilt lagt til hver bygning sydd opp bare-ødelagt-for-a-100-fots-robot
ser at jeg går for.

Trinn 10

med alle elementene i illustrasjonen opprettet, måtte jeg bare legge litt dybde ved hjelp formere skygger. For enhver overflate som jeg trodde kunne bruke en skygge, jeg bare kopieres og limes inn i Fram, satt opp som ny kopi som en lineær gradient i Gradient panel, sett den til Multipliser og rettet
retning av skyggen med Gradient Tool.

jeg gikk på å legge til mange flere multipliserte figurer gjennom hele stykket for et jevnt skyggelagt utseende.

Trinn 11

for en endelig truende touch, jeg lagt øye stråler som kommer ut av robot øyne. Hvite figurer satt til en Opacity på 50% oppnådd denne effekten.

Fantastisk arbeid! Du er nå ferdig!

Illustrert typografi er en lidenskap for meg, så jeg håper du har hatt glede av min tur til en av de tøffeste typen baserte-robot-design som du noen gang har lagt øynene på! Det siste bildet er nedenfor. Du kan se stor versjon her.