Share
Hva du skal skapeDenne opplæringen ble opprinnelig publisert i oktober 2009 som en Tuts + Premium-opplæring. Det er nå tilgjengelig gratis å vise. Selv om denne opplæringen ikke bruker den nyeste versjonen av Adobe Illustrator, er teknikker og prosesser fortsatt relevante.
Under denne opplæringen vil jeg vise deg prosessen for å lage en av mine illustrerte type plakater. Jeg elsker å jobbe skrive inn i alle mine illustrasjoner for balansen og rytmen den gir til et layout, men jeg elsker spesielt å lage bilder av typen selv ... den grafiske designeren inne i meg tvinger meg til å gjøre det!
For flere utrolige ressurser, sjekk ut vårt fantastiske utvalg av Vector Robots tilgjengelig gjennom GraphicRiver. Eller få hjelp fra en design profesjonell fra Envato Studio for tilpasset robotdesign.
Jeg har en lidenskap for roboter, sci-fi og typografi, så hva bedre sjanse vil jeg måtte lage en plakat som fusjonerer alle tre? Etter å ha samlet noen robotreferanser og paging gjennom noen få vil Eisner problemer av "Ånden" (se ham opp ... en tegneserieartist som var en mester på illustrert type), begynte jeg å få et veldig grovt layout for min fauxfilmplakater nede på papir.
Min visjon var å skape en stor robot (som også tjener som type for filmens tittel) roaming menacingly gjennom en krigsherjet by.
Med den første ideen fra hjernen min og inn i skisseboken min, flyttet jeg inn i Adobe Illustrator. Neste oppgave var å sette opp dokumentet mitt. Jeg opprettet en 11 "med 14" artboard og, når det er åpent, optimalisert arbeidsområdet mitt ved å åpne og organisere ofte brukte paneler og verktøylinjer. Min må ha paneler inkluderer Karakter, Pathfinder, Rette inn, lag, fargeprøver, Farge, åpenhet, gradient, og Stroke.
Jeg pleier å bruke mange lag i illustrasjonene mine, og dette var ikke noe unntak. Det første laget som jeg alltid oppretter, er en hvit "ramme". Jeg setter det som mitt øverste lag, og det virker som en maske for alt kunstverket under det. På den måten kan jeg utvide bilder på lag utover tavlen, men ikke bekymre deg for å se dem.
Jeg startet med et rektangel størrelsen på tavlen, og så opprettet en større som jeg lagde bak den, valgte dem begge, og brukte Minus Front alternativ i Pathfinder panel. Jeg låste dette laget og la det på den måten for resten av prosjektet.
Etter å ha lagt til noen nye lag i lag panelet begynte jeg å blande noen tilpassede farger. Jeg kaster alltid ut alle de generiske Illustrator-fargene og blander min egen, enkle, begrensede skjema i CMYK.
Det er også veldig nyttig, når du blander dine egne farger i Farge panel, for å angi dem som "Spot Color". Dette tillater deg å Dobbeltklikk den fargen i fargeprøver panelet når som helst, juster CMYK mikse, og ha de endringene som blir automatisk brukt på noen forekomst av fargen i dokumentet ditt.
Jeg forestilte en varm palett for denne illustrasjonen, og jeg opprettet en rød, en brun og et par tenner for å få meg i gang.
Etter å ha lagt et solidt fargelegg til bakgrunnslaget, droppet jeg en skanning av skissen i skannelaget (Fil> Plass), endre størrelsen på den for å passe på siden, og sett inn Blandingsmodus til Multiplisere bruker åpenhet panel. Dette dråper alt det hvite ut av et plassert bilde, og lar deg jobbe på lag under det ser gjennom den.
Jeg har også lagt til et annet rammelag som ville tjene som et forgrunnselement som roboten skulle gå gjennom (du vil se senere at jeg forlot dette elementet for det endelige brikket).
Deretter begynte jeg å rive ut robotens kropp. Fra begynnelsen med rett type designet jeg en flat type komposisjon som til slutt ville bli robotens torso. Merk navnet endret fra "Robot Earth 57" til "Robot Earth 3009." Jeg trodde at 3009 ville tjene som et bedre grunnlag for robothips.
Jeg trakk den flate typen kropp på toppen av den grove skanningen, og med den valgte, valgte du Gratis Transform Tool.
Dette verktøyet er et flott tillegg til Illustrator, hvis det er litt vanskelig å bruke. Det lar deg skala en gjenstand i perspektiv, noe som bare er det legen har bestilt for dette bildet. Jeg begynte med å flytte markøren over en av de åpne hvite boksene i hjørnet av den valgte gruppen og flyttet det noen gang så lett til de hvite boksene forsvant. Mens du fortsatt holder musen nede, presset jeg da Kommando-Alt-Shift.
Dette tvinger kunsten til å skje tilbake i rommet med perspektiv. Å frigjøre en hvilken kombinasjon av tastetrykk, mens du fortsatt holder valget med musen, frigjør en begrensning, slik at du kan få noen ganske sofistikerte effekter. Mitt beste råd er å eksperimentere liberalt for å få tak i det.
Med det ønskede perspektivet oppnådd, avviste jeg kunsten og slått av laget med den skannede skissen i den.
Til slutt brøt jeg typen ned i separate lag: "robot", "jord", "3009" og de to skulderblokkene. Dette tillot større kontroll når du arbeider på hver seksjon.
Aldri en til å forlate de morsomme delene for sist, hoppet jeg inn og begynte å jobbe på robothodet. Jeg ville ha det til å virke som en rekke maskiner dekket av en gjennomsiktig glasskuppel. Startet med en halvpiller-kapselform, kopierte jeg (Kommando-C) og limt inn foran (Kommando-F) og strøk kopien. Da konverterte jeg den banen til skisserer (Objekt> Sti> Oversikt over strekk).
Deretter kopierte jeg den opprinnelige kuppelformen og limte den inn foran for å sikre at den var perfekt lined opp. Med det fremdeles valgte, valgte jeg det nye skisserte slaget, gikk inn i Pathfinder panelet, og trykkes Krysse. Jeg ble igjen med en form som var perfekt utformet til kuppelformen som ville tjene som en opplyst kant for den klare glassdomen. Deretter la jeg til hjerner av roboten ved å legge til enkle former sammen.
Jeg sendte dem bak kuppelformen, som jeg satte til Multiplisere i åpenhet panel. Til slutt kopierte jeg den opprinnelige kuppelformen og limte den helt i ryggen og satt fargen til hvit. Dette tillot meg å plassere hodestøtten på en hvilken som helst fargebaggrunn uten at bakgrunnen viser gjennom det multipliserte glassstykket.
Når perspektivet var ferdig, begynte jeg å legge til dimensjon til hver av tegnene i kroppstypen. Jeg opprettet en vinklet boks som fungerte som en side av bokstavene og deretter kopiert, gjentatt, og justerte den om og om til bokstavene syntes å ha volum.
For litt mer visuell interesse slettet jeg ordet "jord" bakover litt for å skape illusjonen at den var kortere enn ordet "robot". For å rydde opp dimensjonsarbeidet, opprettet jeg midlertidige guider ved hjelp av låste hvite streker (som jeg senere kastet bort). Disse sørget for at dimensjonskassens perspektiv forblev konsistent med de opprinnelige bokstavene.
Med dimensjonen ferdig, droppet jeg i hodet som jeg opprettet tidligere for å se hvordan roboten min var å forme.
Neste opp på dagsordenen var å skape noen ben for roboten. Sørg alltid for at perspektivet visuelt passet til resten av kroppen, gjorde jeg med vilje hans underben ut av store, flate flater for å imøtekomme de bittene av typen som jeg hadde tenkt for dem.
Ikke fornøyd med utseendet på den hardkanterte grensen, jeg trodde at roboten ville se seg kulere som stikker gjennom støvskyvinger skapt av ødeleggelsen han bare hadde påført byen.
Jeg skrev ut en liten kopi av filen og la et stykke sporingspapir over det bildet. Så trakk jeg skyene mine på sporpapiret, skannet dem inn og droppet bildet i et skannelag bak roboten. På denne måten hadde jeg en fin mal for å lage den endelige vektorkunsten fra.
Jeg var endelig klar til å begynne å legge til i alle mine støttende typer. Jeg begynte med å velge og skjule robotens venstre skulderblokk slik at det så ut til å svinge i midten.
Deretter opprettet jeg "Er dette enden for menneskeheten?" skriv inn låsen som en flat grafikk, og bruk skew og Skalverktøy, kartlagt den på skuldersiden.
Til slutt gjorde jeg det samme for skuespillerne, produsentene og regissørene på benet, og la til en fiktiv studio-cred over høyre skulder. Du kan også se at jeg begynte å gjøre støvskyene som jeg snakket om i det forrige trinnet.
Robots klo begynte som en enkel sirkelform med senteret kastet ut av det (Pathfinder> Minus Front). Jeg kopierte deretter formen, klistret den på baksiden, og fargede den nye formen en lysere grønn.
Deretter opprettet jeg en konsentrisk sirkel og la filmen premier dato og "Destroying Theaters" med Skriv på et sporverktøy. Til slutt trakk jeg i tilkoblingsdimensjonen mellom de to sirkler, la litt detalj på håndleddet, og skjevet typen med Scale og Skew Tools til jeg fikk den ønskede effekten.
Min neste oppgave var å skape en ribbet metallisk effekt på robotens armer. Jeg kunne ha opprettet en del og kopiert og gjentatt den langs armens lengde manuelt, men for å få jevn avstand bare ved syn ville det ta en evighet. Heldigvis er det en mye bedre måte.
Jeg begynte med å lage en del av den rørformede armen, som besto av divider for hver seksjon, skyggene og høydepunktene. Så trakk jeg den grupperte delen inn i Børster palett og valgt Mønsterbørste fra de tilgjengelige alternativene i dialogboksen som dukket opp. Jeg slo da OK i den følgende børste dialogboksen.
Deretter lagde jeg en Kopiere av det grønne slag som tjener som basen av armen og limte den foran (det er vist her til venstre for den originale streken for opplæringsformål). Jeg påførte den nyopprettede mønsterbørsten til det slag og ... voila! Rørseksjonen som jeg opprettet gjentar langs lengden på stien. Noen eksperimenter kan være nødvendig for å oppnå den riktige effekten, men Mønsterbørster er en fin måte å få flotte, jevnt fordelte effekter langs en bane.
Overskrift i hjemmet strekker jeg meg oppmerksomheten til bybildet i bakgrunnen. Jeg hadde laget bygninger for en tidligere illustrasjon (resirkuleringsarbeid!), Men de ble ikke ødelagt, da jeg ment at de skulle vises her.
En enkel maske med en skrå kant over den opprinnelige bygningen oppnådde det smuldrende utseendet jeg skulle på, og tilsetningen av et ujevnt gridmønster bak bygningen sto inn for eksponerte I-bjelker. Til slutt suget en tilt til hver bygning seg opp bare-ødelagt-ved-en-100-fot-robot se at jeg skulle gå.
Da alle elementene i illustrasjonen ble opprettet, måtte jeg bare legge til litt dybde ved å bruke flere skygger. For en overflate som jeg trodde kunne bruke en skygge, simpelthen jeg kopiert og Pastet inn foran, sette opp den nye kopien som en lineær gradient i gradient panel, sett det til Multiplisere, og sikte Skyggenes retning med Gradient Tool.
Jeg fortsatte å legge til mange flere multiplikasjoner i hele stykket for et jevnt skyggelagt utseende.
For en endelig truende berøring la jeg øyebjelker ut av robotens øyne. Hvite figurer satt til en opacity av 50% oppnådde denne effekten.
Illustrert typografi er en lidenskap for meg, så jeg håper du har hatt glede av min tur til en av de fiercest typebaserte robotdesignene du noensinne har lagt øynene på! Det endelige bildet er under. Du kan se den store versjonen her.
Kan ikke få nok vektorroboter? Sjekk ut vårt fantastiske utvalg av Vector Robots fra GraphicRiver for mer utrolige design eiendeler. Nyt en av våre favoritter som er oppført nedenfor!
Dette fargerike settet med vektorroboter er klart for å ta over hele verden! Komplett med moderne flate design og flotte fargeskjemaer, er disse robottene sikkert beroligende sokkene av enhver inntrenger. Opprett en Envato-konto i dag for å laste ned disse nyttige ressursene.
Accentsconagua