Crearea uneltei unui pantof sport cu panoul Aspect

În tutorialul de astăzi vă voi arăta cum am folosit panoul Aspect pentru a crea o versiune stilizată a fundului unui adidas. Este un exercițiu excelent pentru cei care se confruntă cu panoul Aspect.


Introducere

În cealaltă lună, am arătat cum să creați o ilustrație concepută pentru un sneaker. În procesul de creare a acestei ilustrații, verificam o varietate de imagini pe care am simțit că le-ar fi potrivit cel mai bine. În timp ce căutam pe "adidași" și "pantofi sport" am dat peste o imagine stoc a fundului unei perechi de adidași. Oricine altcineva perk sus și cred că "Panoul de aspect"?

În tutorialul de astăzi vă voi arăta cum am folosit panoul Aspect pentru a crea o versiune stilizată a fundului unui adidas. Este un exercițiu excelent pentru cei care se confruntă cu panoul Aspect. Deci, destul de vorbit, să începem ...


Pasul 1

Voi începe cu un nou document și fișier> Plasați imaginea stocului pe tabloul de artă. Am folosit Instrumentul de Transformare Liberă (E) pentru ao micsora pentru a se încadra în limitele Artboard.

Mi-am organizat straturile după cum se arată mai jos și au făcut dublu clic pe fiecare strat pentru a le redenumi în consecință. În dosarul "BG" există un dreptunghi de umplere alb (M) setat la opacitate de 50% (prin ascunderea și dezbrăcarea stratului care face să se diminueze rapid imaginea de referință). După cum puteți vedea, am trasat pe imagine pentru a afla care forme au modele și stiluri similare. Cele mai importante sunt în dreapta și la stânga imaginii (în purpuriu și cyan), cu unele stiluri similare în centru.


Pasul 2

Voi crea o forma pentru forma cea mai complexa pe talpa. Acesta este motivul pentru care îmi testez noul Stil grafic în zbor. Așa că am desenat forma spre călcâi și am folosit cât mai puține puncte cu Pen Tool (P). Am adăugat două puncte pentru fiecare colț curbat.


Pasul 3

Vom lucra astăzi în panoul Aspect. Deci, mergeți la panoul Window> Appearance dacă nu aveți această funcție activă sau Shift + F6. Veți observa din acest panou că veți putea să manipulați atributele Stroke și Fill. La fel ca în cazul panoului Layer, puteți ascunde și descoperi elementele folosind pictograma ochi din stânga.

Selectând o umplere sau un accident vascular cerebral, intrați în meniul derulant și puteți duplica elementul. Aceasta va duplica toate atributele și efectele aplicate la umplerea sau cursa. Din acest meniu, puteți adăuga și Adăugați o nouă umplere și adăugați un accident vascular cerebral nou. Este posibil să observați că puteți face acest lucru și din utilizarea primelor două butoane din stânga jos a panoului Aspect. Aceste trei comenzi vom folosi cel mai mult în acest tutorial.

Ceea ce vom începe cu două plăci și nici un accident vascular cerebral. Nodul inferior al grilor este C = 0, M = 0, Y = 0, K = 80 și roz este C = 0, M = 95, Y = 20, K = 0.


Pasul 4

Unul dintre Efectele mele preferate când folosești Calea Offset a panoului Aspect. Din aceasta puteți mări sau micșora limitele cursei sau mărimea umplerii. Dacă utilizați o valoare pozitivă, va crește dimensiunea și dacă utilizați o valoare negativă, aceasta va scădea. Prin urmare, evidențiați umplerea roz și mergeți la Efecte> Cale> Cale de decalare sau faceți clic pe butonul FX de-a lungul fundului panoului Aspect. Am de gând să micsorez umplerea roz, așa că am de gând să introduceți valoarea "-15pt" și apoi faceți clic pe Ok.

Având în vedere acest lucru, voi adăuga următoarele New Fills pentru a crea un efect de bandă în jurul formei:

  • C = 0, M = 95, Y = 20, K = 0 Deplasare la -20pt
  • C = 0, M = 0, Y = 0, K = 95 Deplasare la -17pt
  • C = 0, M = 0, Y = 0, K = 90 Deplasare la -13pt
  • C = 0, M = 0, Y = 0, K = 80 Deplasare la -3pt
  • C = 0, M = 0, Y = 0, K = 95 Umplerea originală fără Cale de decalare aplicată

