Sfat rapid Cum să creați un design de nod vectorial în jurul unei forme

În tutorialul următor vom analiza modul de creare a unui traseu vectorial în jurul unei forme, similar cu elementele nodului pe care le veți vedea în orice program vectorial. Vom lucra în Adobe Illustrator cu panoul Aspect și o pensulă de model pentru a crea acest design care face parte din Tuts + Workshop: Alphabet Design Challenge!


Pasul 1

Deschideți Adobe Illustrator și apăsați Command + N pentru a crea un document nou. Introduceți 600 în casetele de lățime și înălțime, apoi faceți clic pe butonul Advanced. Selectați RGB, Ecran (72ppi) și asigurați-vă că caseta "Align New Objects to Pixel Grid" este dezlegată înainte de apăsarea butonului OK.


Pasul 2

Cu ajutorul instrumentului tip (T), adăugați un simplu "V". Setați culoarea la R = 255 G = 222 B = 23, utilizați fontul "Script MT Bold" cu dimensiunea setată la 400pt, apoi mergeți la Type> Create Outlines (Shift + Control + O). Mergeți în panoul Straturi și Ungroup (Shift + Control + G) forma rezultată.


Pasul 3

Selectați forma realizată în etapa anterioară și faceți o copie în față (Control + C> Control + F). Selectați această copie și apucați Instrumentul de selecție directă (A). Țineți Shift, faceți clic pe punctul de ancorare evidențiat în a doua imagine, apoi apăsați tasta Ștergere de pe tastatură. În final, ar trebui să obțineți acel mic punct de ancorare din a treia imagine.


Pasul 4

Resetați punctul de ancorare din pasul anterior, focalizați pe panoul Aspect și adăugați un curs albe. Selectați-l, faceți-l la 3pt și mergeți la Efect> Conversia în formă> Dreptunghi. Introduceți datele afișate mai jos, faceți clic pe OK și reveniți la panoul Aspect.

Adăugați un al doilea curs pentru acest punct de ancorare utilizând butonul Adăugați un nou curs din partea de jos a panoului Aspect. Selectați-l, lățimea de 1pt, setați culoarea în negru și accesați Efect> Conversie în Formă> Dreptunghi. Introduceți datele afișate în imaginea de mai jos și faceți clic pe OK. Asigurați-vă că acest punct de ancorare este încă selectat și trageți-l pur și simplu în interiorul panoului Swatches. Acest lucru îl va salva ca model. Faceți dublu clic pe acest model nou și denumiți-l "Start & End Tile". O să avem nevoie mai târziu când vom crea o pensulă de model.


Pasul 5

Resetați forma galbenă și faceți o copie în față (Control + C> Control + F). Selectați această copie, apucați Instrumentul de selecție directă (A), țineți apăsată tasta Shift, faceți clic pe punctul de ancorare evidențiat în a doua imagine, apoi apăsați tasta Ștergere de pe tastatură. Din nou, ar trebui să ajungeți cu un punct de ancorare simplu. Apoi, trebuie să copiați proprietățile utilizate în pasul anterior și să le lipiți pe acest nou punct de ancorare. Puteți să o faceți cu ușurință utilizând pictograma țintă. Deplasați-vă la panoul Straturi, concentrați-vă în partea dreaptă și veți observa că fiecare formă are un cerc gri, care este o pictogramă țintă. Țineți apăsat Alt, dați clic pe pictograma țintă care reprezintă punctul de ancorare editat în pasul anterior și trageți pe pictograma țintă care reprezintă acest nou punct de ancorare.


Pasul 6

Continuați să vă concentrați asupra formei dvs. galbene și repetați tehnica menționată în pasul anterior pentru restul punctelor de ancorare.


Pasul 7

Folosind instrumentul Rectangle (M), faceți clic pe tabloul de bord. Introduceți 5 în caseta de lățime și 1 în caseta de înălțime, apoi faceți clic pe OK. Acest lucru ar trebui să creeze un dreptunghi de 5 x 1px. Selectați-l, umpleți-l cu negru, deschideți panoul Perii (Fereastră> Perii) și faceți clic pe butonul Perie nouă. Verificați butonul Pattern pentru perie și faceți clic pe OK. Alegeți un nume pentru peria dvs., apoi deplasați-vă în jos la casetele Tile. Selectați Start și End Tiles și adăugați modelul "Start & End Tile". Ar trebui să-l găsiți în lista dvs. sub cutiile de dale. În cele din urmă, faceți clic pe OK și ar trebui să găsiți noua dvs. perie de model în interiorul panoului Perii. După ce ați obținut această perie de model, puteți elimina dreptunghiul negru din panoul Straturi.


