Lecția pentru a crea un joystick realist în Adobe Illustrator folosind ochiurilor de plasă (gradient de bloguri

In acest tutorial voi descrie procesul de creare a imaginii vectoriale realiste pe exemplul unui joystick joc.

Imediat am avertizat că lecția este proiectat pentru ceea ce posedă deja abilități de bază în Adobe Illustrator.

Oricine a încercat vreodată să lucreze într-un mediu de vector, știe cât de dificil este de a transfera vinil cutare sau cutare subiect. Problema principală este lipsa de culori și tranziții line între ele. Mulți au ghicit deja, trebuie să utilizați degradeuri de culoare. Dar gradient liniar sau radial obișnuit nu este întotdeauna adecvată. Ce se întâmplă dacă obiectul de formă complexă și nu pot fi defalcate în componente? Aici, de asemenea, vine în ajutorul gradientului plasă.

Și acum câteva cuvinte despre cum ochiuri gradientului.

Acesta poate fi folosit pe orice formă. De exemplu, să considerăm un formular instrument stilou arbitrar (P).

Am ales instrumentul de plasă (U) și faceți clic pe una dintre marginile obiectului.

Acest lucru creează o linie de plasă cu ochiuri și puncte de la intersecțiile cu fețele formularului nostru. Repetăm ​​încă o dată.

Acum, creați o altă linie. La punctul de intersecție a existat un punct de referință. Evidențiindu-l utilizând instrumentul de selecție directă (A), vom vedea liniile de control.

În cazul în care instrumentul de plasă utilizat într-o poziție arbitrară a obiectului, obținem imediat intersecția celor două linii de control. Fiecare astfel de punct și o linie de referință poate fi controlat prin alte puncte în ilustrator. Punctele pot fi atribuite o culoare unică. În același timp, va crea o tranziție lină de la o culoare la alta.

Aici, de fapt, și toate elementele de bază. Cadrul poate complica și editare pentru a obține rezultatele dorite.

Acum vom trece la crearea joystick-ului.

1. Găsirea de referință al calității

Unul dintre cele mai importante puncte - pentru a găsi o imagine adecvată de o calitate suficientă. Am reușit să găsesc aici este o fotografie.

2. Pregătirea ilustratorul spațiu de lucru

Crearea unui nou document și asigurați-vă că modul de culoare este setat pe RGB. Dacă nu, apoi faceți clic pe File -> Document Mod culoare -> RGB Color. Doar verificați să prezinte fereastra Aspect, culoare, gradient, Pathfinder (fereastra de meniu). De asemenea, includ linii de afișare View -> Rigle -> Afișați riglele (Ctrl + R).

3. Crearea unui formular de bază

fotografie „Divide“, în jumătate, folosind un joystick Gaida (Strangeti linia din stânga și trageți pe pânză).

Când Pen Tool (P) ajuta la a desena o formă care urmează partea stângă a corpului.

Pentru a forma rezultată de pe panoul Aspect de a aplica Fill Transform (Add New Effect -> Distort Transform -> Transform ...) cu următorii parametri:

subliniind în continuare forma rezultată, faceți clic pe Obiect -> Expand Aspect și Unește în butonul de pe panoul Pathfinder.

Același principiu este de a crea două cadre la partea de sus și de jos a carcasei. Forma finală:

4. Amestec de locuințe

Pune o copie a joystick-ului de imagine de lângă forma stabilită. Cu Eyedropper Tool (I) se umple cu culoarea principală de locuințe, luând-o de la mijlocul fotografiei.

Acum aveți nevoie pentru a determina în cazul în care în fotografie sunt reflexii ale luminii, și în cazul în care întunecare. Să începem cu plasarea folosind Tool Mesh (U) un punct în centru. Am pus-o în cazul în care, în opinia mea, se va aprinde. Menținerea punctului, selectați instrumentul Pipetă (I) și iau de culoare, cu aproximativ aceeași locație în imagine.

Vom continua să complice cadrul grilei. În acest caz, fiecare punct nou obținute la intersecțiile, atribuie culoarea corespunzătoare din imagine. În acele locuri în care nevoia mai clare tranziții de culoare, net ar trebui să fie făcut mai dens. Doar nu uitați că poziția fiecărui punct și linia poate fi modificată folosind Direct Selection Tool (A).

Rezultatul ar trebui să fie de aproximativ carcasa:

5. Adăugați detalii

Corpul cadrului superior și inferior a fost creat. Ei efectuează exact aceeași operație ca și cu coca.

Următoarea remiză aparat dentar. Pentru acest instrument Pen (P) trage din nou pe formularul de imagini și se aplică un gradient liniar umple Gradient Tool (G).

Creați un duplicat și folosind meniul contextual -> Transform -> Reflectați oglinda orizontal.

6. Crearea stick-

În acest moment, toate ca Mesh instrument folosit (U), Pipetă Tool (I) și instrumentul Selecție directă (A). Cu ajutorul instrumentelor menționate mai sus creează, referindu-se la refrensnoe imagine, forma de bază și o cușcă cu ochiuri la baza de stick-ul din stânga. Prin controlul punctelor și liniilor folosind instrumentul Direct Selection, încercați să obțineți o formă rotunjită.

Colorable net rezultat, acest lucru ia culoare din fotografii și de corp la marginea exterioară. Ca rezultat, vom obține ceva de genul:

In mod similar, pentru a adăuga o suprafață superioară a bazei.

Desenați o entitate separată aici este un fund traversă.

Deoarece crucea în sine este simetric, putem trage doar un sfert din ea și se aplică de două ori pe panoul Aspect Add New Effect -> Distort Transform -> Transform ... mai întâi pentru copii pe orizontală, și apoi pe verticală. Cu ajutorul Pathfinder obține un singur obiect și de a crea un duplicat. Din nou, du-te la panoul Aspect și duplicat utilizarea Add New Effect -> Path -> Calea Offset, cu o valoare negativă. Pentru a prelua Object obiect -> Extindere și Instrumentul Mesh înseamnă a finaliza prepararea formei.

Locui pe crearea unui buton nu se va baza ca obiecte similare au atras în mod repetat. În forma finită se pare ca acest lucru:

Adăugați dimensiunea butonul cerc și culoare-l în albastru închis.

Desenați aproximativ butonul.

Orice tip de scriere similară «X», a fost distilat la curbe (ctrl + Shift + O) și fac umplere gradient liniar.

Pentru a crea un alt buton este suficient pentru a face o copie a terminat deja, înlocuiți litera și selectați toate obiectele pe care doriți să le modificați culoarea. Apoi, faceți clic pe Editare -> Editare Culori -> Recolorare lucrare. În fereastra, comutați la Edit și faceți clic pe butonul Link Harmony Culori. Acum, când culorile sunt închise între ele, ele pot fi modificate prin utilizarea cursoarele HSB. După finalizare, faceți clic pe OK. Dacă este necesar, finalizăm culorile și formele de mână.

9. Ultima parte

Pentru a crea forma de bază a centrului și de a folosi Tool Mesh (U).

În mod similar, finalizăm luminile verzi și în centrul emisferei.

În același mod buton trage. Triunghiulare Pictograma - doar o formă, și de a evidenția și umbra pe ea - o linie cu o grosime predeterminată.

Final atingere - text. În acest scop, este necesar de a pre-convertit la curbe (Ctrl + Shift + O), apoi ajustați stilul în fila Aspect.

Pentru a crea un text curbat, trebuie să atragă mai întâi o cale folosind Pen Tool (P), și apoi prin selectarea Type Tool (T), faceți clic pe calea rezultată.

Și, în sfârșit, un cuplu de atingeri de finisare și ați terminat.