Creați un mouse fără fir și un pad cu texturi vectoriale utilizând Adobe Illustrator

În tutorialul de astăzi, vom învăța cum să creați un mouse fără fir și mouse pad folosind forme de bază, perii și gradienți în Adobe Illustrator. Veți învăța cum să creați o varietate de perii Blend Art, precum și efectul de textură ciudat. Deci sa începem!


Pasul 1

Pentru a începe, va trebui să creați schița principală a geometriei mouse-ului, care este prezentată în diagrama de mai jos. Vom crea acest plan inițial pentru a lucra de acolo, putem adăuga evidențieri și umbre pentru a face să pară mai puțin plat. Dacă știți cum să obțineți contururile principale ale obiectului și ale elementelor sale, mergeți la pasul 8. Dacă nu, citiți cu atenție pașii următori.


Pasul 2

Folosind instrumentul Ellipse (L), schimbați culoarea Stroke la nulă și culoarea Fill to orange și ilustrați calea care va reprezenta forma mouse-ului.

Cu instrumentul de rotire (R), rotiți elipsa la aproximativ 45 de grade.

Cu ajutorul Instrumentului de selectare directă (A), schimbați mânerele ancorelor pentru a forma următoarea vedere.


Pasul 3

Folosind instrumentul Pen (P), trageți un plan pentru degetul mare, după cum se arată mai jos, în gri.

Selectați calea portocalie, Copiere și Lipire în față (Comandă + C, apoi Comandă + F).

Selectați forma dublă de portocaliu și gri, apoi mergeți la panoul Pathfinder și faceți clic acolo pe butonul Intersect. Alternativ, utilizați Instrumentul Builder Shape (Shift + M) în acest scop dacă utilizați versiunea CS5 sau CS6.


Pasul 4

Calea albastră este creată în același mod.


Pasul 5

Faceți o cale violetă prezentată mai jos pe traseul albastru, utilizând Instrumentul Pen (P).

Această parte va reprezenta două butoane pentru mouse. Desenați o linie care împarte forma folosind instrumentul Pen (P).

Ar trebui să existe o ușoară indentare în centrul liniei pentru a permite plasarea butonului roții de defilare.


Pasul 6

După aceasta, selectați atât: această linie, cât și calea violetă și faceți clic pe butonul Împărțire din panoul Pathfinder.

Apoi mergeți la Object> Ungroup și schimbați culoarea de umplere a oricărui buton al mouse-ului.


Pasul 7

Creați cavitatea roții prezentată în formă brună ...

... și roata în sine arătată cu o formă galbenă.

Desenați un buton negru în partea inferioară a butoanelor mouse-ului și schița principală a geometriei va fi completă.


Pasul 8

Selectați calea portocalie, Copiere și Lipire în față (Comandă + C, apoi Comandă + F). Denumiți copia "Calea principală", faceți-o invizibilă și Blocați-o în panoul Straturi.

Apoi selectați din nou calea portocalie, mergeți la Object> Create Gradient Mesh și setați valorile pe care le puteți vedea în caseta de dialog afișată mai jos.

Cu instrumentul Mesh (U) sau Instrumentul de selecție directă (A) și modificați culorile nodurilor vizibile ale ochiului de plasă în conformitate cu principiul distribuției luminii.


Pasul 9

Să suprapunem o textură pe suprafața mouse-ului prezentată cu ochiuri.

Știți cum să realizați acest lucru? Mai întâi, trageți două linii înclinate albe, așa cum se arată în imaginea de mai jos, cu ajutorul Instrumentului de segmentare a liniei (\).

Mergeți la Efect> Distort & Transform> Modificați și setați valorile afișate în caseta de dialog deschisă.


Pasul 10

Mergeți la Object> Blend> Blend Options, setați Pașii la Pași specificați și numărul pașilor până la aproximativ 80.

Mergeți la Object> Blend> Make (Command + Alt + B).

Reduceți opacitatea amestecului.

