Share
Ce veți creaAflați cum să creați noul comutator Nintendo utilizând forme și instrumente de bază în Adobe Illustrator. Ne vom distra!
Găsiți mai multe inspirații pentru jocuri video pe GraphicRiver.
presa Control-N pentru a face o Document nou. Seteaza Unități la pixeli, și intră 800 x 600 pentru Lăţime și Înălţime a documentului. Apoi în Avansat opțiuni, selectați RGB, Ecran (72 ppi), și asigurați-vă că Debifați Aliniați obiectele noi la grila Pixel înainte de a da clic O.K.
Mergeți la Preferințe (Control-K) și introduceți 1 px pentru Creșterea tastaturii. presa O.K.
Puteți activa funcția Info panou (Fereastră> Info) pentru a avea o previzualizare a dimensiunii și poziției formelor dvs. Nu uitați să setați unitatea de măsurare la pixeli din Editați> Preferințe> Unități. Acest lucru va crește considerabil viteza muncii dvs..
Acum vom începe să creăm corpul și componentele de bază ale Nintendo.
Pentru corp, creați un 366 x 220 px dreptunghi cu Instrumentul dreptunghiular (M) si foloseste # 4D4D4D dupa cum Completati culoare. A stabilit Runda inversată colțuri cu 10 px Rază de la Transforma panou.
Adăugați comenzile utilizând două 77 x 220 px dreptunghiuri; utilizare # 4CC6E8 dupa cum Completati culoare pentru unul dintre ei și # E84C53 pentru celălalt. Apoi, în jurul colțurilor folosind Live Corners cu Instrumentul de selecție directă (A).
Vom lucra pe ecran pentru moment, așa că creați un 345 x 205 px dreptunghi (# 1A1A1A) și în jurul colțurilor sale ușor cu Instrumentul de selecție directă (A).
A face o Copie (Control-C urmat de Control-F) și aplicați a -1 px offset (Efect> Calea> Calea offset ... ). Schimba Completati culoarea la # 333333. Apoi desenați două mici dreptunghiuri rotunjite, utilizați Instrument rotunjit dreptunghi în partea de jos a ultimei copii și se aplică Minus Front folosind deschizător de drumuri panou.
Acum, adăugați a 300 x 175 px dreptunghi (# 1A1A1A). Apoi adăugați două dreptunghiuri (#FFFFFF) și Roti lor 45 ° folosind Rotiți instrumentul (R).
Seteaza Opacitate la 10% utilizând meniul din bara de sus. Cu Shape Builder Tool (Shift-M), tăiați formele rămase selectându-le împreună cu dreptunghiul interior rotunjit.
Acum, să tragem niște umbre și lumină pentru comenzi. Să începem cu bucuria de stânga con. Duplicat de două ori (Control-C> Control-F) și mutați ultima copie 5 px în sus utilizând tasta săgeată de pe tastatură.
aplica Minus Front folosind deschizător de drumuri și selectați copia anterioară. Modificați culoarea formularului rămas la # 2CB8DE.
Duplicat bucuria stânga-con de două ori din nou (Control-C> Control-F), și de această dată mutați ultima copie 5 px în jos.
aplica Minus Front cu copia precedentă utilizând deschizător de drumuri panou și modificați Completati culoarea la # 6FD2ED.
Acum repetați aceeași procedură din pași 4-5 pentru bucuria potrivită. Pentru umbra inferioară, utilizați # D93B42 dupa cum Completati culoare, precum și pentru utilizarea rama superioară # E85D63.
Acum luați din nou forma de bucurie stânga con și faceți o copie (Control-C> Control-F). Scoateți Completati culoare și set # 333333 la fel de Umpleți accidentul cu 5 px grosime.
introduce Izolați modul de Dublu-clic forma. Acum ia-o Instrument Pen (P) și adăugați două noduri în partea de sus, apoi eliminați restul nodurilor, lăsând un arc.
Setați capetele Accident vascular cerebral la fel de Round Cap folosind Accident vascular cerebral panou.
presa Evadare a iesi Izolați modul. Duplicat accident vascular cerebral (Control-C> Control-F) (# ACD4A3) și să o reflecte vertical (Click dreapta > Transformați> Reflectați). Plasați copia pe cealaltă bucurie-con.
Amplasați ambele curse sub bucurie (Obiect> Aranjare> Trimitere înapoi).
Acum, adăugați un buton pe consola creând un 32 x 3 px dreptunghi (# 1A1A1A). Desenați două mici dreptunghiuri (# 333333) și două dreptunghiuri mai mici (# 666666) pe ea cu Instrumentul dreptunghiular (M), așa cum se arată în imaginea de mai jos.
grup totul impreuna (Control-G) și puneți-l peste Nintendo.
Acum, să începem prin tragerea butoanelor bucuriei. Pentru joystick, creați un 40 x 40 px elipsă (# 1A1A1A) cu Instrument de elipsă (L), și adăugați un altul 38 x 38 px (# 333333).
După aceea, Duplicat ultima elipsă de două ori (Control-C urmat de Control-F) și mutați ultima copie 4 px în jos. Apoi aplicați Minus Front la copia precedentă utilizând deschizător de drumuri panou. Schimba Completati culoarea la # 4D4D4D.
Selectați elipsa interioară, Duplicat de două ori (Control-C> Control-F) și deplasați în jos ultima copie prin 15 px. aplica Minus Front de la deschizător de drumuri panou și utilizare # 363636 dupa cum Completati culoare.
Acum creați un 30 x 30 px utilizarea elipsei # 1A1A1A dupa cum Completati și Accident vascular cerebral și selectarea unei grosimi de 1 px. Plasați-o în centrul butonului și trageți apoi o linie pe fiecare vârf cu Instrument Pen (P).
În cele din urmă, creați o 40 x 40 px elipsă (# 000000) cu 20% Opacitate și plasați-o în partea de jos a butonului (Control-[).
grup întregul buton împreună (Control-G) și Duplicat aceasta (Control-C> Control-F). Puneți ambele butoane așa cum se arată în imaginea de mai sus.
Acum trageți butoanele direcționale. Pentru aceasta, creați o 17 x 17 px elipsă (# 333333). Atunci Duplicat de câteva ori (Control-C urmat de Control-F) și deplasați în jos ultima copie 3 px. Apoi, aplicați Minus Front cu copia precedentă utilizând deschizător de drumuri panou.
Schimba Completati culoarea la # 4D4D4D. Adauga o 17 x 17 px elipsă (# 000000) cu 20% opacitate și plasați-o în partea de jos a butonului (Control-[)
grup butonul (Control-G) și Duplicat de trei ori (Control-C> Control-F). Așezați-le împreună, formând forma unei cruci. grup totul încă o dată (Control-G).
Acum trageți un triunghi (# 4D4D4D) cu Instrumentul pentru poligoane și Duplicat aceasta (# 000000) (Control-C> Control-F), mutați-o 1 px în sus.
Desenați trei triunghiuri în restul direcțiilor și repetați aceeași procedură ca în pasul anterior. Și puneți butoanele pe bucla stânga-con.
Luați copii ale butoanelor pe care le-am așezat mai devreme și adăugați-le peste litere X, Y, A și B folosind Instrumentul tip (T), și apoi setați Completati culoarea la #ABABAB. Așezați butoanele pe bucla stânga-con.
Puteți folosi orice font Sans Serif care vă place.
Vom crea două butoane mici. Pentru a face acest lucru, creați un 12 x 4 px dreptunghi (# 333333), Duplicat aceasta (# 000000), Seteaza Opacitate la 20%, trimite-l înapoi (Control-[) și mutați-o în jos prin 1 px.
Apoi, creați un 12 x 1 px dreptunghi (# 4D4D4D) în vârf. grup butonul (Control-G) și Duplicat aceasta (Control-C> Control-F).
Adauga o 4 x 12 px dreptunghi ( # 333333 ) și a 4 x 1 px dreptunghi ( # 4D4D4D ). Apoi, adăugați a 4 x 12 px dreptunghi (# 000000) cu 20% opacitate și plasați-o în spate (Control-[) grup al doilea buton (Control-G) și poziționați-o așa cum se arată în imaginea de mai jos.
Copiați unul dintre butoanele direcționale și adăugați a 12 x 12 px utilizarea elipsei # 707070 dupa cum Completati Accident vascular cerebral. Apoi, ia-o Instrumentul Star și trageți o stea cu cinci colțuri și folosiți-o # 000000 dupa cum Accident vascular cerebral culoare. grup butonul împreună (Control-G) și așezați-l pe dreapta.
Adăugați un alt buton în stânga bucurie-con folosind a 12 x 12 px dreptunghi rotunjit (# 333333) și setați raza sa la 1 px. Atunci Duplicat de două ori (Control-C urmat de Control-F) și mutați ultima copie în jos 1 px. Apoi, aplicați Minus Front cu copia precedentă utilizând deschizător de drumuri panou.
Utilizare # 4D4D4D dupa cum Completati culoare. Duplicat aceasta (Control-F), trimiteți în spate (Control-[) și mutați-o 1 px în jos. Schimba Completati culoarea la # 000000 și setați Opacitate la 20%.
În cele din urmă, adăugați a 7 x 7 px utilizarea elipsei # 000000 dupa cum Completati și Accident vascular cerebral. grup butonul împreună și plasați-l pe stânga bucurie con.
În acest pas, vom crea un fundal folosind două 400 x 600 px folosind dreptunghiuri # E84C53 și # 4CC6E8 dupa cum Completati culori. Trimiteți-le în partea din spate a pânzei (Control-[) și plasați unul pe stânga și pe celălalt pe dreapta.
Acum adăugați câteva puncte și puncte de trecere folosind Instrumentul dreptunghiular (M) și Instrument de elipsă (L). Utilizare #FFFFFF ca culoare de umplere. În cele din urmă, adăugați o umbră sub Nintendo utilizând a 450 x 17 px elipsă (# 000000) și setați Opacitate la 10%.
Și am terminat acest joc distractiv Nintendo Switch și acum îmi doresc să am unul în mâinile mele. Sper că v-ați bucurat de acest tutorial și că ați pus în practică tot ce ați învățat. Aș vrea să văd rezultatele!
Accentsconagua