Între căile de decolare -3pt și -13pt va fi cea mai groasă bandă. Acest lucru se datorează saltului valorilor.


Pasul 5

Deci, am jucat cu umpluturi compensatoare, acum pentru a încerca cu un accident vascular cerebral. Mă duc la Offset Path un accident vascular cerebral la -8,5pt. Am folosit o culoare strălucitoare și am bifat Previzualizare pentru a-mi arăta unde va fi accidentul. Am vrut-o în mijlocul celei mai groase trupuri pe care am creat-o cu traiectoria Offset.


Pasul 6

Am de gând să folosesc o pensulă de artă care este creată prin utilizarea amestecurilor de-a lungul cursei Offset de 8,5pt. Poți să faci de la verificarea tutorialului meu de meduze. I-am dat o culoare mediană gri (C = 0, M = 0, Y = 0, K = 50) și o greutate a cursei de 0,75pt.

Este posibil să observați că unele colțuri, peria de amestec nu s-au conectat perfect. Am modificat colțurile modificând barele de mâner pe punctele de colț folosind Instrumentul de selecție directă (A).


Pasul 7

Am mutat cursa perie de amestec pe partea superioară a celei mai groase banda și apoi am adăugat un Stroke 2pt peste toate umplerile cu o culoare a cursei C = 0, M = 0, Y = 0, K = 95. O cursă implicită va avea centrul de lățime aliniat de-a lungul cursei. Astfel, jumătate din lățime va fi aliniată în afara și jumătate din lățime va fi în interiorul aliniat la cursa. Acest lucru înseamnă cu o greutate de 2 ori grefa, forma noastră a crescut cu 1pt.


Pasul 8

Vreau să adaug textura la cea mai groasă bandă. Dacă sunteți ca mine, puteți obține confuzie la care dintre elementele din panoul Aspect doriți să adăugați. Deci, mai întâi pentru scopuri de testare modific modificările din panoul Aspect pentru a afla care umplere este cea mai groasă cu o culoare contrastantă. Deci, în acest caz, o umplutură galben strălucitoare!

Acum, că sunt mulțumit că am găsit potrivirea potrivită, mă duc la duplicarea elementului și apoi îmi aplic textura. Acest lucru poate fi găsit prin accesarea meniului derulant al panoului Swatch, apoi Open Swatch Library> Patterns> Graphics Basic> Basic Graphics_Textures și am selectat "USGS 7 Vineyard". Am setat apoi acest lucru la modul de amestecare multiplicat și opacitate 50%.

Apoi am returnat culoarea galbenă la culoarea originală de umplere și apoi am setat să amestec cursa perie cu ecranul Mode Blending, Opacity 60%.


Pasul 9

Voi aplica un alt model pentru asta. Deci, evidențiați umplerea roz și du-te la Duplicate Item. Accesați Biblioteca Open Swatch> Modele> Decorative> Decorative_Geometrice 2> Stele 3D Culoare. Am schimbat Modul de amestecare la Multiplicare și Opacitate la 50%.


Pasul 10

Vreau să creez un efect 3D subtil asupra zonei roz modelate. Deci, am de gând să copiez postul și să schimb patul de compensare la -23pt.

Apoi am aplicat un gradient liniar linear cyan la cyan la un unghi de 135, setat la Color Dodge Color Mode, Opacitate 60% pentru a da acea strălucire subtilă, după cum se arată mai jos.

Am duplicat apoi umplerea plumbei Offset Path -3pt și am aplicat un gradient linear transparent închis la modul de amestecare Multiplicare, Opacitate 100%. Acest lucru va da o umbra usoara.


Pasul 11

Vreau să înmoaie marginile stralucirii, așa că am să adaug o cursă Offset-23pt (nu umple) în jurul strălucirii. Ea va avea o culoare galbenă a stroke, greutate de greutate 0.5pt și setată la Blending Overlay and Opacity 50%.


Pasul 12

Pentru a salva stilul pe care l-ați creat, intrați în panoul Stiluri grafice și faceți clic pe Stilul grafic nou. Faceți dublu clic pe pictograma din panoul Stiluri grafice pentru a o redenumi pe "Shoe Sole 1" și faceți clic pe Ok. Apoi, cu instrumentul Pen (P) trageți restul formelor pentru talpa încălțămintei și apoi selectați All (Ctrl + A) și apoi faceți clic pe pictograma pentru "Shoe Sole 1" pentru a aplica stilurile grafice.


