Share
Ce veți creaÎn tutorialul de astăzi, vom explora procesul de creare a unei ilustrații minunate de vară, folosind unele dintre cele mai geometrice forme și instrumente pe care Illustrator le poate oferi.
Înainte de a începe, nu uitați că puteți adăuga mereu noi caracteristici la rezultatul final, îndreptându-vă spre GraphicRiver, unde veți găsi o mare selecție de elemente vectoriale tematice de vară.
Acestea fiind spuse, să mergem direct în ea!
Deoarece sper să aveți deja Illustrator în picioare în fundal, aduceți-o în sus și să organizăm o Document nou (Fișier> Nou sau Control-N) pentru proiectul nostru utilizând următoarele setări:
Și de la Avansat fila:
Chiar dacă astăzi nu lucrăm la icoane, vom dori totuși să creăm ilustrația folosind un flux de lucru perfect pixelic, prin crearea unei mici Grid-uri, astfel încât să putem avea control total asupra formelor noastre.
Mergeți la Editați> Preferințe> Ghiduri și Grilă submeniu și ajustați următoarele setări:
Sfat rapid: puteți afla mai multe despre grile prin citirea acestei lucrări detaliate despre modul în care funcționează sistemul Grid al Illustratorului.
Odată ce am creat grila noastră personalizată, tot ceea ce trebuie să facem pentru a ne asigura că formele noastre arată clar sunt permise Fixat la retea opțiune găsită în cadrul Vedere (adică dacă utilizați o versiune mai veche de Illustrator).
Acum, dacă sunteți nou în întregul "flux de lucru pixel-perfect", vă recomand să vă adresați tutorialului Cum de a crea Pixel-Perfect Artwork, care vă va ajuta să vă lărgi abilitățile tehnice în cel mai scurt timp.
Odată ce am terminat de configurat fișierul nostru de proiect, ar fi o idee bună să ne structurăm documentul folosind mai multe straturi, deoarece astfel putem menține un flux de lucru constant concentrându-ne pe o singură secțiune a ilustrației la un moment dat.
Așa că aduceți-o straturi și creați un total de șase straturi, pe care le vom redenumi după cum urmează:
Sfat rapid: Am colorat toate straturile mele utilizând aceeași valoare verde, deoarece este cel mai ușor de văzut când este folosit pentru a evidenția formele selectate (dacă sunt deschise sau deschise).
Vom lansa proiectul creând fondul apus de soare, deci asigurați-vă că sunteți pe stratul potrivit (care ar fi primul) și apoi închideți toate celelalte straturi astfel încât să putem începe.
Creeaza o 480 x 480 px cerc, la care vom aplica un gradient liniar subtil, folosind # EFFF56 pentru culoarea stângă și # EF6B43 pentru cel potrivit. Setați unghiul la 90º, centru alinierea formei la Artboard-ul mai mare.
Începeți să lucrați la strălucirea soarelui, creând un mic 384 x 384 px cerc (# ED7743), pe care o vom ajusta scăzând Opacitate la 40%, centru alinierea formei rezultate la fundal.
Adăugați cea de-a doua secțiune strălucitoare utilizând o dimensiune chiar mai mică 288 x 288 px cerc (# ED7743) cu 48% opacitate nivelul pe care îl vom alinia la cel de la pasul anterior.
Creați soarele folosind a 192 x 192 px cerc, pe care o vom folosi # E87243 și apoi aliniați centrul la forma creată anterior. Ia-ți timp, și după ce termini, selectează și grupă toate cele patru forme folosind Control-G comanda rapidă de la tastatură, blocând stratul curent înainte de a trece la pasul următor.
Presupunând că ați terminat lucrul la fundal, asigurați-vă că sunteți pe stratul potrivit (care ar fi cel de-al doilea) și să începem să lucrăm la următoarea secțiune a ilustrației.
Creeaza o 512 x 512 px dreptunghi cu un gradient liniar (culoarea stângă: # 6FA0CD; dreapta: # 7DDBCD; unghi: 90º), pe care o vom poziționa peste jumătatea inferioară a cercului mai mare al fundalului.
Sfat rapid: s-ar putea să observați că am dat dreptunghiul a 16 px umplând în stânga, pe partea dreaptă și pe partea inferioară pentru a ne proteja designul, din moment ce o vom masca în pasul următor.
Mascați forma pe care tocmai am creat-o folosind o copie (Control-C) a fundalului, pe care îl vom lipi pe stratul actual (Control-F), selectând atât copia, cât și copia faceți clic dreapta> Faceți o mască de tăiere.
Începeți să lucrați la reflecția exterioară a apei, creând o 240 x 32 px dreptunghi rotunjit (#FFFFFF) cu 16 px Radius colț, urmată de o perioadă mai restrânsă 176 x 32 px unu (#FFFFFF), pe care o vom plasa vertical la o distanță de 32 px una de alta, pozitionandu-le 32 px de la marginea superioară a apei (deoarece vom adăuga două noi dreptunghiuri peste spațiile goale).
Începeți să umpleți spațiile goale create de forme din pasul anterior, creând o 192 x 32 px dreptunghi (#FFFFFF), pe care o vom poziționa pe primul decalaj, și un mai mic 128 x 32 px unu (#FFFFFF) care va merge pe cea de-a doua.
Reglați dreptunghiurile pe care tocmai le-am creat prin tăierea unui a 32 x 32 px cerc (evidențiat cu roșu) din fiecare secțiune laterală utilizând deschizător de drumuri„s Minus Mode Shape Mode.
Adăugați secțiunea finală utilizând a 64 x 48 px dreptunghi (#FFFFFF), pe care o vom poziționa sub dreptunghiul rotund mai mic, așa cum se vede în imaginea de referință. Odată ce ați forma în loc, selectați și uniți toate formele de compoziție ale unei reflecții într-o singură formă mai mare folosind deschizător de drumuri„s Activați modul Shape.
Reglați forma rezultată prin selectarea individuală a fiecăreia dintre colțurile din centru de jos, utilizând butonul Instrumentul de selecție directă (A), și apoi stabilirea lor Rază la 32 px cu ajutorul Live Corners instrument. Repetați același proces pentru colțurile pătrate, utilizând o valoare mai mică (16 px) pentru a lor Rază.
Adăugați secțiunile secundare folosind două 48 x 32 px rotunjite (#FFFFFF) cu 16 px Radius colț, pe care o vom poziționa la o distanță de 16 px din prima și a doua secțiune rotunjită a reflecției.
Din moment ce dorim ca reflecțiile mai mari și secțiunile laterale să acționeze ca o singură formă mai mare, va trebui să le selectăm și apoi să le folosim deschizător de drumuri pentru a crea un Forma compusă.
Odată ce am creat forma noastră compusă, putem aplica un gradient liniar alb liniștit, cu un 20% opacitate pentru oprirea culorii stânga și 60% pentru cel corect, asigurându-vă că setați Unghi la 90º.
Adăugați o reflecție mai mică utilizând o copie (Control-C> Control-F) din cea mai mare, pe care o vom scala folosind Scară instrument (faceți clic dreapta> Transformați> Scala> Uniformă> 50%).
Poziționați forma rezultată pe marginea superioară a reflexiei mai mari, selectând și grupând (Control-G) toate formele împreună înainte de a trece la pasul următor.
Asigurați-vă că sunteți pe stratul potrivit (care ar fi cel de-al treilea) și să începem să adăugăm câteva detalii în secțiunea centrală a ilustrației.
Prindeți Instrument Pen (P), și folosiți-l pentru a desena insula mică folosind # C4583B ca principalul tău Completati culoare. Ia-ți timp și, după ce termini, treceți la pasul următor.
Dați insulei o adâncime adăugând câteva secțiuni mai întunecate # AA4531 ca al tau Completati culoare, asigurându-vă că selectați și grupați (Control-G) toate formele sale de compunere după aceea.
Creați micul vas de croazieră folosind câteva dreptunghiuri (# C4583B), pe care o vom regla prin împingerea unor puncte de ancorare spre interior. Luați-vă timpul și, odată ce ați terminat, asigurați-vă că ați selectat și grupați toate formele sale de compunere împreună folosind Control-G Comanda rapidă de la tastatură.
Din moment ce partea dreaptă a insulei va ieși cel mai probabil în afara suprafeței fundalului, vom dori să o mască folosind o copie (Control-C) din cercul mai mare, pe care îl vom lipi (Control-F) pe stratul curent (faceți clic dreapta> Faceți o mască de tăiere).
Presupunând că ați terminat lucrul la secțiunea anterioară, săriți până la următorul strat (care ar fi cel de-al patrulea strat), unde vom crea rapid norii.
Începeți să lucrați la primul set de nori prin crearea unui 80 x 16 px dreptunghi rotunjit (#FFFFFF) cu un 8 px Radius colț, pe care o vom poziționa la o distanță de 56 px din marginea stângă a fundalului și 102 px din partea de sus.
Creați un altul 80 x 16 px dreptunghi rotunjit (#FFFFFF) cu un 8 px Radius colț, pe care o vom poziționa dedesubt, la o distanță de 88 px din marginea stângă a fundalului și 16 px din segmentul norului anterior.
Creați segmentul interior cu ajutorul unui segment mai mic 32 x 16 px dreptunghi (#FFFFFF) pe care o vom ajusta prin tăierea unui a 16 x 16 px cerc de la fiecare secțiune laterală folosind deschizător de drumuri„s Minus Mode Shape Mode.
Creați un segment lateral mai mic utilizând a 32 x 16 px dreptunghi rotunjit (#FFFFFF) cu un 8 px Radius colț, pe care o vom poziționa la o distanță de 16 px din segmentul inferior mai larg. Odată ce ați terminat, selectați și grupați toate cele patru forme împreună folosind Control-G Comanda rapidă de la tastatură.
Creați cel de-al doilea grup de cloud utilizând același proces, dar de această dată durează câteva momente și jucați puțin cu valorile lungimii segmentelor, poziționând formele rezultate în partea dreaptă a fundalului.
Selectați ambele grupuri de cloud și transformați-le într-o mai mare Forma compusă, aplicarea unui gradient liniar alb cu a 90º peste ei, folosind un 80% opacitate pentru prima oprire a culorii și 20% pentru al doilea.
Finalizați secțiunea curentă adăugând două trasee plane 80 x 4 px dreptunghiuri (#FFFFFF) cu 2 px colțul stâng Rază, pe care o vom stivui pe verticală 12 px unul față de celălalt, aplicând un gradient liniar subtil (60% opacitate pentru oprirea culorii stângi; 10% opacitate pentru oprirea culorii corecte) către ei.
Asigurați-vă că sunteți pe stratul drept (care ar fi cel de-al cincilea) și apoi creați rapid evidențiarea circulară.
Creați o copie (Control-C) din cercul mai mare al fundalului, pe care îl vom lipi (Control-F) pe stratul curent și apoi ajustați mai întâi culoarea albului (#FFFFFF) și apoi eliminarea unui număr mai mic 448 x 448 px cerc (evidențiat cu roșu) din centrul său.
Finalizați culoarea prin selectarea formei rezultate Opacitate la 30%.
Acum suntem la ultima secțiune a ilustrației noastre, presupunând că ați blocat stratul anterior și că te-ai poziționat pe următoarea (care ar fi cea de-a șasea), să înfășurăm lucrurile!
Lipiți o altă copie (Control-F) a cercului mai mare al fundalului pe stratul curent, asigurându-vă că schimbați culoarea neagră (# 000000).
Selectați cercul și apoi aplicați a Cereale textura peste ea, prin trecerea la Efect> Efecte Photoshop> Textură> Cereale și stabilirea lui Intensitate la 11, este Contrast la 100, si este Tipul de cereale la stropește.
Reglați textura rezultată prin setarea acesteia Mod de amestecare la Lumina slaba si este Opacitate la 20% din interiorul Transparenţă panou.
Finalizați ilustrația selectând și mascând textura sa astfel încât aceasta să rămână constrânsă de suprafața fundalului.
Acolo îl aveți - un tutorial scurt și simplu cu privire la modul de a crea ilustrația proprie de vară. Sper că ați reușit să respectați fiecare etapă și ați învățat ceva nou în timpul procesului.
Accentsconagua