Creați un Ilustrație Concept Sneaker în Vector

În tutorialul de astăzi, vă voi arăta cum să creați o ilustrație conceptuală pentru adidași, care are un simț comercial. Am fost inspirat de stilul kawaii, pe care îl puteți vedea în diferite domenii ale comunităților de artă populară. Am folosit un stil consistent de strălucire a vectorului interior prin panoul Aspect pe care îl veți afla aici.


Pasul 1

Voi configura noul document ca de obicei, cu un strat pentru imaginea de referință, un strat "BG" pentru un dreptunghi de umplere alb (M) setat la opacitate de 50%, cu straturi pentru "Line Art" și schiță.



Pasul 2

Voi folosi instrumentul Blob Brush (Shift + B) pentru a-mi face schița, dar mai întâi voi modifica setările instrumentului, astfel încât acesta să beneficieze de avantajele tabletei grafice.

Pentru a face acest lucru, faceți dublu clic pe pictograma Blob Brush Tool din bara de instrumente pentru a obține caseta de dialog Options Blade Brush Opțiuni. Am modificat "Dimensiunea" la 2pt și selectați "Presiune" din meniul derulant. Apoi mi-am schimbat "Variația" la 2pt. Faceți clic pe OK după ce ați terminat.


Apoi am schițat conceptul de bază pe care l-am avut în minte. Am desenat fiecare dintre elementele separate într-o altă culoare și apoi le-am grupat (Command + G) pentru a le face mai ușor să le deplasez acolo unde am nevoie de ele.



Pasul 3

Acum, pentru a începe desenarea liniei de arta pentru adidași. Voi folosi cursele negre de-a lungul etapelor inițiale. Voi arăta câteva lovituri ca diferite culori, dar acest lucru este doar pentru a vă arăta care linii și forme au fost desenate separat.

Voi începe prin a schița conturul general al obezității cu o greutate de greutate de 2 pini. Această formă inițială va avea o umplutură albă, în timp ce orice altceva nu va avea umplere.



Pasul 4

Pentru liniile din talpa obișnuită, voi folosi Instrumentul pentru segmentul de linie (\) pentru a desena patru linii mici, cu o greutate de greutate de 4 pini și capace rotunjite. Atunci le voi selecta și voi merge la Object> Expand pentru a le transforma în forme.


Apoi voi folosi panoul Pathfinder pentru Minus Front, cele patru forme rotunjite din forma mare de pantofi.



Pasul 5

Acum, pentru a atrage restul liniilor de adidas. Aceste linii vor avea o greutate de greutate de 0,75pt. Cu toate acestea, există părți în care puteți vedea partea laterală a pielii suprapuse a pantofului.

Cu aceasta am folosit 0,75 miscari pentru suprafata superioara a pielii si apoi am folosit o miscare de 0,25 pt pentru partea de jos a marginii suprafetei. Ca întotdeauna, pentru a face mai ușor atunci când faci o linie de artă, folosește ghiduri inteligente (Command + U) pentru intersectarea liniilor.


După ce ați desenat liniile care împart pantoful, veți observa că în cazul în care unele dintre linii se intersectează unul cu celălalt, este posibil ca colțurile să nu se potrivească. Va trebui să mutați liniile din jurul unora dintre colțurile directe pentru a continua o linie pentru a face colțurile să se potrivească. Acest lucru va da doar o privire de ansamblu curat la linia de arta.



Pasul 6

Pentru găurile de dantelă, am folosit instrumentul Ellipse (L). Mai intai am desenat prima forma pentru exteriorul gaurii dantel si apoi am folosit Free Transform Tool (E) pentru a roti si modifica elipsa. Apoi am duplicat forma și mi-am redus dimensiunea cu Free Transform Tool (E). Aceste linii sunt setate la greutatea în greutate de 0,75pt.



Pasul 7

Amestecurile înșiși pot fi un pic plictisitor, totuși, urmând imaginea stocului și înțelegerea care se suprapune piesa care ar trebui să poată desena forme pentru fiecare parte a dantelului încrucișat în zona limbii. Veți observa că am evidențiat una din linii de-a lungul marginii zonei limbii. Duplicați această linie și creați o formă pentru aceasta pentru următoarea parte.