Pasul 13

Am grupat acum (Ctrl + G) primul nostru set de forme și le-am blocat astfel încât să nu le afectăm. Acum voi folosi Pen Tool (P) pentru a desena forma din partea dreaptă a tălpii și aplica stilul "Shoe Sole 1" Graphic Style.

Voi folosi primul stil grafic ca șablon pentru următorul nostru. Deci, mai întâi, profitați de funcția ascundere / dezlegare pentru a afla care atribute nu este nevoie în stil grafic "Sole 1". Apoi, selectați-le și ștergeți articolul selectat. Cu atributele rămase, am creat un nou stil grafic și l-am redenumit "Shoe Sole 2". Pot să folosesc acest lucru ca bază pentru următoarele două stiluri grafice.


Pasul 14

Pe imaginea de referință originală, există un model ondulat în formele din dreapta. Am de gând să creez un model destul de similar cu acesta pentru a adăuga panoului nostru Aspect. Mai întâi trageți o linie verticală utilizând Instrumentul pentru segmentul de linie (\). Apoi mergeți la Efecte> Transformare & Distort> Zig-Zag și utilizați setările de mai jos.


Pasul 15

În timp ce valul dvs. este selectat, mergeți la Object> Expand și se va extinde efectul Zig Zag la o singură linie de fluturare. Apoi, în panoul Aspect veți dori să-i dați o cursa de culoare gri deschis de 5pt (C = 0, M = 0, Y = 0, K = 40) M = 0, Y = 0, K = 90).

Apoi utilizați aceleași atribute cu Instrumentul pentru segmentul de linie (\) și trageți curse în spatele valului. Obiectivul pentru centrul fiecărui vârf al valurilor și a jgheabului, dacă ați activat ghidurile inteligente (Shift + U), va fi mai ușor. Apoi trageți o linie între linii de vârf și jgheab.


Pasul 16

Am adăugat linii în partea de sus și în partea de jos a modelului de undă și apoi am pus un dreptunghi (M) în spatele liniilor cu aceeași umplere gri închisă (C = 0, M = 0, Y = 0, K = 90 ). Folosiți din nou ghidajele inteligente (Shift + U) pentru a vă ajuta să faceți acest lucru. Veți observa că liniile pe care le-ați creat în partea de sus și de jos a modelului vor suprapune dreptunghiul (M). Din nou, acest lucru se datorează faptului că loviturile sunt aliniate de-a lungul centrului traseului, deci jumătate din greutatea cursei va fi pe ambele părți ale liniei.

O să se suprapună marginile din nou, de data aceasta cu instrumentul Ellipse (L) pentru a crea cercuri în fiecare coadă.


Pasul 17

Duplicați dreptunghiul și apoi grupați toate elementele pentru modelul dvs. (Ctrl + G), lăsând dreptunghiul dvs. duplicat deasupra grupului. Utilizați această opțiune pentru a crea o mască de tăiere (Ctrl + 7).

Duplicați grupul Mască de tăiere și aliniați-le vertical, după cum se arată mai jos. Grupează-le împreună (Ctrl + G), apoi trageți-le și plasați-le în panoul Swatch pentru a crea un model.


Pasul 18

Am selectat umplutura cu gradientul linear transparent si apoi Duplicat Item. Apoi am folosit modelul val / linie ca umplutură și am setat-o ​​în modul de amestecare Screen, Opacity 50%.


Pasul 19

Simt că modelul este prea mare, așa că am selectat toate formele pentru dreptul tălpii (Ctrl + A) și apoi am subliniat umplutura cu modelul din panoul Aspect. Apoi, mergeți la Object> Transform> Scale și asigurați-vă că singura casetă care este bifată este "Modele". Aceasta va scala apoi numai modelul și, în acest caz, reducerea modelului la 75% din scala sa originală. Apoi faceți clic pe OK.

Mergeți în panoul Stiluri grafice și faceți din atributele din panoul Aspect un nou stil grafic și îl redenumiți "Unitatea de încălțăminte 3".


Pasul 20

