Advertisement
  1. Design & Illustration
  2. Illustration
Design

Cum să creați o ilustrație cu un zepelin, în Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called German Week.
How to Draw a Castle
How to Create a German Flag-Inspired Text Effect in Adobe Illustrator

Romanian (Română) translation by Mircea Lungu (you can also view the original English article)

Final product image
What You'll Be Creating

Onorăm Germania, limba și cultura germană, în această săptămână, sărbătorind lansarea versiunii germane a portalului Envato Elements!

În tutorialul de astăzi, vom arunca o privire la procesul creării unei ilustrații cu un zepelin în zbor, în Adobe Illustrator, utilizând nimic altceva decât câteva instrumente și forme geometrice.

Așadar, presupunând că v-ați pregătit deja o ceașcă cu cafea proaspătă, haideți să începem!

Ce veți avea nevoie

Înainte de a începe, aș dori să subliniez faptul că textura pe care am utilizat-o, în final, pentru proiectul curent, face parte din pachetul numit Subtle Halftone Textures (mai precis "halftone number five"), pe care îl puteți găsi pe Envato Elements.

Ah, și nu uitați că vă puteți extinde întotdeauna biblioteca de resurse, mergând la Envato Elements, unde veți găsi o selecție extraordinară de elemente grafice vectoriale.

example of subtle halftone textures
Subtle Halftone Textures de Envato Elements

1. Cum să creați un nou fișier de proiect

Ca întotdeauna, vom porni lucrul creând un nou fișier de proiect, mergând la File > New (sau utilizând shortcut-ul Control-N de la tastatură) și, apoi, făcând următoarele modificări:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

Și de la tab-ul Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new document

2. Cum să creăm straturile

Odată ce am terminat de creat fișierul de proiect, ar fi o idee grozavă să ne structurăm documentul, utilizând câteva straturi, din moment ce acest lucru ne va ajuta să ne păstrăm un flux de lucru excelent, permițându-ne să ne concentrăm, pe rând, asupra unei singure secțiuni a ilustrației.

Acestea fiind zise, faceți activ panoul Layers (Straturi) și creați 4 straturi în total, pe care le vom redenumi după cum urmează:

  • layer 1: background
  • layer 2: zeppelin
  • layer 3: gradient
  • layer 4: texture
setting up the layers

3. Cum să creați fundalul

Odată ce am terminat de creat straturile documentului nostru, putem să începem lucrul la ilustrația noastră și vom face aceasta, creând fundalul. Așa că asigurați-vă că v-ați poziționat pe primul strat și haideți să începem!

Sfat rapid: înainte de a începe, vreau să subliniez faptul că întregul proiect a fost realizat cu gândul la perfecțiunea la nivelul pixelilor, așa că s-ar putea să doriți să verificați tutorialul meu intitulat How to Create Pixel Perfect Artwork (Cum să creați o lucrare perfectă, la nivelul pixelilor), care s-ar putea să vă ajute să câștigați timp.

Pasul 1

Luați instrumentul Pen Tool (P) și, după ce ați ales culoarea de umplere: Fill #7AC6F4, desenați cu grijă forma de bază pentru decupajul părții inferioare a fundalului, utilizând imaginea de referință, ca ghid principal.

creating the main shape for the lower background cutout

Pasul 2

Cu instrumentul Pen Tool (P) încă selectat, desenați rapid decupajul părții superioare mai mici a fundalului, poziționând forma care rezultă, așa cum vedeți în imaginea de referință.

creating the upper background cutout

Pasul 3

Odată ce ați terminat de desenat segmentele din fundal, putem să începem să lucrăm la norii din prin-plan, pe care îi vom crea utilizând câteva cercuri de dimensiuni diferite. Poziționați-le în lateralul formei inferioare, colorându-le pe cele din față cu culoarea #F0FBFF, iar pe cele din spate cu culoarea #D4F7FF.

creating the foreground clouds

Pasul 4

Deoarece dorim ca aceste forme să rămână constrânse la suprafața segmentului din fundal, le vom grupa (Control-G) și apoi le vom masca, utilizând o copie (Control-C) a formei de dedesubt, pe care o vom copia în fața acestora (Control-F). Apoi, având selectate atât copia cât și formele grupate, pur și simplu executați clic-dreapta > Make Clipping Mask.

Odată ce ați făcut acest lucru, nu uitați să selectați și să grupați toate formele componente ale secțiunii curente, utilizând shortcut-ul Control-G.