Și schimbați Greutatea Accidentală a căilor incluse în Blend.


Pasul 11

După aceasta, selectați "Calea principală", copiați și lipiți în față (Command + C, apoi Command + F).

Selectați amestecul și mergeți la Object> Mască de tăiere> Make (Command + 7).


Pasul 12

Cantonul degetului mare al mouse-ului se va face într-un mod similar, folosind o plasă de gradient.


Pasul 13

Folosind instrumentul Ellipse (L), trageți o cale orizontală eliptică. Umpleți-l cu alb și schimbați culoarea Stroke la null.

Cu instrumentul de selecție directă (A), selectați cel mai bun punct de ancorare drept ...

... și apăsați butonul Ștergere de pe tastatură.

Mergeți la Object> Path> Join (Command + J) pentru a închide calea deschisă.


Pasul 14

Selectați cele mai multe puncte de ancorare corecte cu Instrumentul de selecție directă (A) ...

... și convertiți-le pentru a netezi.

Cu punctele selectate, trageți-le spre dreapta pentru a crea o formă lungă, subțire.


Pasul 15

Mergeți la Object> Transform> Scale, setați valorile afișate în caseta de dialog și faceți clic pe butonul Copy (Copiere).

Deplasați copia căii spre stânga așa cum se vede în diagrama de mai jos.


Pasul 16

Schimbați opacitatea celei mai mari căi la 0%.

Apoi creați o combinație de pe ambele căi în formă de lacrimă.


Pasul 17

Trageți și lăsați apoi acest amestec în panoul Perii și alegeți opțiunea Perie Art în caseta de dialog deschisă.

Denumiți peria ca "Perie albă" și faceți clic pe OK.


Pasul 18

Cu o metodă similară, creați o altă perie Art din Blends și Ellipses (L).

Cu toate acestea, schimbați metoda de colorare în Hue Shift pentru a gestiona mai eficient culoarea pensulei.


Pasul 19

Creați un spot ușor pe mouse trasând o linie cu instrumentul Pen (P) și apoi aplicând "peria albă".

Schimbați greutatea cursei traseului.


Pasul 20

Umpleți calea albastră cu un gradient radial alb-gri. Utilizați instrumentul Gradient (G) pentru a muta sursa gradientului.

Copiați această cale și inserați-o în față (Command + C apoi Command + F), schimbați umplutura de gradient într-o linie liniară unghiulară.

Schimbați Modul de amestecare în Color Burn în panoul Transparență.


Pasul 21

Punctul de lumină creat anterior ar trebui să fie continuat pe partea gri a mouse-ului pentru a satisface principiul distribuției luminii.

Deci, selectați calea gri, copiați-o și lipiți-o în față (Command + C apoi Command + F), luați Tool Scissors (C).

Aplicați "Peria neagră" la ea, schimbați culoarea Stroke în alb și schimbați opacitatea căii.

Și recolta aceasta cu masca de tăiere corespunzătoare (Command + 7).


Pasul 22

Ambele butoane ale mouse-ului (cele purpuriu și violet) sunt umplute cu gradienți liniari înclinate așa cum se arată în imaginile următoare.

Cavitatea brună pentru roată este de asemenea umplută cu un gradient liniar înclinat.


Pasul 23

Să vedem la imaginea scalată. Ceva nu e bine aici. Știi ce?

Da ai dreptate! Butoanele sunt îmbinate între ele și cu alte căi ale mouse-ului. Pentru a rezolva această problemă, trebuie să aplicați "Peria neagră" la marginile butoanelor. Schimbați apoi opacitățile, culorile Stroke și greutățile de greutate ale căilor spre care se va aplica "peria neagră". Vedeți imaginea de mai jos pentru referință.

Dar dacă nu, copiați butonul din stânga al mouse-ului și lipiți-l în Front (Command + C, apoi Command + F). Schimbați atât culoarea de umplere, cât și culoarea Stroke la None, luați Tool Scissors (C) și faceți clic pe punctul de ancorare indicat.

