Share
În acest tutorial vom crea un slot machine în Adobe Illustrator. Îl vom construi din forme simple de vectori, apoi o vom colora, vom folosi panoul Aspect pentru a adăuga efecte, vom folosi simbolurile și vom aplica instrumentele pentru simboluri. Vom termina cu o mașină de slot frumos vector. Să începem!
Acum, înainte de a începe desenul, avem nevoie de o inspirație. Du-te la browser-ul dvs. și căutați imaginile slot machine. Vedeți ce elemente compun mașinile. Adunați piese din diverse mașini pentru a vă crea propriul design al mașinilor de slot. Aveți grijă să nu copiați o singură imagine, ci mai degrabă să vă inspirați din multe imagini de referință, să vă folosiți imaginația și să creați propria creație unică.
Creați un nou document web Adobe Illustrator cu un artboart de 600 x 800 pixeli. Dă-i un nume - mi-am sunat "slot_machine". Acum vom aplica unele setări mediului de lucru al Illustratorului. Accesați panoul Simboluri, faceți clic pe butonul din dreapta sus pentru a deschide meniul derulant și faceți clic pe "Selectați toate nefolosite". Glisați toate simbolurile selectate pe pictograma coșului de gunoi pentru a le șterge.
Faceți același lucru cu panoul Swatches. Ar trebui să rămâi cu 4 mostre: [Niciuna], [Înregistrare], Alb și Negru. Faceți dublu clic pe specimenul alb și bifați "Global". Faceți același lucru pentru specimenul negru.
Deschideți panoul Preferințe (Command + K), accesați "Guides & Grid" și setați următoarele setări:
Dacă nu puteți vedea grila, faceți clic pe Command + "pentru ao afișa, de asemenea, din meniul View, asigurați-vă că Smart Guides și Snap to Grid sunt activate.!
Vom construi mașina din forme simple și când vom termina, vom adăuga culori. Cu instrumentul Rectangle (M), trageți un dreptunghi de 360 x 136 pixeli. Lăsați-l cu stroke implicit și cu umplere, deoarece vom mai colora aparatul mai târziu. Mergeți la Object> Cale> Cale de decalare ... și introduceți -16 pentru valoarea Offset.
Creați un alt dreptunghi, 360 x 200 pixeli, și fixați-l în partea de jos a dreptunghiului exterior pe care l-am creat în ultimul pas. Selectați punctul de ancorare de jos-dreapta cu Instrumentul de selecție directă (A), țineți apăsată tasta Shift și apăsați tasta săgeată dreapta de trei ori pentru a muta punctul 30 de pixeli spre dreapta.
Faceți același lucru cu punctul de ancorare din stânga-jos pentru al muta cu 30 de pixeli în stânga. Dreptunghiul dvs. ar trebui să pară acum ca un trapez. Ca și în etapa anterioară, selectați forma și deplasați calea, de această dată cu -10 pixeli. Apoi compensați calea trapezoidală interioară cu -20 pixeli. Arta ta ar trebui să arate astfel:
Cu instrumentul Pen (P) trageți linii din colțurile celei mai interioare a trapezoidului spre colțurile trapezoidelor medii. În acest caz, activarea ghidurilor inteligente devine utilă, deoarece vă ajută să vedeți colțurile cu exactitate. Selectați cele două forme trapezoidale și liniile nou create, mergeți la panoul Pathfinder și faceți clic pe "Divide". Ungroupați formele divizate (Object> Ungroup).
Desenați un nou dreptunghi de 420 x 150 pixeli, fixați-l în partea inferioară a trapezoidului exterior și deplasați-l cu -10 pixeli. Creați un alt dreptunghi, de 400 x 46 pixeli, și fixați-l în partea inferioară a dreptunghiului creat anterior. În acest moment, mașina dvs. ar trebui să arate până acum:
Acum, să tragem sertarul de bani. În afara tabloului de bord, creați un dreptunghi de 320 x 80 pixeli. Deplasați punctul de ancorare din partea de jos-dreapta cu 50 de pixeli spre dreapta, iar cel din stânga, 50 de pixeli spre stânga. Se compensează calea formei cu -10.
Desenați un al treilea dreptunghi care va acoperi cei 10 pixeli de top ai formei exterioare. Selectați atât forma exterioară cât și dreptunghiul, mergeți la panoul Pathfinder și atingeți Minus Front. Trimiteți forma spre spate folosind comanda + Shift + [.
Selectați forma interioară și deplasați-o cu -10 pixeli. Mutați-o cu 10 pixeli în jos. Desenați două linii înaltă cu 20 de pixeli cu instrumentul Pen și aliniați-le astfel:
Selectați toate formele și în panoul Pathfinder, apăsați pe "Divide" și pe un grup. Selectați forma cea mai exterioară și îndepărtați punctele excesive cu instrumentul Delete Anchor Point (-).
Selectați cea mai interioară formă trapezoidală și dreptunghiul de deasupra acesteia și copiați și lipiți în față (Command + F). Mergeți aceste forme (în panoul Pathfinder loviți Merge) și setați lățimea noii forme la 80 de pixeli.
Desenați un dreptunghi de 420 x 36 pixeli și fixați-l în partea inferioară a sertarului. Selectați toate formele și trageți-le în partea inferioară a slotului nostru, după cum se arată mai jos.
Creați cinci dreptunghiuri de 60 x 24 pixeli într-un rând deasupra aparatului. Desenați un dreptunghi de 316 x 32 pixeli și plasați-l în spatele celor cinci dreptunghiuri (Command + Shift + [). Aliniați-l la partea de jos a celorlalte dreptunghiuri. Acum grupați toate formele.
Desenați un alt dreptunghi la 316 x 32 pixeli. Faceți un trapez prin deplasarea punctelor de ancorare de top cu 10 pixeli spre interior. Plasați-o pe partea de sus a formei grupate.
Selectați ambele forme și accesați Object> Distortare plicuri> Faceți cu obiectul principal. Apoi, mergeți la Object> Expand, faceți clic pe OK și dezgropați.
Pentru acest pas am folosit un scenariu Illustrator numit "Round Any Corner". Ea face exact acest lucru: rotunjește doar colțul pe care îl doriți, în loc de toate colțurile obiectului. Puteți citi în articol despre modalitățile de a personaliza Adobe Illustrator și de ao descărca aici.
După ce ați setat, utilizați instrumentul Direct Selection (A) pentru a selecta cele patru colțuri din imaginea de mai jos, apoi faceți clic pe Command + F12, mergeți la dosarul în care ați salvat fișierul script și l-ați deschis. Introduceți 6 ca rază de colț în solicitarea de script și faceți clic pe OK.
Scheletul mașinii este făcut, să procedăm și să-i dăm viață!
Să începem cu partea de sus. Selectați forma exterioară din partea superioară și dați-o următoarele setări pentru gradient (trageți culoarea negru globală a specimenului pe care am pregătit-o mai devreme peste gradient oprind):
Selectați formele cele mai din stânga și cea dreaptă și dați-le următoarele setări pentru gradient:
Adăugați o lovitură de 30% negru, de 1 pixel și fixați-o în interior. Accesați panoul Aspect și adăugați o umplere nouă. Setați-l la următoarele:
În același mod, mergeți la următoarele două forme interioare și le dați un gradient care merge de la R = 56, G = 201, B = 226 până la R = 0, G = 113, B = 188. Adăugați aceeași umplere nouă alb-negru și aceeași curbă ca și cele anterioare. Pentru forma medie, adăugați un gradient care merge de la R = 255, G = 166, B = 171 până la R = 201, G = 5, B = 3. Adăugați aceeași umplere nouă alb-negru și aceeași curbă ca și cele anterioare.
Acum, să începem să creăm următoarele forme. Să adăugăm niște culori metalice mașinii noastre. Simțiți-vă liber să experimentați și să schimbați culorile după preferințele dvs. Asta am avut în minte:
Mergeți spre partea centrală a mașinii:
Să adăugăm un roșu metalic:
Și acum continuați până la partea de jos:
Aproape făcut cu colorarea. Să avem grijă de sertar:
Ei bine, am terminat de colorat. Aruncați o privire la ceea ce avem, luați o altă ceașcă de cafea și să procedăm.
Să creăm becuri în jurul cadrului exterior. Creați un cerc de 8 x 8 pixeli utilizând instrumentul Ellipse (L). Plasați-l la 4 pixeli distanță de colțul din stânga jos și dați-i următoarele setări:
Cu cercul încă selectat, utilizați instrumentul Gradient (G) pentru a trage gradientul puțin mai sus spre stânga, deci nu va fi centrat.
Adăugați următorul efect Transformare (accesați Efect> Distort & Transformare> Transformare ...). Duplicați becurile și plasați copia în partea dreaptă a cadrului, din nou la 4 pixeli distanță de margine.
Creați o altă copie, deplasați-o cu 13 pixeli spre dreapta. Duplicați-l pe acesta și mutați-l cu 4 pixeli mai jos la partea superioară a cadrului, după cum se arată. Modificați efectul de transformare la următoarele:
În acest pas vom crea rolele de filare. În primul rând, trebuie să creăm câteva simboluri. De obicei, acestea sunt fructe, numărul 7, semnul dolarului etc. Am creat următoarele simboluri (care sunt adăugate în fișier), puteți adăuga propriile.
Înapoi la mașină, creați trei dreptunghiuri de 80 x 110 pixeli, împrăștiați-le la 100 de pixeli unul de celălalt, umpleți-le cu negru și dați-le un curb în exterior de 2 puncte cu 30% negru.
Undeva pe tabloul de artă trage un dreptunghi alb de aceeași mărime, fără lovitură. În timp ce selectați, plasați cursorul cu instrumentul Pen (P) în partea stângă a dreptunghiului și faceți clic în mijlocul liniei. Dacă aveți ghiduri inteligente, veți vedea mijlocul exact al liniei. Adăugați un alt punct pe partea dreaptă.
Utilizați instrumentul de selectare directă (A) pentru a muta colțurile din dreapta 5 pixeli în stânga, iar colțurile din stânga 5 pixeli spre dreapta. Apoi selectați punctele de mijloc pe care le-am creat și pe bara de control, apăsați butonul "Conversia punctelor de ancorare selectate pentru a netezi".
Trageți mânerele punctelor, ținând apăsată tasta Shift, pentru a face obiectul puțin mai rotunjit. Utilizați grila pentru a fi mai exactă.
Așezați trei copii ale acestei forme pe partea de sus a dreptunghiurilor negre pe care le-am creat mai devreme. Apoi aranjați câteva dintre simbolurile pe care le-am creat în partea de sus a dreptunghiurilor albe.
Desenați un dreptunghi de 280 x 110 pixeli pe partea de sus a simbolurilor. Apoi selectați ambele simboluri și dreptunghi și apăsați Command + 7 pentru a crea o mască de tăiere. Ar trebui să ajungeți la acest lucru:
Duplicați formele albe pe care le-am creat și le plasați pe simboluri. Adăugați un gradient la ele. De asemenea, desenați linii orizontale peste fiecare formă albă. Utilizați setările prezentate mai jos.
Acum, să creăm câteva butoane pentru panoul de jos. Desenați un dreptunghi de 50 x 50 pixeli și dați-i următorul stil:
Creați trei copii ale butonului, împrăștiați-le la 86 de pixeli unul de celălalt. Creați etichete pe butoane. Am folosit un font gratuit: Zrnic. Dați etichetelor următorul efect de umbră:
Deplasați-vă la slotul pentru monedă, desenați un dreptunghi de 14 x 80 pixeli, cu următoarele setări:
Desenați un dreptunghi de 6 x 72 pixeli în partea superioară a celui precedent, cu setările afișate mai jos.
Deoarece suntem cu toții câștigători în acest tutorial, să umplem mașina cu monede. Am desenat o monedă simplă și l-am salvat ca pe un simbol. Am folosit Instrumentul de pulverizare a simbolurilor (Shift + S) pentru a umple ilustrația cu monede. Faceți dublu clic pe pictograma instrumentului pentru a deschide fereastra cu opțiuni. Încercați să experimentați valorile pentru a obține rezultatul dorit.
Nu umpleți zona cu prea multe monede, vom face acest lucru în mai mulți pași. Mai întâi trageți mai multe monede, apoi utilizați instrumentul Simbol Spinner (faceți clic pe butonul Simbol Pulverizator) pentru a roti puțin monedele, astfel încât nu toate ar arăta la fel.
Când ați terminat, faceți clic pe undeva pe tabloul de bord pentru a elibera setul de simboluri și apoi creați un alt set de monede. În acest fel, veți putea să creați diferite straturi ale monedelor și să le ajustați separat. Apoi, asigurați-vă că părțile sertarului se află pe partea de sus a monedelor, după cum se arată mai jos.
Du-te înapoi în partea de sus a mașinii. Să punem o placă frumoasă acolo pe forma de metal goală. Utilizați-vă imaginația și inspirația din imaginile pe care le-am căutat în pasul 1 pentru a crea un brand clasic, în stil de cazino. Iată rezultatul cu care am venit:
Acum vom trage pârghia. Desenați un cerc de 36 x 36 pixeli. Utilizați Instrumentul de selecție directă (A) pentru a muta punctul de ancorare drept 2 pixeli în stânga. Adăugați următorul gradient:
Duplicați această formă și lipiți-o în spatele cercului anterior (Command + B). Mutați-o puțin în dreapta și reduceți dimensiunea.
Desenați un dreptunghi de 10 x 160 pixeli, înclinați-l puțin spre dreapta. Dați-i o lumină până la gradientul gri închis și plasați-o în spatele unor forme desenate anterior.
Pentru a finaliza, adăugați un cerc de 30 x 30 pixeli pe partea superioară a pârghiei și colorați-l cu un gradient metalic, roșu radial. Utilizați Gradient Tool (G) pentru a trage gradientul puțin mai sus spre stânga.
Grupați toate obiectele și plasați-le în spatele mașinii:
Selectați întreaga mașină (Command + A) și grup (Command + G). Copiați și lipiți în față. În panoul Pathfinder loviți Unite. După cum puteți vedea, nu a creat o formă, deoarece avem simboluri.
Trebuie să scăpăm de simboluri. Pentru a face acest lucru, apăsați Command + G pentru a grupa, apoi faceți dublu clic pentru a intra în modul de izolare. Selectați toate formele în afara formei mașinii principale și ștergeți-le.
Adăugați un efect Drop Shadow (Effect> Shadow> Drop Shadow ...) cu următoarele setări:
Trimiteți această formă spre spate prin apăsarea comenzii + Shift + [.
Să adăugăm o umbră în partea de jos a mașinii. Desenați o formă neagră, reduceți Opacitatea la 25% și trimiteți-o în spate.
Mergeți la Efect> Blur> Blur Gaussian ... și setați raza de 20 de pixeli.
Pentru o atingere finală am adăugat un strat de fundal și acolo îl aveți!
În acest tutorial am construit un slot machine de la simple vector forme. Am folosit panoul Aspect pentru a adăuga efecte, simboluri și simboluri folosite. Sper că ți-a plăcut acest tutorial.
Accentsconagua