Creați un ilustrativ vectorial Sidekick LX

Acest tutorial vă va arăta cum să faceți o ilustrare vectorică a lui Sidekick LX. Acest tutorial folosește mai ales instrumentul Pen, forme de bază și gradienți simpli pentru a da o ilustrație realistă acestei ilustrații. În acest tutorial, veți învăța modalități rapide de a face ilustrații vectoriale stilizate.

Imagine finală a imaginii

Pentru a începe, să aruncăm o privire la imaginea pe care o vom crea. Imaginea finală este de mai jos.

Pasul 1

Acum mergeți la File (Fișier)> New (Nou) și asigurați-vă că ați ales Web pentru Profilul de documente. Apoi salvați fișierul și denumiți-l "Sidekick".

Pasul 2

După ce ați pregătit documentul, asigurați-vă că aveți panoul Swatches, panoul Straturi și panoul Instrumente deschise. Aceste trei panouri sunt cele mai importante panouri din acest tutorial.

Pasul 3

Lipiți JPEG-ul lui Sidekick LX. Asigurați-vă că această imagine este în strat propriu și că este blocată. Acest lucru este extrem de important, deoarece designul final va avea multe obiecte și acest lucru le va ajuta să le organizați.

Pasul 4

Primul pas în crearea telefonului real este crearea unei spate care va fi în cele din urmă sub ecranul flip. Pentru aceasta, puteți crea un dreptunghi sau utilizați instrumentul Pen.

Pasul 5

Înainte vom face contururile telefoanelor diferite. Am împărțit telefonul în trei părți, pe partea stângă, pe ecran și pe partea dreaptă. Urmăriți aceste trei părți cu ajutorul instrumentului Pen. Asigurați-vă că ați curbat majoritatea liniilor trăgând instrumentul Pen pentru a face o curbă netedă, deoarece orice linie dreaptă va părea ciudată și nefiresc.

Pasul 6

Acum vom adăuga gradientul pe cele două laturi. Va trebui doar să facem un declivitate o dată; putem apoi să copiem gradientul și să-l răsturnăm pentru cealaltă parte. Obiectivul pentru gradient nu este să afișeze o sursă de lumină și să creeze iluzia profunzimii.

Telefonul este un obiect în formă de obiect. Gradientul trebuie să conțină cel puțin trei culori. O culoare ar trebui să fie culoarea de bază, următorul ar trebui să fie o nuanță mai deschisă pentru evidențiere, iar a treia ar trebui să fie o nuanță mai închisă.

Pasul 7

Următorul pas este să creați ecranul flip al telefonului. Pentru aceasta puteți folosi pur și simplu instrumentul Rounded Rectangle. Faceți culoarea de umplere neagră, fără culoare. Apoi creați zona neagră în care va fi amplasat ecranul.

Pasul 8

Acum alegeți o culoare maro plictic pentru a face ecranul LCD. Utilizați instrumentul Rectangle și creați un dreptunghi care are o suprafață pară de negru pe partea de sus, jos și stânga. Ar trebui să existe mai mult spațiu pe partea dreaptă, aici este locul în care va apărea sigla mare.

Pasul 9

Acum duplicați dreptunghiul ecranului LCD și aplicați un gradient orizontal în acest sens. Odată ce gradientul a fost aplicat, setați unghiul la -40 °. Apoi, setați modul de transfer la suprapunere și Opacitatea la 60%.

Pasul 10

Creați un cerc mic folosind instrumentul Ellipse și aplicați un gradient orizontal înăuntru. Plasați-l sub ecranul LCD și centrați-l. Acesta este detectorul de lumină.

Pasul 11

Acum vom proiecta simbolurile care merg pe butoane. Pentru a face acest lucru, utilizați imaginea sidekick ca referință și recreați simbolurile. Pentru Meniul si Anulare simboluri am folosit instrumentul Rounded Rectangle. Pentru Acasă simbol Am folosit instrumentul Ellipse. Pentru Întoarcere simbol Am folosit instrumentul Pen.

