Proiectați un controler Vintage în stil Nintendo și cartuș

Vintage se întâlnește modern cu acest tutorial video unic. Acest tutorial este perfect pentru începutul artistului Illustrator care dorește să-și ia aptitudinile până la nivelul următor. Începeți jocul și începeți acum!

Imagine finală a imaginii

Mai jos este proiectul final la care vom lucra. 

Pasul 1

Începeți cu ajutorul instrumentului rotunjit dreptunghi. Faceți un dreptunghi care arată similar cu acesta.

SFAT: Puteți regla raza colțurilor ținând apăsată săgeata sus sau jos în timp ce desenați forma.

Pasul 2

În interiorul dreptunghiului se trasează trei forme mai mici.

Pasul 3

Folosiți Pathfinder pentru a tăia marginea dreptunghiului, astfel încât numai cele două colțuri de sus au muchii rotunjite. Împingeți formele unul peste celălalt și faceți clic pe opțiunea Extragere din zona de fasonare urmată de Extindere, după cum se arată mai jos.

Pasul 4

Plasați forma în partea de jos, apoi duplicați-o și plasați o versiune rotativă a formei din partea de sus.

Pasul 5

Continuați să utilizați forme simple pentru a compune porțiunile principale ale controlerului. Pentru a face planșa de direcționare, plasați două dreptunghiuri unul peste celălalt și îmbinați-le folosind Pathfinder.

Pasul 6

În funcție de tipul de formă cu care lucrați, realizarea unei versiuni mai mici sau mai mari a formei poate să nu fie la fel de simplă precum reducerea dimensiunii. Acesta este cazul cu dpad de mai jos. Dacă ar trebui să copiați, să lipiți și să îl scalați mai mic, nu ar exista o cantitate egală de spațiu între fiecare parte. Folosind următoarea tehnică este ușor să creați o versiune puțin mai mică a unei forme complexe.

Selectați obiectul și mergeți la Object> Path> Cale de decalare ... Introduceți valoarea Offset pe care doriți să o doriți și apăsați OK.

Pasul 7

Dați compensare dreptunghiului, în jurul celor două butoane de mijloc și cercurile din dreapta.

Pasul 8

Dați dreptunghiul principal care formează controlerul și un offset.

Pasul 9

Detaliile mici parcurg un drum lung. Cu ajutorul unui gradient roșu-alb, umpleți cercurile așa cum se arată. Observați că gradientul meu are trei puncte: alb, roșu și roșu închis. Culoarea roșie mai închisă este un detaliu minor care ajută la acordarea butonului cu o gamă mai dinamică. La prima vedere este posibil să nu fie vizibilă, dar face diferența.

Pasul 10

Dați fundalului controlerului un gradient de la gri până la negru. Asigurați-vă că utilizați un negru bogat și nu un negru în nuanțe de gri. Negru bogat este culoarea neagră care este compusă din valorile "R," G, "și" B. Pentru ao face cu un pas mai departe, utilizați o valoare zero pentru "R", "G" și "B".

Notă: Dacă această ilustrație urma să fie tipărită la o unitate de tipărire, ați folosi un model CMYK. Negru bogat pentru modelul respectiv ar fi C = 40, M = 30, Y = 20 și K = 100. Diagrama de mai jos prezintă un model bogat de culoare neagră pentru o lucrare de artă RGB.

Pasul 11

Faceți săgețile care merg pe dpad folosind forme simple. Utilizați instrumentul Star pentru a face triunghiul.

SFAT: Ajustați numărul de puncte de pe instrumentul Star prin apăsarea săgeții sus sau jos în timp ce desenați steaua.

Pasul 12

Aliniați-vă forma verticală și faceți clic pe Adăugați în zona de formare, după cum este indicat mai jos, apoi faceți clic pe Extindere.

Pasul 13

Plasați săgețile peste dada. Utilizați paleta Align pentru a vă asigura că totul este perfect aliniat.

Pasul 14

