Efectuarea Pământului Robot 3009 Ilustrație tipografică

Ce veți crea
Acest tutorial a fost publicat inițial în octombrie 2009 ca un tutorial Tuts + Premium. Acum este disponibil gratuit pentru vizualizare. Deși acest tutorial nu utilizează cea mai recentă versiune a Adobe Illustrator, tehnicile și procesele sale sunt încă relevante. 

În timpul acestui tutorial, vă voi arăta procesul de creare a posterelor mele tip ilustrate. Îmi place să lucrez în toate ilustrațiile mele pentru echilibrul și ritmul pe care le oferă unui aspect, dar îmi place în mod deosebit să creez imagini de tipul însuși ... designerul grafic din interiorul meu mă obligă să o fac!

Pentru resurse mai incredibile, verificați selecția noastră uimitoare de Vector Robots disponibilă prin intermediul GraphicRiver. Sau încercați să obțineți ajutorul unui designer profesionist de la Envato Studio pentru design robot personalizat.

1. Cum să vă pregătiți schița și documentul

Pasul 1

Am o pasiune pentru roboți, sci-fi și tipografie, deci ce șansă mai bună ar trebui să creez un poster care să îmbine și cele trei? După ce am adunat câteva referințe de robot și le-am căutat pe câteva întrebări ale lui Will Eisner despre "The Spirit" (să-l privești ... un artist de benzi desenate care a fost maestru de tip ilustrat), am început să obțin un aspect foarte dur pentru posterul meu de film faux hârtie. 

Viziunea mea a fost aceea de a crea un robot mare (care servește și ca titlu pentru titlul filmului) care se roagă în mod amenințător printr-un oraș sfâșiat de război.

Pasul 2

Cu ideea inițială din creierul meu și în sketchbook-ul meu, m-am mutat în Adobe Illustrator. Următoarea sarcină a fost să-mi configurez documentul. Am creat un 11 "de 14" artboard și, odată deschis, mi-a optimizat spațiul de lucru prin deschiderea și organizarea panourilor și a barelor de instrumente utilizate frecvent. Mele trebuie avut panourile includ Caracter, deschizător de drumuri, Alinia, straturi, Specimene, Culoare, Transparenţă, Gradient, și Accident vascular cerebral.

2. Cum se adaugă elementele inițiale

Pasul 1

Tind să folosesc multe straturi în ilustrațiile mele, aceasta nu a fost o excepție. Primul strat pe care îl creez mereu este un "cadru alb". Am setat-o ​​ca stratul meu de sus, și acționează ca o mască pentru toate lucrările de artă sub el. În acest fel, pot extinde imaginile pe straturi în afara tabloului de bord, dar nu vă faceți griji că le vedeți.

Am început cu un dreptunghi de mărimea tabloului de bord și apoi am creat o imagine mai mare pe care am plasat-o în spatele ei, le-am selectat pe amândouă și am folosit-o Minus Front opțiune în deschizător de drumuri panou. Am blocat acest strat și l-am lăsat în acest fel pentru restul proiectului.

Pasul 2

După adăugarea câtorva noi straturi în straturi panou, am început să amestec unele culori personalizate. Am aruncat întotdeauna toate culorile generice de Illustrator și mi-am amestecat schema mea simplă, limitată CMYK

De asemenea, este foarte util, atunci când amestecați propriile culori în Culoare pentru a le seta ca "Spot Color". Acest lucru vă permite să dublu click acea culoare în Specimene în orice moment, reglați CMYK amestecați și modificați automat aceste modificări pentru orice instanță a acelei culori din document. 

Am imaginat o paletă caldă pentru această ilustrație și am creat un roșu, un maroniu și câteva cântece pentru a mă face să încep.

Pasul 3

După adăugarea unui dreptunghi de culoare solid pe stratul de fundal, am renunțat la o scanare a schiței în stratul de scanare (Fișier> Locul), a redimensionat-o pentru a se potrivi paginii și a setat-o Mod de amestecare la Multiplica folosind Transparenţă panou. Acest lucru scade tot albul dintr-o imagine plasată și vă permite să lucrați cu straturile sub el văzând prin aceasta.

Am adăugat, de asemenea, un al doilea strat de cadru care ar servi drept element primordial pe care robotul ar fi să-l parcurgă (veți vedea mai târziu că am abandonat acest element pentru piesa finală).

3. Cum se adaugă textul

Pasul 1

Apoi, am început să dau din corpul robotului. Începând cu tipul drept, am proiectat o compoziție de tip plat care în cele din urmă ar deveni trunchiul robotului. Rețineți că numele a fost schimbat de la "Robot Earth 57" la "Robot Earth 3009". Am crezut ca 3009 ar servi ca o baza mai buna pentru soldurile robotului.