Pasul 8

Focalizați pe partea de jos a căii dvs. vectoriale galbene. Utilizând instrumentul Pen (P), adăugați câteva căi simple pentru punctele de ancorare de fund, așa cum se arată în prima imagine. Selectați toate cele trei căi și înlocuiți cursa neagră cu peria de model făcută în etapa anterioară. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine.


Pasul 9

Apoi, trebuie să editați punctele de ancorare pentru care ați adăugat căile modelate. Selectați unul dintre aceste puncte de ancorare și focalizați pe panoul Aspect. Mai întâi, ștergeți cursa albă. Apoi, selectați cursa neagră, creșteți dimensiunea acesteia la 3pt, apoi deschideți efectul dreptunghiului existent și editați-l după cum se arată în imaginea următoare. Mergeți în panoul Straturi și utilizați aceste pictograme țintă pentru a adăuga aceleași proprietăți pentru celelalte două puncte de ancorare.


Pasul 10

Resetați calea galbenă, focalizați pe panoul Aspect și adăugați o a doua umplere utilizând butonul Adăugare umplere nouă. Selectați această umplere nouă, modificați Modul de amestecare la Lumină moale, micșorați Opacitatea la 70%, adăugați gradientul liniar prezentat mai jos și treceți la Efect> Cale> Cale de decalare. Introduceți un decalaj de -3px și faceți clic pe OK. Continuați să vă concentrați pe panoul Aspect, adăugați un curs pentru această formă, faceți-l negru și lățimea de 1 pt. Zero galben din imaginea gradientului reprezintă procentajul de opacitate.


Pasul 11

Asigurați-vă că calea dvs. vectorie galbenă este încă selectată și că focalizați pe panoul Aspect. Selectați umplutura galbenă și treceți la Efect> Cale> Cale de decalare. Introduceți o compensare de 0,5px, faceți clic pe OK și mergeți la Efect> Distort & Transformare> Transformați. Introduceți datele afișate mai jos, faceți clic pe OK și reveniți la panoul Aspect. Adăugați un al doilea umplere pentru această formă, trageți-o în partea de jos a panoului Aspect și setați culoarea la R = 255 G = 242 B = 77. Resetați calea "V", asigurați-vă că nu este selectată nicio umplere sau cursa (în panoul Aspect) și mergeți la Efect> Stylize> Drop Shadow. Introduceți datele afișate în fereastra din stânga, faceți clic pe OK și accesați Efect> Stylize> Drop Shadow. Introduceți datele afișate în fereastra din dreapta și faceți clic pe OK.


Pasul 12

Accesați Edit> Preferences> General și setați Incrementul tastaturii la 0.25px. Cu ajutorul instrumentului Rectangle (M), creați un pătrat de 12px, umpleți-l cu R = 203 G = 203 B = 203 și duplicați-l (Control + C> Control + F). Selectați această copie și apăsați pe săgeata stânga și săgeata în sus o dată pentru a o deplasa cu 0,25px în sus și spre stânga. Resetați ambele pătrate, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front. Selectați calea rezultată, transformați-o într-un model și apoi scoateți-o din panoul Straturi.


Pasul 13

Cu instrumentul Rectangle (M), creați o formă cu dimensiunea tabloului de bord, umpleți-o cu R = 250 G = 250 B = 250 apoi trimiteți-o înapoi (Shift + Control +.


Pasul 14

Resetați dreptunghiul făcut în pasul anterior, focalizați pe panoul Aspect și adăugați un al doilea umplutură. Selectați-l, adăugați modelul făcut în pasul douăsprezecea și ați terminat.


Concluzie

Acum munca ta sa terminat. Iată cum ar trebui să arate. Sper să vă inspirați să participați la cel mai recent workshop Tuts +: Alphabet Design Challenge.