Dați cel mai interior dreptunghi și două butoane o strălucire interioară, mergând la Efect> Stylize> Glow Inner ...

Asigurați-vă că culoarea de umplere a celor două butoane este suficient de ușoară, astfel încât strălucirea interioară să fie vizibilă. De asemenea, asigurați-vă că selectați Multiplicare pentru mod.

Pasul 15

Faceți același lucru pentru cel mai interior cerc de pe celelalte butoane.

Pasul 16

Și din nou pe săgeți, modificați Opacitatea și Blur pentru a se potrivi fiecărui element pe care îl adăugați unei strălucire interioară.

Pasul 17

Pentru a crea rapid evidențiază marginea săgeților, selectați mai întâi cele patru săgeți și îmbinați-le în Pathfinder utilizând opțiunea Add to Shape Area. După aceea, duplicați săgețile și aliniați-le, după cum se arată mai jos. Selectați ambele seturi de săgeți și din nou faceți clic pe Scădere din zona de formare urmată de Extindere.

Pasul 18

Pentru a adăuga la realismul general al controlorului, vom adăuga o reflecție la dpad. Desenați un dreptunghi și rotiți ușor. Plasați dreptunghiul peste dada, selectați ambele forme și faceți clic pe Împărțire în Pathfinder. Accesați Object> Ungroup. Ștergeți formele rămase din exteriorul dpad-ului.

Pasul 19

Dați ambele jumătăți ale dpad-ului un gradient subtil. Amintiți-vă să utilizați un negru bogat în loc de un negru în tonuri de gri.

Pasul 20

Adăugați un text de alegere. Pentru a da un gradient textului, va trebui mai întâi să selectați textul și să mergeți la Tip> Creare contururi. Acum, completați textul cu un gradient de alegere.

Pasul 21

Creați evidențiarea peste butoane în același mod pe care l-am făcut pentru evidențierea săgeților dpad. Începeți prin suprapunerea cu două cercuri.

Pasul 22

Așezați evidențiarea peste butoane și reglați opacitatea la aproximativ 50%.

Pasul 23

Pentru a face o intensificare accentuată în partea de jos a butonului, vom începe prin desenarea unei Elipse utilizând instrumentul Ellipse (L.)

Pasul 24

Mergeți la Object> Distort plicuri> Make with Warp ... Selectați Arc din meniul Style și introduceți o valoare negativă pentru Bend. Faceți clic pe OK.

Pasul 25

Utilizați instrumentul de selectare directă (A) pentru a regla fin mânerele și punctele formei.

Pasul 26

Putem crea o umbră realistă pentru obiecte prin estomparea unei forme asemănătoare cu obiectul pentru care ne-ar plăcea să creăm o umbră. Faceți o umbră pentru cele două butoane din mijloc prin estomparea unui dreptunghi rotunjit, mergând la Efect> Blur> Gaussian Blur.

SFAT: Asigurați-vă că opera dvs. de artă este la scara pe care doriți să o faceți înainte de a aplica orice efecte de estompare, deoarece efectele de estompare nu scară, indiferent de opțiunile pe care le selectați în Preferințele Illustratorului.

Pasul 27

Plasați umbra în spatele butoanelor, setați modul la Înmulțire și reglați Opacitatea la aproximativ 50% (în Paleta de transparență).

Pasul 28

Creați evidențierea și luminile pentru partea superioară și inferioară a controlerului utilizând forma de bază a controlerului ca punct de pornire.

Alegeți două forme peste celălalt și în paleta Pathfinder selectați Excludeți suprafețele de formă suprapuse, urmate de Extindere. Dacă trebuie să rupeți forma după aceea, selectați Divide apoi mergeți la Object> Ungroup.

Pasul 29

Așezați evidențiarea în partea de sus și lumina minimă din partea inferioară. Dați fiecărei forme un gradient slab.

Pasul 30

Pentru a crea impresia unei zone încastrate, dați forma subliniată mai jos un gradient ușor care este mai întunecat pe partea de sus.

Pasul 31