Pasul 2

Am tras corpul de tip plat pe partea superioară a scanării brute și cu încă selectat, a ales Instrumentul de transformare gratuit.

Pasul 3

Acest instrument este o mare plus față de Illustrator, dacă este ușor de folosit. Vă permite să scalați un obiect în perspectivă, ceea ce medicul a ordonat pentru această imagine. Am început să mișc cursorul peste una dintre cutiile albe deschise în colțul grupului selectat și mi-am mutat-o ​​ușor până când cutiile albe au dispărut. În timp ce ținusem mouse-ul în jos, am apăsat Command-Alt-Shift.

Aceasta forțează arta să se întoarcă în spațiu cu perspectivă. Eliberarea oricăreia dintre acele combinații de intrări de la tastatură, în timp ce încă țineți selecția cu mouse-ul, eliberează o constrângere, astfel încât să puteți obține unele efecte destul de sofisticate. Sfatul meu cel mai bun este de a experimenta liber pentru a obține atârnarea de ea.

Pasul 4

Cu perspectiva dorită, am deselectat arta și am oprit stratul cu schița scanată din ea.

Pasul 5

În cele din urmă, am rupt tipul în jos în straturi separate: "robot", "pământ", "3009" și cele două blocuri de umăr. Acest lucru a permis un control mai mare atunci când lucrați în fiecare secțiune.

4. Cum se adaugă adâncimea la text

Pasul 1

Niciodată să nu părăsiți piesele distractive pentru ultimul, am sărit și am început să lucrez la capul robotului. Am vrut să aibă efectul unei game de mașini acoperite de o cupolă din sticlă transparentă. Începând cu o formă de capsulă, am copiat (Command-C) și lipite în față (Command-F) și mângâia copia. Apoi am convertit acea cale spre contururi (Obiect> Cale> Accident vascular cerebral).

Apoi, am copiat forma inițială a casetei și l-am lipit în față pentru a vă asigura că a fost perfect aliniată. Cu încă selectat, am selectat noul accident vascular cerebral, a intrat în deschizător de drumuri și apăsați intersecta. Am rămas cu o formă perfect conturată în forma de cupol care ar servi ca o luminată margine pentru domul din sticlă clară. Apoi, am adăugat creier a robotului prin adăugarea unor forme simple.

Le-am trimis în spatele formei de cupole, la care am stabilit Multiplica în Transparenţă panou. În cele din urmă, am copiat forma inițială a casetei și l-am lipit până în spate și am setat culoarea albă. Acest lucru mi-a permis să plasez ansamblul capului pe orice fundal de culoare, fără ca fundalul să apară prin piesa de sticlă multiplă.

Pasul 2

Odată ce perspectiva a fost terminată, am început să adaug dimensiunea fiecăruia dintre caracterele din tipul de corp. Am creat o cutie înclinată care a servit ca o parte a literelor și apoi a fost copiată, repetată și ajustată până când scrisorile păreau să aibă volum.

Pentru mai mult interes vizual, am alunecat cuvântul "pământ" înapoi pentru a crea iluzia că era o adâncime mai mică decât cuvântul "robot". Pentru a-mi curăța munca de dimensiuni, am creat ghidaje temporare utilizând lovituri albe blocate (pe care le-am aruncat mai târziu). Acestea au asigurat că perspectiva cutiilor de dimensiuni rămânea în concordanță cu cea a literelor originale.

Cu dimensiunea terminată, am scăpat în capul pe care l-am creat mai devreme pentru a vedea cum se modela robotul meu.

5. Cum se adaugă membrele și detaliile finale

Pasul 1

Următorul pe ordinea de zi a fost crearea unor picioare pentru robot. Mereu asigurându-mă că perspectiva se potrivea vizual cu restul corpului, i-am făcut în mod intenționat picioarele inferioare din suprafețe mari, plate, pentru a se potrivi cu biții de tip pe care i-am imaginat pentru ei.

Pasul 2

Nu mă mulțumesc cu aspectul frontierei mele tari, m-am gândit că robotul ar părea mai răcoros prin norii de praf creat de distrugerea pe care tocmai o provocase asupra orașului. 

Am tipărit o copie mică a fișierului și am pus o bucată de hârtie de urmărire pe acea imagine. Apoi mi-am desenat norii pe hârtia de urmărire, le-am scanat și am aruncat imaginea într-un strat de scanare în spatele robotului. În acest fel, am avut un șablon frumos pentru a face din arta vectorului final.

Pasul 3

Am fost în sfârșit gata să încep să adaug în tot tipul meu de sprijin. Am început prin selectarea și înclinarea blocului stâng al robotului, astfel încât să pară să se balanseze la jumătatea pașilor.