Nu vă faceți griji cu privire la șireturile care se suprapun, acest lucru poate fi remediat prin utilizarea formei recreate și folosind-o la Pathfinder> Minus Front peste formele relevante. Acum, fii atent atunci când faci asta, trebuie să recunosc că mi-a luat câteva încercări pentru a mă asigura că am secțiunile corecte de dantelă! Amintiți-vă mereu să editați> Anulați (Command + Z) sau chiar duplicați formele dacă aveți dubii. De fapt, am programat Undo programat într-unul din butoanele stiloului meu stilou real.


Apoi m-am descurcat de-a lungul marginii șireturilor cu un accident de 0.25pt pentru detalii suplimentare.



Pasul 8

Folosind schița, am desenat dantelă cu o umplutură albă și o cursa neagră de 0.75pt cu instrumentul Pen (P). Apoi, utilizând Instrumentul Lățime (Shift + W), am mărit mărimea lățimii cursei la punctele inferioare la 2pt. Apoi am ținut masele accidentale de 0,75pt înălțime de la mijlocul dantelai la vârf, deci de la mijlocul dantelului până la partea inferioară va crește încet până la 2pt.



Pasul 9

Am adăugat dantelă în spatele pantofului, cu o greutate de greutate de 0,75pt și apoi un accident de 0,25pt pentru detalii.



Pasul 10

Desenați un cerc alb de umplere uniform cu instrumentul Ellipse (L) și adăugați o curbă neagră de 0,75pt. Mergeți la Efect> Distort & Transform> Modificați și utilizați valorile de mai jos. Acest lucru va crea efectul de bază pentru un copac stil de desene animate.


Apoi am folosit Instrumentul de transformare liberă (E) și Instrumentul de selecție directă (A) pentru a modifica forma arborelui, după cum se arată mai jos. În cele din urmă, am adăugat un dreptunghi modificat (M) cu un fund curbat pentru portbagaj sub frunze.



Pasul 11

Am grupat cele două elemente pentru copac (Command + G) și apoi l-am duplicat. Apoi am folosit instrumentul Free Transform Tool (E) pentru a modifica scara copacului. Efectul Roughen, care se află pe partea superioară / frunze a copacului, se va ajusta automat cu redimensionarea; prin urmare, aceasta va ajuta copacii să pară diferit unul de celălalt. Decalajul copacilor a ajutat, de asemenea, la crearea unei iluzii de perspectivă și a făcut să pară că avem un obișnuiți uriaș.



Pasul 12

Pentru fundal, am adăugat trei elipse (L) cu umplutură albă și un accident vascular cerebral neagră 2pt. Apoi am pus un dreptunghi de umplere alb (M) peste partea de sus cu un accident vascular cerebral nul.



Pasul 13

Am folosit Instrumentul Artboard (Shift + O) pentru a modifica dimensiunile tabloului de bord. De-a lungul ilustrației, aș ascunde și arăta tabloul de bord prin accesarea opțiunii Vizualizare> Afișare / Ascundere Artboard.

În timp ce pun împreună o ilustrație, încerc să nu fiu limitată de dimensiuni și să lucrez mult mai liber cu spațiul de pânză. Apoi, pe parcurs, voi modifica tabloul de bord și îl voi face vizibil pentru a-mi da o idee bună despre modul în care compoziția finală poate fi pusă împreună.



Pasul 14

Norii sunt realizați folosind mai multe cercuri create cu instrumentul Ellipse (L). Apoi am folosit Align> Aliniere verticală inferioară și apoi Pathfinder> Unite pentru a crea o formă. Cu instrumentul Pen (P) am scos apoi puncte din partea de jos a formei nor.


Am creat câteva dintre aceste forme de nor pentru a le face mai aleatoare, apoi le-au duplicat și le-au grupat cu alte forme de nor (Command + G). După ce ați terminat, plasați-le în jurul cerului cu o umplere albă și un accident vascular cerebral neagră de 0,75pt.



Pasul 15

Pentru drum, am creat o linie punctată rapid. Nu am folosit opțiunea de linie întreruptă în panoul Stroke, deoarece nu ar corespunde perspectivei drumului. Am desenat o linie de greutate de greutate de 10pt cu profilul "Lățimea profilului 4" atașat pentru a crea efectul conic.


Apoi, mergeți la Object> Expand pentru a extinde cursa la o formă. Dați-i o umplere albă și un accident vascular cerebral neagră de 0.25pt.


Apoi am folosit instrumentul Eraser (Shift + E) pentru a elimina secțiunile liniei pentru a crea linia. Veți avea nevoie să vă asigurați că toate celelalte forme sunt blocate, altfel veți sfârși prin a șterge bucăți din acestea!