Aplicați "Peria neagră" cu culoarea neagră Stroke.

Schimbați greutatea cursei și opacitatea căii, pentru a obține următorul rezultat.

Aplicați "Peria neagră" cu culoarea albă Stroke pe calea analogică pe butonul din dreapta. Schimbați Greutatea Accidentului și Opacitatea acestuia în același mod.

După ce toate căile sunt terminate ...

... săturați toate acestea cu o mască de tăiere corespunzătoare. Vedeți imaginea de mai jos.


Pasul 24

Calea galbenă a roții trebuie umplută cu un gradient radial alb-negru.

Apoi, ar trebui să fie Copiate și lipite în față (Command + C apoi Command + F), și umplut cu un gradient liniar.

Setați Modul de amestecare a copiei pentru Ecran prin intermediul panoului Transparență.


Pasul 25

Umbra moale de pe roată este ilustrată cu ajutorul "Periei negre".

Desenați o pată ușoară pe roată și o decupați cu o Clipping Path (Command + 7), iar roata mouse-ului va fi finalizată.


Pasul 26

Micul buton al mouse-ului este colorat în același mod. Aplicați tehnicile pe care le-ați învățat mai devreme în tutorial aici și faceți-o singură. Utilizați imaginile de mai jos pentru referință.


Pasul 27

Plasați mouse-ul pe tampon. Utilizând instrumentul Pen (P), desenați calea indicată și umpleți-o cu un gradient liniar înclinat.

Tamponul nu este o figură 2D, ci una 3D, deși grosimea ei este mică. Deci, copiați tamponul și introduceți-l înapoi (Command + C apoi Command + B), mutați-l ușor în jos și umpleți copia cu un gradient liniar așa cum se arată în diagrama de mai jos.


Pasul 28

Cu instrumentul pentru segmentul de linie (\) trageți o înclinare gri, după cum se arată mai jos.

Trageți-o și plasați-o în panoul Perii și alegeți opțiunea Scruter Brush din caseta de dialog deschisă.

Alegeți valorile afișate pentru opțiunile din caseta de dialog și apoi faceți clic pe OK.


Pasul 29

Utilizând instrumentul Paintbrush (B) și în timp ce această perie Scatter este selectată în paleta Perii, trageți calea indicată mai jos.


Pasul 30

Accesați Object> Expand Appearance, ...

... ștergeți căile inutile și schimbați Modul de amestecare la Suprapunere în panoul Transparență pentru căile rămase.

Decupați căile cu o mască de tăiere (Command + 7).


Pasul 31

Faceți dublu clic pe instrumentul Grid Rectangular din bara de instrumente și specificați opțiunile afișate în caseta de dialog. Modificați culoarea Accident vascular cerebral la gri și Greutatea înălțimii dacă este necesar în propria dvs. opera de artă.


Pasul 32

Cu instrumentul Lasso (Q), selectați punctele de ancorare de sus ale grilajului ...

... mergeți la Object> Transform> Scale pentru a reduce scara Non-uniformă pentru a crea o perspectivă.

Apoi, rotiți ușor grilă dacă este necesar în opera dvs. de artă utilizând Instrumentul de rotire (R).

Adăugați grila în grupul anterior creat de Mască de tăiere.


Pasul 33

Creați un amestec negru circular folosind instrumentul Ellipse (L). Cercul exterior va avea nevoie de opacitate 0% și opacitate interioară 100%. În Blend Options, definiți Spacing ca "Pași specificați" cu valoarea de 50. Faceți clic pe OK când ați terminat.

Reduceți intensitatea culorii schimbând Opacitatea căilor din amestec.

Creați o combinație similară, dar de data aceasta cu o umplere albă.


Pasul 34

Umbra de pe mouse este creată utilizând "Peria neagră".


Concluzie

Utilizați tehnicile pe care le-ați învățat aici în propriile lucrări de artă. Sper că te-ai bucurat de acest tutorial.