Pasul 4

Apoi, am creat "Este acest sfârșit pentru omenire?" tip blocare ca grafic plat și, folosind Oblic și Instrumente de scalare, cartografiat pe partea laterală a umărului.

Pasul 5

În cele din urmă, am făcut același lucru pentru creditele actorilor, producătorilor și directorilor pe picior și am adăugat un studio fictiv care se încadrează deasupra umărului drept. De asemenea, puteți vedea că am început să redau norii de praf despre care am vorbit în etapa anterioară.

Pasul 6

Gheara robotului a inceput ca o forma de cerc simplu, cu centrul dat de ea (Pathfinder> Minus Front). Am copiat apoi forma, l-am lipit în spate și am colorat noua formă mai verde. 

Apoi, am creat un cerc concentric și am adăugat data filmului premier și "Distrugerea teatrelor" cu Tastați un instrument de cale. În cele din urmă, am atras dimensiunea de conectare dintre cele două cercuri, am adăugat niște detalii la articulația încheieturii mâinii și am înclinat tipul cu Scară și Skew Tools până când obțin efectul dorit.

Pasul 7

Următoarea mea sarcină era să creez un efect metalic nervurat asupra brațelor robotului. Aș fi creat o secțiune și l-am copiat și l-am repetat de-a lungul brațului manual, dar pentru a obține distanțe chiar de la vedere ar lua o veșnicie. Din fericire, există o cale mult mai bună.

Am inceput prin crearea unei sectiuni a bratului tubular, care consta din divizorul pentru fiecare sectiune, umbrele si reperele. Apoi am târât această secțiune grupată în Perii paletă și selectată Pensulă de model din opțiunile disponibile în caseta de dialog care a apărut. Am lovit apoi O.K în următoarea casetă de dialog perie.

Pasul 8

Apoi, am făcut o Copie din accidentul verde care servește ca bază a brațului și lipit pe partea din față (este arătat aici la stânga accidentului original pentru scopuri tutorial). Am aplicat peria de model nou făcut pentru accident vascular cerebral și ... voila! Secțiunea tubulară pe care am creat-o repetă de-a lungul căii. Unele experimentări pot fi necesare pentru a obține efectul corespunzător, dar Perii de model sunt o modalitate excelentă de a obține efecte extraordinare, uniform distribuite pe o cale.

Pasul 9

Întorcându-mă în întinderea casei, mi-am îndreptat atenția spre fundalul urban. Am creat clădiri pentru o ilustrație anterioară (lucrări de reciclare!), Dar ele nu au fost distruse, așa cum am vrut să apară aici.

O mască simplă, cu o margine ascuțită peste clădirea originală, a atins aspectul fărâmițat la care mă îndreptau, iar adăugarea unui model de grilaj neregulat în spatele clădirii se afla în poziția de expunere a fasciculelor I. În cele din urmă, o înclinare adăugată la fiecare clădire a cusut doar-distrus-de-a-100-picior-robot de arata ca am fost de gând pentru.

Pasul 10

Cu toate elementele ilustrației create, tocmai am adăugat o adâncime folosind umbrele înmulțite. Pentru orice suprafață pe care am crezut că ar putea folosi o umbră, pur și simplu Copiată și Lipit în față, configurați noua copie ca gradient liniar în Gradient panou, setați-l la Multiplica, și vizează direcția umbrei cu Gradient Tool.

Am continuat să adaug mai multe forme înmulțite pe toată piesa pentru un aspect uniform umbrit.

Pasul 11

Pentru o atingere finală amenințătoare, am adăugat ghearele de ochi care ieșeau din ochii robotului. Formele albe sunt setate pe un Opacitate de 50% a obținut acest efect.

Lucru minunat! Ați terminat acum!

Tipografia ilustrată este o pasiune a mea, așa că sper că te-ai bucurat de turul meu cu unul dintre cele mai puternice modele de roboți de tip pe care ți-ai pus vreodată ochii! Imaginea finală este de mai jos. Puteți vedea versiunea mare aici.

Fun Robot Vector de la GraphicRiver

Nu se pot obține suficienți roboți vectori? Verificați selecția noastră uimitoare de Vector Robots de la GraphicRiver pentru mai multe elemente de design incredibile. Bucurați-vă de unul dintre preferatele noastre enumerate mai jos!

Vector Flat roboți moderni

Acest set colorat de roboți vectori este gata să preia lumea! Completate cu modele moderne de planșe și schițe de culori superbe, acești roboți sunt sigur că vor farmeca șosetele de pe orice intrus. Creați un cont Envato astăzi pentru a descărca aceste resurse utile.