Pasul 12

Adăugați un gradient cu culoarea maro deschisă și culorile maro de bază pe care le-am folosit mai devreme. Utilizați culoarea maro închis pentru cursa. Poziționați unghiul astfel încât sursa de lumină să se afle în partea din stânga sus a ecranului "Sidekick".

Pasul 13

Pentru a crea butonul pentru aceste simboluri, utilizați instrumentul Rounded Rectangle pentru a crea o formă pătrată simplă, cu aceeași lovitură de culoare brună închisă și umplutură de bază maro. Duplicați acest pătrat pentru a face un buton pentru toate cele patru simboluri și pentru a centra simbolurile pe pătrate. Grupează fiecare buton și simbol. Apoi poziționați butoanele pe baza imaginii de referință.

Pasul 14

Acum vom face butonul de difuzor de argint. Utilizați instrumentul Rounded Rectangle pentru a face două pătrate. Unul ar trebui să fie mai mare decât celălalt. Aplicați gradientul orizontal greu pe pătrat mic. Aplicați același gradient orizontal pe pătrat mai mare, dar schimbați unghiul la 90 °.

Pasul 15

Creați un cerc mic care are o umplutură gri închis și un accident vascular cerebral gri. Faceți patru coloane și patru rânduri din același cerc. Apoi, poziționați difuzorul în poziția corectă în legătură cu imaginea "Sidekick".

Pasul 16

Utilizați instrumentul Rounded Rectangle pentru a face Mic. Aplicați aceleași atribute pe care le aveau simbolurile acestui dreptunghi. Apoi poziționați Mic Alături de Anulare buton.

Pasul 17

Acum creați Terminare apel buton. Acest dreptunghi va avea un cerc tăiat în colțul din dreapta jos. Acesta va avea, de asemenea, o ciocnire ușoară deasupra liniei pentru a da un efect extrudat. Puteți utiliza instrumentul Pen pentru a desena această formă, după cum se arată mai jos. Folosește Sidekick imagine ca referință.

Pasul 18

Aplicați acum un gradient cu aceleași culori maro deschis și de culoare maro. Setați unghiul la 139 °.

Pasul 19

Duplicați Buton de terminare și o rotiți orizontal astfel încât să fie cu capul în jos.

Pasul 20

Utilizați instrumentul stilou pentru a urmări Vorbi și Sfârșit simboluri. Ambele nu ar trebui să aibă un accident vascular cerebral. Culoare Vorbi butonul # 00B384 și Sfârșit butonul # E46674. Poziționați ambele simboluri în colțurile butoanelor.

Pasul 21

Îl vom face Track Ball. Utilizați instrumentul Ellipse pentru a crea un cerc. Umplerea ar trebui să aibă o culoare cremă, iar cursa ar trebui să fie maro deschisă.

Pasul 22

Acum adăugați un gradient cercului. Gradientul poate fi de orice culoare; Am ales să păstrez un gradient crem.

Pasul 23

In jurul Track Ball, face un cerc mare cu umplutura de gradient. Gradientul ar trebui să fie culoarea maro deschisă utilizată anterior și o culoare maro închisă. Deplasați acest obiect în spatele Track Ball.

Pasul 24

Acum faceți un alt cerc și poziționați-l pe cercul făcut la pasul 23. Utilizați același gradient, dar schimbați-l de la liniar la radial, astfel încât cea mai ușoară maro pe exterior.

Pasul 25

Puteți vedea în imaginea de mai jos unde sunt plasate toate formele create. Felicitări, tocmai ați făcut un telefon cool utilizând instrumente de bază și gradienți simple în Adobe Illustrator. Acum puteți să vă întoarceți și să atingeți vectorul după gustul dvs.! Am finalizat acest design adăugând un branding și o reflecție, după cum se arată mai jos.