masking the foreground clouds

Pasul 5

Mutați-vă la segmentul mai mic din fundal și începeți să lucrați la soare, creând strălucirea lui, utilizând un cerc de dimensiunea 112 x 112 px (#FFCF83), urmat de două cercuri mai mici (#FFCF83), fiecare cu 12 px mai mic decât ultimul. Plasați-le unul peste celălalt, asigurându-vă că micșorați opacitatea acestora (Opacity) la doar 16%. Odată ce ați făcut acest lucru, adăugați soarele, utilizând un cerc de 40 x 40 px (#FFCF83), asigurându-vă că selectați și grupați toate cele patru forme, folosind shortcut-ul Control-G.

creating the sun

Pasul 6

Odată ce ați terminat de creat soarele, mascați-l utilizând același proces folosit pentru norii din prin-plan, astfel încât să rămână mărginit de suprafața formei de dedesubt.

masking the sun

Pasul 7

Începeți să lucrați la norii mai mici care plutesc, creând 3 elipse de forme diferite (#FFFFFF), pentru fiecare instanță. Faceți-le astfel încât să se suprapună (1) și apoi modificați-le, mai întâi selectând punctele-ancoră ale lor, din lateral, cu instrumentul Anchor Point Tool (Shift-C) (2). Continuați să modificați forma lor, selectând individual punctele-ancoră inferioare, folosind instrumentul Direct Selection Tool (A) și apoi ștergeți-le, apăsând tasta Delete, asigurându-vă că închideți căile rezultante, utilizând shortcut-ul (3) Control-J. Odată ce ați făcut acest lucru, selectați și grupați fiecare dintre formele componente ale norilor, folosind shortcut-ul Control-G.

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

example of creating a floating cloud

Pasul 8

Terminați fundalul, plasând norii rezultați, așa cum se vede în imaginea de referință, selectând și grupând, după aceea, toate formele componente ale secțiunii curente, utilizând shortcut-ul Control-G.

positioning the smaller floating clouds onto the upper background cutout

4. Cum să creați zepelinul

Acum, că am terminat lucrul la fundal, putem încuia stratul lui și apoi ne putem muta la stratul următor (care ar fi al doilea), unde ne vom face timp să construim, treptat, zepelinul.

Pasul 1

Începeți prin a crea forma principală pentru gondolă, utilizând un dreptunghi de 48 x 12 px, pe care îl vom colora cu #664240 și apoi îl vom poziționa pe segmentul de fundal mai mare, la o distanță de 288 px, de marginea lui din stânga, și la o distanță de 208 px, de marginea lui superioară.

creating the main shape for the gondola

Pasul 2

Modificați forma pe care tocmai am creat-o, deschizând panoul Transform și alegând pentru raza (Radius) de rotunjire a colțurilor lui inferioare, valoarea de 8 px, din Rectangle Properties.

adjusting the shape of the gondola

Pasul 3

Adăugați geamurile pentru ferestre, utilizând opt pătrate de 2 x 2 px (#F7C263), distanțate pe orizontală la 2 px unul de celălalt, pe care le vom grupa (Control-G) și apoi poziționa, așa cum se vede în imaginea de referință. Odată ce ați făcut acest lucru, asigurați-vă că selectați și grupați (Control-G) atât ferestrele, cât și forma mai mare de dedesubt, înainte să treceți la următorul pas.

adding the windows to the gondola

Pasul 4

Începeți să lucrați la balon, creând o elipsă de 400 x 112 px, pe care o vom colora utilizând #F99178 și apoi o vom poziționa deasupra gondolei, astfel încât să se suprapună pe aceasta.

creating the main shape for the balloon section of the zeppelin

Pasul 5

Modificați forma pe care tocmai am creat-o, selectând și împingând punctele-ancoră centrale ale ei, către stânga, cu 32 px, utilizând instrumentul Move (clic-dreapta > Transform > Move > Horizontal > -32 px), asigurându-vă că scurtați elementele de manevrare "handles" ale ancorei din dreapta, cu 15 px, pentru a subția această parte din spate.

adjusting the shape of the balloon section

Pasul 6

Adăugați secțiunea mai închisă la culoare din partea inferioară a balonului, creând o copie (Control-C > Control-F) a formei care a rezultat, pe care o vom modifica prin selectarea și apoi ștergerea punctului-ancoră de sus. Asigurați-vă că închideți această cale rezultantă, utilizând shortcut-ul Control-J de la tastatură, colorând această nouă formă cu #C15142.

adding the darker outer segment to the balloon section

Pasul 7

Adăugați secțiunea interioară, mai deschisă la culoare, utilizând o a doua copie (Control-C) a balonului mai mare, pe care o vom copia în față (Control-F). Modificați culoarea ei, alegând #EA7B65 și apoi selectați în mod individual și împingeți către interior punctele-ancoră de sus și de jos, cu 16 px (clic-dreapta > Transform > Move > Vertical > +/- 16 px, în funcție de ancora cu care începeți).

adding the lighter inner segment to the balloon section

Pasul 8

Creați jumătatea inferioară mai închisă la culoare, utilizând o copie (Control-C > Control-F) a formei care a rezultat, pe care o vom modifica, mai întâi schimbându-i culoarea în  #D86552 și apoi ștergându-i punctul-ancoră de sus, imediat închizând calea, utilizând shortcut-ul Control-J de la tastatură. Odată ce ați făcut acest lucru, asigurați-vă că selectați și grupați (Control-G) toate formele componente ale balonului, înainte de a trece la următorul pas.

adding the inner darker segment to the balloon section

Pasul 9

Adăugați vârful colorat, utilizând un dreptunghi de 8 x 112 px, pe care îl vom colora cu #664240 și apoi îl vom alinia față de centrul marginii din stânga a balonului, asigurându-vă că îl mascați (clic-dreapta > Make Clipping Mask), după aceea utilizând o copie (Control-C > Control-F) a formei mai mari de dedesubt.

adding the colored nose section to the balloon

Pasul 10

Creați conul din față, utilizând un dreptunghi de 12 x 4 px (#664240), pe care îl vom modifica, selectând și împingând, către interior, cu 1 px, punctele-ancoră din partea stângă, cu ajutorul tastelor-săgeată ale tastaturii, poziționând forma care a rezultat, astfel încât să se suprapună pe balonul mai mare, pe o distanță de 2 px.

adding the nose cone to the balloon section

Pasul 11

Adăugați forma principală pentru cârma superioară, utilizând un dreptunghi de 40 x 32 px (#D86552), pe care îl vom modifica, alegând pentru raza de rotunjire (Radius) a colțului său din partea stângă-sus, valoarea de 32 px, pentru colțul său din partea dreaptă-sus 4 px și pentru cel din dreapta-jos 20 px, de la Rectangle Properties din panoul Transform.

creating and positioning the upper rudder

Pasul 12

Rapid, decorați cârma, adăugând o secțiune verticală mai închisă la culoare, utilizând un dreptunghi de 8 x 32 px (#664240), pe care îl vom masca, utilizând o copie a formei de dedesubt, urmată de un cerc de 8 x 8 px (#664240), pe care îl vom poziționa așa cum se vede în imaginea de referință. Odată ce ați făcut acest lucru, asigurați-vă că selectați și grupați (Control-G) toate cele trei forme, înainte de a trece la următorul pas.

adding details to the upper rudder

Pasul 13

Adăugați cârmă inferioară, utilizând o copie (Control-C > Control-F) a celei la care tocmai ați terminat de lucrat, pe care o vom reflecta pe orizontală (clic-dreapta > Transform > Reflect > Horizontal) și apoi o vom poziționa pe partea inferioară a balonului. Asigurați-vă că le trimiteți dedesubtul tuturor celorlalte forme, odată ce ați terminat (clic-dreapta > Arrange > Send to Back).

adding the bottom rudder

Pasul 14

Creați aripa laterală de urcare, utilizând o elipsă de 40 x 8 px (#664240), pe care o vom modifica, selectând și împingând punctele-ancoră interioare ale ei, spre stânga, cu 4 px, poziționând forma care a rezultat, la distanță de 16 px față de partea din spate a balonului.

creating and positioning the side elevator

Pasul 15

Adăugați micile segmente de sprijin, utilizând patru seturi de câte 3 elipse de 4 x 2 px (#664240), urmând linia secțiunilor interioare ale balonului, așa cum se observă în imaginea de referință. Nu vă grăbiți și, odată ce ați terminat, asigurați-vă că selectați și grupați toate elementele, utilizând shortcut-ul Control-G de la tastatură.

adding the support segments to the balloon section

Pasul 16

Terminați zepelinul, adăugându-i motorul din lateral, utilizând o elipsă de 12 x 8 px (#664240), pe care o vom modifica, selectând și împingând punctele-ancoră interioare ale ei, spre stânga, cu câte 2 px. Poziționați forma care a rezultat, așa cum se observă în imaginea de referință, asigurându-vă că selectați și grupați toate secțiunile componente ale aeronavei, utilizând shortcut-ul Control-G de la tastatură.

creating and positioning the side engine

Pasul 17

Imediat ce am terminat lucrul la zepelin, putem adăuga mici linii pentru dâre, utilizând trei dreptunghiuri cu colțurile rotunjite și grosimea de 1 px (#FFFFFF), pe care le vom poziționa în jurul aeronavei, la o distanță de 8 px.

adding the trail lines

Pasul 18

Terminați ilustrația, adăugând câțiva nori care plutesc (#FFFFFF), utilizând aceeași metodă folosită pentru crearea celor din fundal. Odată ce ați făcut acest lucru, nu uitați să selectați și să grupați toate formele, utilizând shortcut-ul Control-G de la tastatură.

adding the larger floating clouds

5. Cum să creați acoperirea cu gradient ("gradient overlay")

Înainte de a încuia stratul curent și de a ne muta la următorul (care ar fi al treilea), va fi nevoie să adăugăm o copie (Control-C) a celor două părți decupate din fundal și a corpului principal al zepelinului, în Clipboard, deoarece le vom utiliza pentru a crea acest overlay.

Pasul 1

Dorim să începem cu copierea acestor copii pe care tocmai le-am adăugat în Clipboard, pe stratul curent, utilizând shortcut-ul Control-F de la tastatură.

pasting the main shapes for the gradient compound shape

Pasul 2

În continuare, dorim să facem ca formele noastre să se comporte ca una singură, mai mare, transformându-le într-o formă de tipul Compound Shape. Mai întâi, selectați-le, apoi deschideți panoul Pathfinder și duceți-vă la meniul lui avansat, unde executați clic pe Make Compound Shape.

creating the compound shape for the gradient overlay

Pasul 3

Odată ce am creat forma noastră compusă, putem deschide panoul Gradient și putem aplica un gradient liniar lin, utilizând culoarea #662D91 pentru elementul de culoare din stânga și culoarea #FBB03B pentru cel din dreapta.

adding the gradient to the compound shape

Pasul 4

Tot ceea ce trebuie să facem acum, pentru a face culorile să apară, este să deschidem panoul Transparency și să alegem pentru modul Blending Mode al gradientului: Color Burn, asigurându-ne că îi scădem opacitatea (Opacity) la valoarea de doar 30%.

adjusting the blending mode

6. Cum să adăugați textura

Odată ce am adăugat acoperirea cu gradient, putem încuia stratul curent și putem trece la următorul (care ar fi al patrulea), unde vom termina mica noastră ilustrație, aplicându-i o textură subtilă și drăguță.

Pasul 1

Vom dori să începem, mai întâi, copiind cu (Control-C) și (Control-V) textura personalizată, pe stratul curent, asigurându-ne că o redimensionăm, astfel încât, în final, să acopere întreaga planșă de lucru. 

pasting the custom texture onto the current document

Pasul 2

Odată ce am terminat cu textura, tot ceea ce trebuie să facem este să o mascăm (clic-dreapta > Make Clipping Mask), utilizând o formă compusă creată din formele principale ale zepelinului și fundalului (cele trei pe care le-am folosit cu câțiva pași în urmă), asigurându-ne că micșorăm opacitatea: Opacity la 60%, înainte de a apăsa, în final, pe butonul de salvare Save.

adjusting the opacity of the texture

O treabă grozavă!

Ca întotdeauna, sper că v-ați distrat lucrând la acest mic proiect și, cel mai important, că ați reușit să învățați ceva nou și folositor, în timpul procesului.

Acesta fiind zise, dacă aveți întrebări, simțiți-vă liberi să le postați în secțiunea cu comentarii și eu vă voi răspunde cât de repede voi putea!

finished project preview

Vreți să învățați mai mult?

Dacă doriți să vă extindeți aptitudinile și să învățați ceva nou și folositor, mi-am făcut timp să selectez câteva tutoriale pe care vi le recomand în mod special și pe care puteți să le verificați!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.