Pentru a face ca cartușul de jocuri video să utilizeze dreptunghiuri care au fost îmbinate împreună ca punct de plecare.

Pasul 32

Utilizați dreptunghiul colț rotunjit ca în pașii anteriori pentru a crea zone mai detaliate.

Pasul 33

Pentru a crea cu ușurință un model de mai multe dreptunghiuri, trageți doar două dreptunghiuri și plasați-le distanța dorită.

Pasul 34

Selectați ambele dreptunghiuri și accesați Object> Blend> Blend Options ... Selectați Pași specificați și introduceți un număr de aproximativ 20. Faceți clic pe OK.

Pasul 35

Mergeți la Object> Blend> Make și rezultatul va produce ceva similar cu imaginea de mai jos. Pentru a continua să editați formele, va trebui să mergeți la Object> Expand.

Pasul 36

Dați cartușului un gradient radial.

Pasul 37

Eticheta va avea nevoie și de un gradient simplu de la gri la alb.

Pasul 38

Dați triunghiul o strălucire interioară prin a merge la Efect> Stylize> Glow Inner ...

Pasul 39

Adăugați un curs curbat (subțire) la triunghi utilizând paleta Stroke.

Pasul 40

Selectați modelul dreptunghiurilor și aplicați și ele un gradient ușor.

Pasul 41

Dați impresia de adâncime duplicând modelul dreptunghiului și umplând-o cu o culoare gri mai închisă. Deoarece nu mergem pentru un negru intens, nu trebuie să vă faceți griji cu privire la folosirea unui bogat negru.

Pasul 42

Selectați dreptunghiul care se află în apropierea marginii superioare a cartușului și dați-i o opacitate de aproximativ 85%.

Pasul 43

Adăugați mici luminozități la marginea cartușului dând dreptunghiul un gradient slab.

Pasul 44

De asemenea, dati lateral lateral un gradient.

Pasul 45

Crearea penei este mai ușor decât crezi. Utilizați instrumentul Pencil (N) și desenați o formă de pene organice așa cum se arată.

Pasul 46

Desenați zonele care au tăiat în pene folosind și creionul Creion. Ar putea fi mai ușor să desenezi câteva dintre aceste forme la un moment dat, în loc de toate simultan.

Pasul 47

Utilizați opțiunea Subtracție din zona Formă pentru a elimina formele din partea principală a penei.

Pasul 48

Utilizați instrumentul Pen (P) pentru a desena partea din mijloc a penei și a da penei un gradient roșu strălucitor.

Pasul 49

Este practic imposibil să dați impresia penei ca pe o ilustrație pe eticheta cartușului utilizând următoarea tehnică. Copiați eticheta cartușului și scoateți atât cursa, cât și umplerea. Asigurați-vă că această formă se află în fața penei, selectați atât forma penei, cât și forma cartușului și accesați Object> Mask Clipping> Make. Acum, totul din afara zonei cartușului va fi mascat!

Pasul 50

Creați fundalul utilizând Instrumentul rotunjit dreptunghi. Umpleți-l cu un gradient intens intens.

Pasul 51

Selectați principalele forme care cuprind controlerul și cartușul. Mergeți la Efect> Stylize> Oglindă exterioară ... Asigurați-vă că setați modul la ecran, astfel că strălucirea exterioară este vizibilă.

Pasul 52

Creați o umbră atât pentru controler cât și pentru cartuș prin estomparea unui dreptunghi al cărui umplere este un gradient cu alb pe ambele margini. În Paleta de transparență, setați modul la Multiplicare și ajustați Opacitatea la aproximativ 90%.

Pasul 53

Finalizați ilustrația smulgând un dreptunghi și plasându-l în spatele controlerului. Acest lucru va da iluzia controlerului care plutește în fața cartușului.

Imagine finală a imaginii

Iată ilustrația finală! Deoarece suprafețele și stilul general al controlerului și cartușului sunt plane și pătrate, acest stil de ilustrare vectorială funcționează perfect. Sunteți gata să vă intensificați jocul dvs. vectorial?