Deși sunt mulțumit de stilul grafic actual, vreau să rotesc modelul ușor pentru fiecare dintre aceste forme. Deci, din nou, cu modelul de umplere selectat pentru una dintre forme, mergeți la Object> Transform> Rotate. Asigurați-vă că este bifată doar caseta "Pattern", introduceți valoarea dvs. și faceți clic pe Ok.

Am făcut acest lucru pentru fiecare dintre forme, individual, cu valorile de mai jos. După ce ați terminat, am grupat toate formele (Ctrl + G) și le-am blocat.


Pasul 21

Am desenat o nouă formă, sub cele două grupuri și am aplicat stilul grafic "Sole 2". Am duplicat apoi umplerea căii de decolare -3pt și am schimbat valoarea la -5pt. Am schimbat apoi umplutura la un gri mai deschis (C = 0, M = 0, Y = 0, K = 60). Apoi mergeți la Efecte> Stylise> Scribble și aplicați setările de mai jos. După ce ați terminat, schimbați Modul de amestecare pentru a multiplica.

Am folosit exact aceleași atribute pentru a crea o formă pentru toe și o Elipsă (L) pe podul tălpii, totuși am ascuns elementul Opacity pentru umplerea efectului Scribble. Dacă ascundeți elementul Opacitate în panoul Aspect, acesta revine la umplerea sau cursa individuală în Mod de amestecare Normal, Opacitate 100%. După ce ați terminat, adăugați stilul nou grafic și îl redenumiți "Sole 4".


Pasul 22

Utilizați instrumentul Pen (P) pentru a desena o formă pentru piciorul de ansamblu și pentru a aplica stilul "Shoe Sole 2" Style Graphic.

După cum am procedat anterior, am modificat atributele. De jos în sus:

  • Înlocuirea inițială, m-am schimbat la un mediu mediu (C = 0, M = 0, Y = 0, K = 50).
  • Calea de decalaj -3pt Am schimbat valoarea la -2pt și apoi am schimbat culoarea de umplere într-o culoare albă (C = 0, M = 0, Y = 0, K = 5).
  • Umplerea cu "USGS 7 Vineyard", am schimbat valoarea Offset Path la -5pt și apoi Modul de amestecare pentru Multiplicare și Opacitate 5%.
  • Încărcarea de vârf a fost acum modificată de la un gradient liniar la un gradient radial cu o traiectorie Offset de -3pt. De asemenea, este setat la Multiplicare modul de amestecare, Opacitate 50%. Utilizați instrumentul Gradient (G) pentru a modifica dimensiunile gradientului.

După ce ați terminat, adăugați stilul nou grafic și redenumiți-l "White sole".


Pasul 23

Am folosit stilul grafic "White Sole" pentru a adăuga forme suplimentare extrase cu instrumentul Pen pe călcâi și arc de picior. Totuși, am intrat în panoul Aspect și am modificat umplutura cu gradient cu instrumentul Gradient (G) după cum se arată mai jos.


Pasul 24

Acum, avem talpa de bază de bază, grupați-vă toate formele (Ctrl + G). Duplicați apoi grupul și mutați-l spre dreapta. Utilizați panoul Align (Aliniere) pentru a alinia vertical vertical (Top Align Top).

Deoarece nu avem două picioare stângi, în ciuda faptului că partenerul meu mă va determina să cred, selectați grupul din partea dreaptă și accesați Object> Transform> Reflect și reflectați pe axa verticală. Faceți clic pe Ok.


Pasul 25

După cum ați reflectat pantoful, acesta reflectă și direcția accentuării și a gradientilor de umbrire. Verificați direcția indicată de culoarea roz, după cum se arată mai jos.

Veți avea nevoie să intrați în fiecare dintre grupuri pentru a schimba direcția pantelor, fie folosind "Gradientul invers" în panoul Gradient ...

Sau prin schimbarea valorii unghiului gradientului.


Concluzie

Am terminat ilustrația unică a pantofului, oferindu-i un fundal cu stilul grafic "White Sole" și ștergând umplutura care conține gradientul. Îl aduce împreună, nu credeți?

Sper că v-ați bucurat de tutorialul sportiv de astăzi și ați aflat cât de precisă și rapidă poate fi folosită panoul Aspect. Știu că odată am învățat cum să o folosesc, cu siguranță mi-a simplificat fluxul de lucru!