Cum se creează o ilustrație Zeppelin în Adobe Illustrator

Ce veți crea

Onorăm limba și cultura germană în această săptămână pentru a sărbători lansarea Versiunea germană a lui Envato Elements

În tutorialul de astăzi vom analiza procesul de creare a unei ilustrații plutitoare de zeppelin în Adobe Illustrator, folosind doar câteva forme geometrice și unelte.

Asadar, presupunandu-te ca te-ai pregatit deja cu o cafea proaspata, sa mergem direct in ea.

Ce ai nevoie

Înainte de a începe, am vrut să subliniez că textura pe care am terminat-o pentru proiectul curent face parte din pachetul Subtle Halftone Textures (mai precis semifinale numărul cinci) pe care îl puteți găsi la Envato Elements.

Oh, și nu uitați că puteți întotdeauna să vă extindeți biblioteca de resurse, îndreptându-vă spre Envato Elements, unde veți găsi o mare selecție de grafică vectorială.

Texturile subtitrate de Halton de Envato Elements

1. Cum se configurează un nou fișier de proiect

Ca întotdeauna, vom face rost de lucruri prin crearea unui nou dosar de proiect prin care să ne îndreptăm spre Fișier> Nou (sau folosind Control-N comanda rapidă de la tastatură) și apoi ajustați-o după cum urmează:

  • Numărul de tablouri: 1
  • Lăţime: 800 px
  • Înălţime: 600 px
  • Unități: pixeli

Și de la Avansat fila:

  • Modul color: RGB
  • Efecte Raster: Ecran (72ppi)
  • Modul de examinare: Mod implicit

2. Cum se configurează straturile

Odată ce am terminat configurarea fișierului nostru de proiect, ar fi o idee bună să ne structurăm documentul folosind câteva straturi, deoarece acest lucru ne va ajuta să menținem un flux de lucru constant, permițându-ne să ne concentrăm asupra unei secțiuni a ilustrației la un moment dat.

Acestea fiind spuse, ridicați straturi și creați un total de patru straturi, pe care le vom redenumi după cum urmează:

  • stratul 1: fundal
  • strat 2: zepelin
  • stratul 3: gradient
  • strat 4: textură

3. Cum se creează fundalul

Imediat ce am terminat să ne stratificăm documentul, putem începe să lucrăm la ilustrația reală și vom face acest lucru prin crearea fundalului. Asigurați-vă că v-ați poziționat pe primul strat și să mergeți direct în el!

Sfat rapid: înainte de a începe, am vrut să subliniez că întregul proiect a fost construit cu perfecțiunea pixelilor în minte, așa că ați putea dori să verificați cum să creați un tutorial Pixel Perfect Artwork, care ar trebui să vă ajute până la viteză în cel mai scurt timp.

Pasul 1

Prindeți Instrument Pen (P), și după setarea dvs. Completati culoarea la # 7AC6F4, trageți cu atenție forma principală pentru decupajul de fundal inferior utilizând imaginea de referință ca ghid principal.

Pasul 2

Cu Instrument Pen (P) încă selectați, trageți rapid întreruperea superioară mai mică, poziționând forma rezultată așa cum se vede în imaginea de referință.

Pasul 3

După ce ați terminat desenarea segmentelor de fundal, putem începe să lucrăm la norii din prim plan, pe care îi vom crea utilizând cercuri de diferite dimensiuni. Poziționați-le pe părțile laterale ale formei de fund, folosind culorile din față # F0FBFF și cele din spate folosind # D4F7FF.

Pasul 4

Deoarece dorim ca formele să rămână constrânse la suprafața segmentului de fundal, vom grupa (Control-G) și apoi mascați-le folosind o copie (Control-C) a formei subiacente pe care o vom lipi în față (Control-F). Apoi, atât cu forma copie cât și cu cele grupate, pur și simplu faceți clic dreapta> Faceți o mască de tăiere

Odată ce ați terminat, nu uitați să selectați și să grupați toate formele de compunere ale secțiunii curente folosind Control-G Comanda rapidă de la tastatură.

Pasul 5