Pasul 16

Pe măsură ce mă duc la o desen animat care să caute o ilustrație, voi adăuga un soare în stil kawaii. Pentru a face acest lucru, voi desena un cerc de umplere albă, de 0,75pt negru cu instrumentul Ellipse (L), apoi adăugați două cercuri de umplere neagră pentru ochi și o jumătate de elipsă pentru gură. Pentru aspectul kawaii, ochii și gura se află pe aceeași linie orizontală și la sud de mijlocul formei.


Am duplicat gura semicirculară și am folosit Pathfinder> Intersectează cu o formă rotunjită dreptunghiulară pentru a produce limba. Aceasta va avea un accident vascular cerebral neagră de 0.75pt și o umplere albă.



Pasul 17

Pentru razele de lumină de la soare, am desenat o linie orizontală cu instrumentul de segmentare a liniei (\) utilizând o greutate și un profil de lățime de greutate de 80pt. Am mers apoi la Object> Expand pentru ao face o formă și i-a dat o umplere albă și un accident vascular cerebral neagră de 0.25pt.


Utilizând Efect> Distort & Transform> Transform, l-am duplicat de 17 ori la un unghi de 20 de grade din partea din stânga din mijloc și am făcut clic pe OK.



Pasul 18

Pentru a termina linia noastră de artă, voi adăuga o linie întreruptă în jurul adăpostului pentru cusătură.



Pasul 19

Am început să colorez arta liniei. Pentru îmbrăcămintea, am făcut un grup de toate liniile (Command + G) și apoi am folosit Live Paint Bucket (K) pentru a adăuga culori la adidaș. Pentru restul ilustrației, am folosit Instrumentul de selecție directă (A) și am înlocuit umplerile albe. Pentru razele de lumină i-am dat o umplere albă și am redus opacitatea la 50%.



Pasul 20

Pentru fiecare parte a ilustrației, voi adăuga umbre similare prin panoul Aspect. Voi adăuga o strălucire interioară a vectorului, asemănătoare cu umbra de vectorizare pe care am creat-o în acest tutorial. Este duplicarea unei curse aliniate în interior și creșterea treptată a greutății cursei, în timp ce se utilizează Multiplicarea modului de amestecare și o opacitate mai mică. Fiți atenți la capturile de ecran, deoarece unele elemente vor folosi diferite procentaje Opacities.

Copacul / frunzele vor folosi următoarele setări ale panoului Aspect:


Și apoi trunchiul:



Pasul 21

Pentru un efect de desen animat care detaliază frunzele pe copac, am folosit instrumentul Blob Brush (Shift + B) pentru a adăuga linii ondulate peste formă cu o umplutură verde deschis și o opacitate de 50%.



Pasul 22

Pentru soare am folosit o cursa de 2 pahare în interior, aliniată la interior, deasupra unui gradient galben galben până la radiații galbene.


Limbă am folosit un stil similar, de data aceasta cu un gradient radial alb-violet.



Pasul 23

Pentru nori am folosit efectul de strălucire a vectorului interior cu trei exemplare dublate, Opacitate 10%, cu Multiply Mode Blending și în interiorul curselor aliniate de 1pt, 2pt și 3pt. Am folosit un gradient radial subtil alb-albastru pentru a adăuga un efect albastru ușor la umplerea noriilor.



Pasul 24

Am folosit același efect cu dealurile cu o ușoară schimbare. Am obținut duplicat în curse aliniate pentru 2pt, 3pt, 4pt și 5pt setat la Multiplicarea modului de amestecare cu Opacitate 10%. Apoi, două curse suplimentare la 7pt și 9pt Greutatea Stroke setată la Multiplicare Mod de amestecare și Opacitate 5% pentru a da o margine mai moale efectului strălucirii interioare.


Pentru dealul din spate am adăugat o umplere suplimentară a unui gradient radial de culoare albă până la întuneric, setat la modul de amestecare Multiplicare și opacitate 40%.



Pasul 25

Am folosit procesul de strălucire interioară a vectorului pentru dantelă / șosea și, de asemenea, am folosit modelul "USGS 21 Intricate Surface" pentru a da o textura subtilă. Puteți găsi acest lucru prin accesarea meniului derulant din panoul Swatch, apoi deschideți librăria Swatch> Modele> Grafică de bază> Grafică de bază Basic.



Pasul 26

Cu pantoful, duplicați grupul Live Paint și apoi Object> Expand (cursă de dezlipire). Veți avea un grup care conține două grupuri, una va fi linia de artă, iar cealaltă va fi forma plină.

