Share
Ce veți creaA trecut mult timp de când am vrut să fac acest proiect și astăzi dorința mea sa împlinit în sfârșit și băiatul o să-i iubești pe acesta.
Dacă nu v-ați dat seama de imaginea de previzualizare, vom crea o piesă din Universul Star Wars, mai exact o ilustrare a noului bot BB8 drăguț, utilizând câteva dintre instrumentele de bază ale Illustratorului, cum ar fi Pen Tool, și câteva forme.
Oh, și înainte de a uita, puteți să vă extindeți universul, îndreptându-vă spre Envato Market, unde veți găsi o cantitate nebună de artă de primă oră Star Wars, care așteaptă să fie făcută clic pe.
Ca întotdeauna, începeți prin a crea un nou document nou prin trecerea la Fișier> Nou sau folosind Control-N comanda rapidă de la tastatură și apoi ajustați-o după cum urmează:
Și de la Avansat fila:
Așa cum unii dintre voi ați știut deja, Illustrator ne permite să profităm de avantajele sale Grilă, pe care le vom ajusta prin setarea la cele mai mici valori posibile, astfel încât să putem adera la un flux de lucru "pixel-perfect". Procedând astfel, vom prelua controlul total asupra formelor noastre, asigurându-ne că ilustrația noastră se va sfârși să fie cât se poate de clare.
Setările care ne interesează pot fi găsite în secțiunea Editați> Preferințe> Ghiduri și Grilă submeniul și trebuie ajustat după cum urmează:
Sfat rapid: puteți afla mai multe despre grilele personalizate, citiți această piesă detaliată 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 meniu, care se va transforma în Faceți clic pe Pixel de fiecare dată când intri Previzualizarea pixelilor mod.
Acum, din moment ce ne propunem să creăm ilustrația noastră folosind un flux de lucru "pixel-perfect", vă recomandăm să parcurgeți modul în care să creați un tutorial de grafică perfect pentru pixeli, care vă va ajuta să vă lărgi abilitățile tehnice și să vă ridicați la viteză imediat.
Odată ce ne-am creat documentul, putem pregăti acum proiectul prin crearea unui set de straturi individuale care ne vor ajuta să separăm diferitele secțiuni ale ilustrației noastre, făcând mult mai ușor fluxul nostru de lucru.
Deci, presupunând că știți cum să utilizați straturi panou, aduceți-l și creați patru straturi, denumindu-le astfel:
Vom schimba lucrurile prin a începe să lucrăm pe fundal, așa că asigurați-vă că v-ați poziționat pe stratul drept, blocând toate celelalte.
Prindeți Instrument rotunjit dreptunghi și de a crea o mai mică 30 x 8 px forma (# 4C3B3B) cu 4 px Radius colț, urmat de un număr mai mare 254 x 8 px (# 4C3B3B), pe care o vom poziționa 8 px unul de celălalt, asigurându-vă că le centrează pe verticală artboard cam pe la 182 px din partea de jos.
Prindeți Instrument de elipsă (L) și creați secțiunea superioară a fundalului prin desenarea a 304 x 186 px elipsă, pe care o vom folosi folosind culoarea # EFE1B9, și apoi reglați forma sa globală până când seamănă cu o fasole.
Utilizarea Instrument Pen (P),trageți duna de nisip (undeva în jur 312 x 142 px) folosind # CEBB8D ca culoare de umplere, asigurându-vă că poziționați noua formă deasupra liniei de fundal.
Selectați forma nisipului și apoi dați-i un text 8 px schițați prin a merge la Obiect> Cale> Calea offset și aplicarea unui 8 px offset la ea, pe care o vom folosi folosind culoarea # 4C3B3B.
Sfat rapid: dacă nu ați folosit anterior compensări, dar doriți să aflați mai multe despre ele, vă recomandăm să treceți prin acest tutorial pe cele două metode principale de creare a icoanelor de linie, care vă vor arăta tot ce trebuie să știți.
Dați dunei de nisip un punct culminant, creând mai întâi două copii ale formei sale principale (Control-C> Control-F). Apoi, mutați partea superioară spre partea de jos prin 4 px, și selectați atât ea cât și cea dedesubt și folosiți-o deschizător de drumuri„s Minus Front mode pentru a crea noua formă.
Transformați forma rezultată într-o evidențiere prin colorarea acesteia folosind culoarea albă (#FFFFFF) și apoi setarea lui Mod de amestecare la Lumina slaba în timp ce își coboară Opacitate la 80%.
Începeți să lucrați pe cele două secțiuni ale orașului, folosind niște dreptunghiuri simple # 4C3B3B ca și culoarea principală. Ia-ți timp și fă-ți ilustrația unică prin a veni cu propria versiune. Apoi, după ce ați terminat, treceți la pasul următor.
Apropiați-vă în partea stângă a orașului și începeți să lucrați pe micul aripă X utilizând imaginea de referință atașată.
Odată ce ați terminat de creat X-aripa, grupează toate formele sale de compunere împreună (Control-G) și apoi poziționați-o spre partea dreaptă a turnului, adăugând câteva linii subtile (# B29F76) in spatele.
Terminați fundalul adăugând puținul soare, pe care îl vom crea folosind a 14 x 14 px cerc (# CEBB8D),la care vom adăuga a 4 px grosime (# 4C3B3B). Apoi, dă-i a 2 px grosime interioară groasă (culoare: alb; Mod de amestecare: Lumina slaba; Opacitate: 80%) și două 8 px offseturi care vor acționa ca străluciri exterioare (culoare: alb; Mod de amestecare: Lumina slaba; Opacitate: 80%).
Cu toate elementele de fundal ale noastre, selectați și grupați-le (Control-G) și apoi folosiți o copie a elipsei în formă de fasole sub care se va lipi deasupra, pentru a le masca (faceți clic dreapta> Faceți o mască de tăiere).
Deoarece în acest moment am terminat de lucru pe fundal, putem să-i blocăm stratul și să mergem la următorul, unde vom începe să creăm botul mic BB8.
Ca întotdeauna, începeți prin a vă asigura că sunteți pe stratul potrivit, blocând toate celelalte astfel încât formele dvs. de compunere să nu se deplaseze.
Prindeți Instrument de elipsă (L) și de a crea un 100 x 100 px cerc (# D8D2D2) la care vom aplica 8 px offset pentru contur (# 4C3B3B), apoi poziționați ambele forme pe linia de fond, asigurându-vă că conturul se suprapune.
Adăugați capul, creând o 60 x 60 px cerc (# D8D2D2) (1) pe care le vom tăia în jumătate selectând punctul de ancorare de la baza folosind Instrumentul de selecție directă (A) și apoi apăsând Șterge (2). Apoi, adăugați a 60 x 12 px dreptunghi (3) pe care îl vom regla prin împingerea punctelor de ancorare de jos spre interior prin 6 px (4). Combinați cele două forme (5), apoi le dați unu 8 px contur (# 4C3B3B) folosind Calea offset metoda (6).
După ce ați creat principalele forme pentru capul botului, grupați-le și apoi poziționați-le pe corp, ușor suprapunându-l.
În acest moment, avem formele principale pentru micul nostru bot BB8, ceea ce înseamnă că putem începe acum să le adăugăm detalii.
Începeți prin adăugarea unei umbre subtile în partea inferioară a capului, pe care o vom crea folosind a 76 x 4 px dreptunghi (# 897C7C), pe care apoi vom masca folosind o copie a formei subiacente ca a Mască de tăiere (faceți clic dreapta> Faceți o mască de tăiere).
Faceți dublu clic pe umbra mascată pentru a intra Modul de izolare, și apoi adăugați o 76 x 10 px dreptunghi (# 4C3B3B) către secțiunea superioară a acestuia și un altul 76 x 2 px unu (# 897C7C) deasupra lui.
Cu Instrumentul dreptunghiular (M) încă selectat, adăugați un alt subțire 76 x 2 px linie (# 4C3B3B) spre partea superioară a capului, lăsând un a 2 px gol spațiu spațiu între el și contur mai mare.
Adauga o 4 x 1 px segment (# 4C3B3B) spre partea superioară a liniei de divizare orizontale pe care am creat-o în etapa anterioară, asigurându-vă că o aliniați la centrul acesteia.
Apoi, deplasați-vă spre partea inferioară a capului și adăugați câteva 2 px înalt dreptunghiuri (# 4C3B3B) utilizând diferite valori ale lățimii, care vor acționa ca linii detaliate. După ce ați terminat, selectați și grupați-le (Control-G), astfel încât acestea să nu se degradeze.
Continuați să adăugați detalii capului selectând un portocaliu închis (# C48251) ca culoarea principală de umplere și folosirea acesteia pentru a desena o grămadă de dreptunghiuri și linii cu ajutorul Instrumentul dreptunghiular (M).
Adăugați câteva linii subtile la linia principală a divizorului capului, folosind culoarea albă (#FFFFFF) ca culoare de umplere, Lumina slaba ca al tau Mod de amestecare, și scăderea Opacitate la 90%.
Apoi, adăugați o evidențiere inelară în partea superioară a capului, utilizând culoarea albă (#FFFFFF) ca culoare de umplere, Lumina slaba pentru tine Mod de amestecare, și scăderea Opacitate la 80%.
De asemenea, asigurați-vă că poziționați culoarea sub două linii de divizare, astfel încât să se termine suprapunerea numai a secțiunilor portocalii.
Prindeți Instrument de elipsă (L) și trageți a 16 x 16 px cerc (# 4C3B3B) pe care o vom poziționa spre centrul capului botului, la o distanță de 6 px din partea superioară.
Adăugați o subliniere subtilă (culoare: alb; Mod de amestecare: Lumina slaba; Opacitate: 60%) pe aparatul foto pe care tocmai l-am creat cu ajutorul unui a 16 x 8 px elipsă, asigurându-vă că o mascați folosind o dimensiune mai mică 8 x 8 px cerc.
Adăugați un alt subtil 2 x 2 px reflecție spre colțul din stânga jos, folosind un cerc cu aceleași valori pe care le-am folosit pentru evidențierea precedentă.
Creați o copie a formei principale a camerei de luat vederi a botului și transformați-o într-o umbră, selectând punctul de ancorare inferior și împingându-l spre partea inferioară 4 px. Apoi, micșorați-l Opacitate la 40% și asigurați-vă că o poziționați sub camera însăși clic dreapta> Aranjare> Trimitere înapoi de câteva ori până când veți reuși.
Adăugați un număr mai mic 8 x 8 px eye-camera folosind același proces, și poziționați-l spre partea dreaptă a capului, lăsând un gol de 2 px între acesta și secțiunea gâtului.
Utilizarea Instrument de elipsă (L) adauga o 4 x 4 px cerc (# 4C3B3B) peste spațiul gol creat de camera principală și de gât.
Finalizați capul BB8 adăugând antenele utilizând un mic 2 x 16 px dreptunghi rotunjit (# 4C3B3B) cu 1 px Radius colț urmată de un nivel mai înalt 2 x 28 px unu (# 4C3B3B). Poziționați cele două forme 4 px una de alta, apoi grupa (Control-G) și aliniați-le spre partea superioară a capului.
De când am terminat de lucru pe cap, putem trece la corp și vom începe treptat să adăugăm detalii despre el.
Mai întâi, adăugați o umbră subtilă chiar sub capul botului, prin desenarea a 116 x 16 px dreptunghi (# 4C3B3B) pe care le vom ajusta prin scăderea lui Opacitate la 60% și apoi maschează folosind cercul de umplere gri ca a Mască de tăiere.
Apoi, va trebui să creați cele trei secțiuni de inel din corpul botului, prin desenarea a 60 x 60 px cerc (# C48251), din care vom scade un număr mai mic 48 x 48 px unul folosind deschizător de drumuri„s Minus Mode Shape Mode. Apoi, vom adăuga pur și simplu a 4 px contur (# 4C3B3B) folosind Calea offset și creați două copii ale inelelor, poziționându-le după cum urmează și asigurându-vă că le grupați.
După ce ați instalat cele trei secțiuni ale inelului, începeți să adăugați cele patru cleme cu fața în față (# C48251), cu ajutorul unui 8 x 8 px dreptunghi, pe care va trebui să-l ajustăm prin împingerea ancorelor sale în partea superioară 2 px. Poziționați un clip pe fiecare parte a cercurilor și apoi le dați la fel 4 px contur (# 4C3B3B), pe care le vom trimite în spatele conturului inelului (faceți clic dreapta> Aranjare> Trimitere înapoi).
Selectați inelul inferior și rotiți-l (dați clic dreapta> Rotire> 45 de grade), astfel încât clemele să fie poziționate în diagonală, în loc să fie transversale.
Utilizarea Instrument de elipsă (L) adăugați un 8 x 8 px cerc (# A39999) cu 4 px contur (# 4C3B3B) în centrul fiecăreia dintre cele trei secțiuni de inel.
Începeți să adăugați mai multe detalii în cele trei secțiuni de sonerie, utilizând imaginile de referință ale BB8 real pentru a obține cât mai aproape posibil. Adăugați umbre și evidențiați unde credeți că sunt necesare, ascunzându-le folosind formele pe care le-am construit deja.
Odată ce ați adăugat detaliile diferite la inele, este timpul să le mascați utilizând o copie a cercului gri subiacent ca Mască de tăiere. Pentru a face acest lucru, selectați pur și simplu toate formele necesare, lipiți o copie a cercului deasupra acestora (Control-F), și apoi faceți clic dreapta> Faceți o mască de tăiere.
Cu ajutorul Instrumentul dreptunghiular (M),conectați cele trei secțiuni de sonerie folosind 4 px linii groase (# 4C3B3B), după cum urmează.
Odată ce ați adăugat liniile conectorilor, este timpul să adăugați mici inserții circulare, pe care le vom crea prin desenarea a 4 x 4 px cerc (# A39999) la care vom adăuga o 2 px contur (# 4C3B3B) și mai mică 2 x 2 px cerc (# 4C3B3B) la centrul său. Grupați toate cele trei forme (Control-G) și apoi poziționați o copie pe fiecare parte a liniilor conectorilor.
Finisați-vă corpul BB8 prin adăugarea unor detalii subtile, pe care le veți crea folosind 2 px compensări pentru formele mai mici și mai mari 4 px unul pentru corpul principal.
Cu offseturile la locul lor, colorați-le folosind culoarea albă (#FFFFFF) ca culoare de umplere, Lumina slaba ca al tau Mod de amestecare,și 90% pentru Opacitate.
În cele din urmă, selectați atât capul și corpul botului, cât și grupați-le împreună folosind Control-G Comanda rapidă de la tastatură.
Deoarece în acest moment ilustrația noastră este făcută, tot ce trebuie să facem acum este să adăugăm câteva atingeri finale și vom începe prin adăugarea suprapunerii de gradient.
Înainte de a ne deplasa până la stratul "suprapus", va trebui să deblocăm toate celelalte care conțin formele ilustrației noastre și să folosim Instrumentul de selecție directă (A) pentru a lua o copie (Control-C) a fundalului în formă de fasole, linia de fundal și corpul botului, pe care îl vom lipi (Control-F) pe cel de-al treilea strat, blocând din nou primele două straturi.
Cu formele selectate, mergeți la deschizător de drumuri panou și faceți clic pe săgeata cu fața în jos pentru a afișa opțiunile, unde vom face clic pe Faceți forma compusă.
Motivul pentru care am făcut acest lucru este că vom dori să le transformăm într-o singură formă fără a le distorsiona, ceea ce s-ar fi întâmplat dacă am fi folosit Activați modul Shape.
Odată ce am creat Forma compusă, putem aduce la iveală Gradient panouși aplicați a Liniar gradient, cu unghiul setat la 90 de grade,utilizând # ED1C24 pentru culoarea stângă și # FBB03B pentru cel potrivit.
Reglați gradientul prin setarea acestuia Mod de amestecare la Ecran și scăderea lui Opacitate la 68% din interiorul Transparenţă panou.
Odată ce ați adăugat gradientul, tot ce trebuie să faceți acum este să aplicați o textura frumoasă pe ultimul strat și să îl colorați folosind alb (#FFFFFF).
Puteți utiliza propriile texturi sau puteți să le descărcați și să le aplicați pe cele pe care le-am furnizat în atașamentele tutorialului curent.
Acolo îl aveți: un tutorial destul de cuprinzător cu privire la modul de a vă construi propria ilustrație BB8 utilizând câteva forme și tehnici simple.
Sper că ați găsit tutorialul ușor de abordat și, cel mai important, ați învățat un nou truc sau două de-a lungul drumului.
Accentsconagua