Deplasați-vă pe segmentul de fundal mai mic și începeți să lucrați la soare, creând halo-ul strălucitor folosind a 112 x 112 px cerc (# FFCF83), urmate de două mici (# FFCF83), fiecare 12 px mai mică decât ultima. Stabiliți-le unul peste celălalt, asigurându-vă că le micșorați Opacitate Doar pentru 16%. Odată ce ați terminat, adăugați soarele real folosind a 40 x 40 px cerc (# FFCF83), asigurându - vă că selectați și grupați toate cele patru forme folosind Control-G Comanda rapidă de la tastatură.

Pasul 6

De îndată ce ați terminat să creați soarele, mascați-l folosind același proces utilizat pentru norii din prim plan, astfel încât acesta să rămână legat de suprafața formei subiacente.

Pasul 7

Începeți să lucrați la norii mici plutiți prin crearea a trei elipse diferite (#FFFFFF) pentru fiecare instanță. Faceți-le să se suprapună (1), apoi ajustați-le prin prinderea mai întâi a punctelor de ancorare ale acestora folosind Ancoră punct Tool (Shift-C) (2). Continuați să reglați forma prin selectarea individuală a punctelor de ancorare inferioare folosind butonul Instrumentul de selecție directă (A) și apoi scoateți-le apăsând Șterge, asigurându-vă că ați închis căile care rezultă folosind Control-J Comanda rapidă de la tastatură (3). Odată ce ați terminat, selectați și grupați fiecare din formele de compunere a noriilor folosind Control-G Comanda rapidă de la tastatură.

Sfat rapid: pentru a obține variații diferite, pur și simplu măriți sau micșorați lățimea și / sau înălțimea elipselor până când obțineți forma dorită.

Pasul 8

Finalizați fundalul poziționând norii care rezultă așa cum se vede în imaginea de referință, selectând și grupând apoi toate formele de compunere ale secțiunii curente folosind Control-G Comanda rapidă de la tastatură.

4. Cum se creează Zeppelin

Acum că am terminat de lucru pe fundal, putem să-i blocăm stratul și apoi să mergem la următorul (care ar fi cel de-al doilea), unde ne vom duce timpul și vom construi treptat micul nostru Zeppelin.

Pasul 1

Începeți prin a crea o formă principală pentru gondolă utilizând a 48 x 12 px dreptunghi, pe care o vom folosi folosind culoarea # 664240 și apoi poziția pe segmentul de fundal mai mare, la o distanță de 288 px de la marginea stângă și 208 px din partea de sus.

Pasul 2

Ajustați forma pe care tocmai am creat-o deschizând Transforma panou și apoi setarea Rază din colțurile de jos până la 8 px din interiorul Dreptunghi Proprietăți.

Pasul 3

Adăugați panourile de ferestre utilizând opt 2 x 2 px pătrate (# F7C263) distanțate orizontal 2 px una de alta, pe care o vom grupa (Control-G) și apoi poziția așa cum se vede în imaginea de referință. După ce ați terminat, asigurați-vă că selectați și grupați (Control-G) atât ferestrele, cât și forma mai subțire, înainte de a trece la pasul următor.

Pasul 4

Începeți să lucrați la secțiunea balon creând un 400 x 112 px elipsă, pe care o vom folosi folosind culoarea # F99178 și apoi poziționați-o pe partea superioară a gondolei astfel încât să se termine prin suprapunere.

Pasul 5

Reglați forma pe care tocmai am creat prin selectarea și împingerea punctelor de ancorare centrale către partea stângă 32 px folosind Mișcare instrument (dați clic dreapta> Transformați> mutați> orizontal> -32 px), asigurându-vă că scurtați mânerele din partea dreaptă a ancorei 15 px pentru a-și subtipa capătul din spate.

Pasul 6

Adăugați secțiunea mai întunecată a balonului prin crearea unei copii (Control-C> Control-F) a formei rezultate, pe care o vom regla prin selectarea și apoi scoaterea punctului de ancorare superior. Asigurați-vă că ați închis calea rezultată utilizând Control-J comanda rapidă de la tastatură, colorarea formei noi utilizând # C15142.

Pasul 7

Adăugați secțiunea interioară, mai ușoară utilizând oa doua copie (Control-C) din balonul mai mare, pe care îl vom lipi în față (Control-F). Modificați culoarea la # EA7B65, apoi selectați în mod individual și împingeți ancorele de sus și de jos către interior prin 16 px (clic dreapta> Transformare> Mutare> Vertical> +/- 16 px în funcție de ancora cu care începeți).

Pasul 8

Creați o jumătate inferioară mai închisă folosind o copie (Control-C> Control-F) a formei rezultate, pe care o vom ajusta mai întâi schimbând culoarea # D86552 și apoi scoateți punctul de ancorare de sus, închizând imediat calea utilizând Control-J Comanda rapidă de la tastatură. După ce ați terminat, asigurați-vă că selectați și grupați (Control-G) toate formele compoziției balonului înainte de a trece la pasul următor.

Pasul 9

Adăugați vârful colorat folosind un 8 x 112 px dreptunghi, pe care o vom folosi folosind culoarea # 664240 și apoi aliniați centrul la marginea stângă a balonului, asigurându-vă că o mascați (faceți clic dreapta> Faceți o mască de tăiere) ulterior, utilizând o copie (Control-C> Control-F) a formei subiacente mai mari.

Pasul 10

Creați conul cu ajutorul a 12 x 4 px dreptunghi (# 664240), pe care le vom regla prin selectarea și împingerea individuală a punctelor de ancorare din stânga spre interior 1 px utilizând tastele săgeți direcționale, poziționând forma rezultată astfel încât să se suprapună cu balonul mai mare 2 px.

Pasul 11

Adăugați forma principală pentru cârma superioară utilizând a 40 x 32 px dreptunghi (# D86552), pe care o vom regla prin setarea Rază din colțul din stânga sus spre 32 px, din dreapta sus la dreapta 4 px și de la dreapta la dreapta 20 px din interiorul Transforma panoul Dreptunghi Proprietăți.

Pasul 12

Decorați rapid cârma prin adăugarea secțiunii verticale mai întunecate, folosind o 8 x 32 px dreptunghi (# 664240), pe care o vom masca utilizând o copie a formei subiacente, urmată de o 8 x 8 px cerc (# 664240), pe care o vom poziționa așa cum se vede în imaginea de referință. După ce ați terminat, asigurați-vă că selectați și grupați (Control-G) toate cele trei forme împreună înainte de a trece la pasul următor.

Pasul 13

Adăugați cârma inferioară utilizând o copie (Control-C> Control-F) a celei pe care tocmai am terminat să lucrăm, pe care o vom reflecta orizontal (clic dreapta> Transformare> Reflect> Orizontal) și apoi poziționați-o pe partea de jos a balonului. Asigurați-vă că le trimiteți sub toate celelalte forme odată ce ați terminat (faceți clic dreapta> Aranjare> Trimitere înapoi).

Pasul 14

Creați ascensorul lateral utilizând a 40 x 8 px elipsă (# 664240), pe care le vom ajusta prin selectarea și împingerea punctelor de ancoră interioare spre stânga 4 px, poziționarea formei rezultate 16 px de la capătul din spate al balonului.

Pasul 15

Adăugați segmentele mici de sprijin folosind patru seturi de trei 4 x 2 px elipse (# 664240), urmând linia secțiunilor interioare ale balonului așa cum se vede în imaginea de referință. Luați-vă timpul și, după ce ați terminat, asigurați-vă că selectați și grupați-i pe toți împreună folosind Control-G Comanda rapidă de la tastatură.

Pasul 16

Finalizați zeppelinul adăugând motorul lateral folosind a 12 x 8 px elipsă (# 664240), pe care le vom ajusta prin selectarea și împingerea punctelor de ancoră interioare spre stânga 2 px. Poziționați forma rezultată așa cum se vede în imaginea de referință, asigurându-vă că selectați și grupați toate secțiunile de compoziție ale dirijorului după aceea folosind Control-G Comanda rapidă de la tastatură.

Pasul 17

De îndată ce am terminat de lucru cu zeppelinul, putem adăuga liniile de traseu cu trei 1 px dreptunghiuri rotunjite rotunjite (#FFFFFF), pe care o vom poziționa în jurul navei la o distanță de 8 px.

Pasul 18

Finalizați ilustrația adăugând câțiva nori plutitori (#FFFFFF), urmând aceeași metodă folosită pentru a crea cele de fundal. Odată ce ați terminat, nu uitați să selectați și să grupați toate formele împreună folosind Control-G Comanda rapidă de la tastatură.

5. Cum se creează suprapunerea cu gradient

Înainte de a bloca stratul curent și de a ne deplasa până la următorul (care ar fi al treilea), va trebui să adăugăm o copie (Control-C) din cele două decupaje ale fundalului și corpul principal al zeppelinului în Clipboard, de vreme ce le vom folosi pentru a crea suprapunerea.

Pasul 1

Vrem să începem prin lipirea copiilor pe care tocmai le-am adăugat în Clipboard pe stratul curent utilizând Control-F Comanda rapidă de la tastatură.

Pasul 2

Apoi, trebuie să facem ca formele noastre să se comporte ca una mai mare, transformându-le în a Forma compusă. Mai întâi selectați-le, apoi deschideți-le deschizător de drumuri panou și treceți la meniul avansat și loviți-l Faceți forma compusă.

Pasul 3

Odată ce am creat forma noastră compusă, putem deschide Gradient și aplicați un gradient linear liniar folosind # 662D91 pentru oprirea culorii stânga și # FBB03B pentru cel potrivit.

Pasul 4

Tot ce trebuie să facem acum pentru a face culorile pop este deschisă Transparenţă panou și setați gradientul Mod de amestecare la Color Burn, asigurați-vă că-i micșorați Opacitate Doar pentru 30%.

6. Cum se adaugă textura

Odată ce am adăugat suprapunerea gradientului, putem bloca stratul curent și apoi putem trece până la ultima (care ar fi cea de-a patra), unde vom termina ilustrația noastră mică prin aplicarea unei texturi subtile subțire.

Pasul 1

Vom dori să începem prin prima copiere (Control-C) și apoi lipirea (Control-V) textura personalizată pe stratul nostru actual, asigurându-vă că îl redimensionăm astfel încât să se încheie acoperirea întregului Artboard.

Pasul 2

Odată ce avem textură în loc, tot ce trebuie să facem este masca (faceți clic dreapta> Faceți o mască de tăiere) folosind o formă compusă din fundal și din principalele forme ale lui zeppelin (cele trei pe care le-am folosit cu câțiva pași în urmă), asigurându-ne că vom scădea Opacitate la 60% înainte de a lovi în cele din urmă lovind asta Salvați buton.

Buna treaba!

Ca întotdeauna, sper că ați avut plăcere să lucrați la acest mic proiect și, cel mai important, ați reușit să învățați ceva nou și util în timpul procesului.

Acestea fiind spuse, dacă aveți întrebări, nu ezitați să le postați în secțiunea de comentarii și vă voi întoarce cât de repede pot!

Doriți să aflați mai multe?!

Dacă doriți să vă extindeți setul de abilități și să învățați ceva nou și util, am făcut timp pentru a selecta câteva tutoriale pe care vă recomandăm să le verificați!

  • Cum se creează diferite texturi vectoriale folosind Adobe Illustrator

    Crearea de texturi interesante poate fi uneori o sarcină dificilă și enervantă, mai ales dacă nu știți exact de unde să începeți. În acest tutorial, veți ...
    Andrei Ștefan
    texturi
  • Cum se creează o ilustrație instantanee a textului orașului în Adobe Illustrator

    Învață să creezi un instantaneu instantaneu al unui oraș aglomerat, fără a utiliza nimic altceva decât câteva forme și instrumente de bază în Adobe Illustrator.
    Andrei Ștefan
    Ilustrare
  • Cum se creează o figurină Lego Batman în Adobe Illustrator

    Aflați cum să creați o versiune digitală a minunatului model Lego Batma utilizând forme geometrice simple în Adobe Illustrator.
    Andrei Ștefan
    Fan al artei
  • Cum se creează o ilustrație a jocului de tip Boy utilizând Adobe Illustrator

    Astăzi vom lovi cu piciorul școala veche și vom crea unul dintre cele mai iconice console portabile ale tuturor timpurilor: originalul Game Boy. Vom folosi forme de bază ...
    Andrei Ștefan
    Ilustrare