Duplicați grupul de forme umplut și apoi îndepărtați formele tălpii încălțămintei. În panoul Aspect, voi adăuga două umpleri cu modelul "Burlap", pe care îl puteți găsi în galeria Basic Graphics_Texture ca mai înainte. Cu toate acestea, cu una din umpluturi, voi muta modelul ușor folosind Object> Transform> Move și folosind setările de mai jos.


Motivul pentru care fac acest lucru este că o umplere va fi setată la modul de amestecare cu Opacitate 20%, iar cealaltă va fi setată la Blending Multiply cu Opacity 10%. Dacă s-ar suprapune unul pe celălalt (fără a utiliza mișcarea), atunci ar anula efectul pe care vreau să-l creez.



Pasul 27

Folosind efectul strălucirii interioare a vectorului, voi aplica aceasta la fiecare dintre formele colorate ale adidaților. Utilizați Instrumentul de selecție directă (A) pentru a selecta mai întâi culoarea, apoi alegeți Selectare> Același> Umpleți culoarea pentru a obține toate formele care au această culoare de umplere. Mai jos sunt setările panoului Aspect pentru fiecare culoare:





Pasul 28

Interiorul pantofului are acelasi proces, dar de data aceasta cu un gradient aditional de culoare gri transparent spre partea inferioara a formei pentru a adauga umbra.


Același gradient este folosit pentru interiorul zonei limbii pantofului.



Pasul 29

Lacele rămase vor folosi efectul de strălucire a vectorului interior.



Pasul 30

Am modificat coaserea pe un pantof adițional schimbând culoarea cursei în alb. Cu toate acestea, am adăugat o contur subtil în jurul coaserii. Am facut acest lucru prin duplicarea accidentului vascular cerebral si am avut un accident vascular cerebral rotund de 2 picaturi in spatele unui accident vascular cerebral alb de 0,75pt rotund. Ambele lovituri sunt o linie întreruptă de 3pt ca și înainte.

Apoi, va trebui să trageți și să lăsați grupul liniilor întrerupte în grupul formelor de sneaker. Va trebui să fie sub linia de artă și deasupra formelor texturate Burlap.



Pasul 31

Am schimbat culoarea accidentului în jurul pantofului până la un gri închis. Încă mai vreau ca pantoful să se evidențieze mai presus de orice, totuși am simțit că conturul negru era puțin prea puternic pentru întregul pantof. Am păstrat cursa neagră pe șireturi și șosete / dantelă.



Pasul 32

Am folosit un gradient radiativ transparent transparent ca o umplutură într-o Elipsă (L) pentru a adăuga umbre subtile sub copaci. Acestea sunt setate la Multiplicare mod de amestecare și opacitate 50%.


Am folosit aceleași gradienți pentru umbra de sub vârful pantofului și umbra aruncată de dantelă. Acestea sunt setate la multiplicarea modului de amestecare cu opacitate 80%.



Pasul 33

M-am întors la utilizarea Instrumentului Artboard (Shift + O) și am modificat dimensiunile într-o placă grafică portret A4. Voiam să păstrez înălțimea de 600 de picioare, așa că trebuia să aflu ce lățime ar fi trebuit să fie.

Deoarece nu știu acest lucru, m-am gândit la dimensiunea hârtiei, care era de 210 x 297 în milimetri. 297 împărțit la 210 este 1,4. Prin urmare, 600 împărțită la 1.4 îmi va da lățimea necesară ... 428 pe care am introdus-o în valoarea lățimii. Am mutat apoi Instrumentul Artboard (Shift + O) în jurul pânzei la cultura pe care o găsesc cel mai bine.



Pasul 34

Cu noua recoltă, voi schimba plasarea unor elemente. Aceasta include soarele ...


Apoi am adăugat mai mulți copaci în zonele înconjurătoare ...


Apoi am modificat amplasarea norii.



Pasul 35

În cele din urmă, am adăugat un gradient radial subtil albastru, inversat și transparent, setat pe modul de amestecare multiplicat, pentru a adăuga o ușoară variație a culorii.



Concluzie

Sper că v-ați bucurat de tutorialul de astăzi Premium despre crearea acestei ilustrații conceptuale. Am avut o mulțime de distracție creând-o și m-am găsit mai interesat să încerc un stil de grafica kawaii ... poate că am putea vedea mai multe tutoriale despre asta la o dată ulterioară!