Cum de a ilustra un telefon retro în Illustrator

Această lucrare se face cu ajutorul lui Iaroslav Lazunov. Acest tutorial este destinat utilizatorilor de illustratori intermediari. În el veți învăța cum să creați un telefon realist, vector, retro, utilizând perii, amestecuri, renderări 3D și alte instrumente ale Adobe Illustrator. Abilitățile pe care le veți învăța pot fi ușor transferate în crearea de obiecte diferite. Deci sa începem!

Pasul 1

În primul rând, trageți un trapez izoscel folosind Instrumentul dreptunghiular (M) și Instrumentul de selecție directă (A). Umpleți-l cu roșu. Apoi mergeți la File> Scripts> Round Any Corner. Acest script poate fi descărcat de aici. Acest script vă permite să adăugați două puncte de ancorare la oricare dintre ele pentru a face calea mai ușoară. Trebuie să obțineți următorul rezultat. Dacă nu știți cum să îl instalați, puteți vedea postul nostru de scripturi pentru ilustratori pentru mai multe informații.

Acordați atenție că este posibil să nu convertiți toate punctele de ancorare ale trapezului pentru a netezi, deoarece ar duce la îndoirea liniilor trapezului.

Apoi mergeți la Efect> 3D> Rotire și setați acolo valorile de unghiuri și o perspectivă pe care o puteți vedea în diagrama de mai jos.

Pasul 2

Luați instrumentul Ellipse (L) și creați un cerc. Apoi copiați-l și lipiți-l (Command + C apoi Command + V).

Apoi treceți la Object> Blend> Blend options și setați acolo pașii Spacing to Specified și numărul pașilor până la 8. Vezi schema de mai jos.

Apoi mergeți la Object> Blend> Make (Command + Alt + B).

După cum vedeți, ați primit cele 8 cercuri între cele două. Cantitatea completă de cercuri este 10. Apoi trageți cercul mare, apoi setați atât Stroke lui cât și umplerea lui la None.

Selectați acest cerc mare și amestecul, apoi mergeți la Object> Blend> Replace spline. Această comandă distribuie obiectele de amestecare de-a lungul căii necesare. Puteți să o utilizați ori de câte ori doriți.

Creați o placă de disc utilizând instrumentul Ellipse (L) și plasați amestecul de zece cercuri peste el.

Desenați alte două cercuri care sunt afișate pe diagramă. Cercul albastru închis trebuie deplasat ușor în sus, iar cercul maro (denumit în continuare "cercul principal") trebuie să fie deplasat ușor în jos așa cum se arată.

Pasul 3

Luați instrumentul de tip (T) și imprimați toate cipurile.

Apoi mergeți la Efect> 3D> Rotire și setați valorile unghiurilor și o perspectivă pe care le-ați setat în Pasul 1.

Să numim această suprafață ca suprafața "principală" a telefonului.

Pasul 4

Acum trebuie să creați calea (violetă) a fundului telefonului. Faceți acest lucru utilizând instrumentul Pen (P).

Creați următoarea cale (verde) care va reprezenta o cavitate pentru receptorul telefonic.

Pasul 5

Să formăm receptorul 3D. Mai întâi trageți următoarea cale folosind Instrumentul dreptunghi (M), instrumentul Ellipse (L) și utilizând butonul Unite în caseta Pathfinder pentru a uni două căi diferite pentru a crea o singură cale de la ei.

Apoi creați următoarele forme în același mod.

Luați Instrumentul Ellipse (L) și Instrumentul de amestecare (W) și creați următoarele căi pentru părțile finale ale unui receptor. Utilizați tehnica utilizată la Pasul 2 pentru a crea zece cercuri.

Recoltează-le. Apoi creați următoarea traiectorie eliptică, care este prezentată în diagrama de mai jos.

Luați toate aceste căi și trageți-le în paleta Simboluri. Trebuie să aveți trei simboluri pentru părțile finale ale unui receptor și pentru un receptor în sine (calea eliptică).

Pasul 6

Selectați o cale a receptorului și mergeți la Efect> 3D> Extrude & Bevel. Setați următoarele valori (prezentate mai jos) pentru a forma un receptor. Acum, suprafați acest obiect 3D cu Map Artwork folosind simbolurile care tocmai au fost create. Consultați schemele de ajutor de mai jos.

Pasul 7

Setați opțiunea de geometrie invizibilă în caseta de dialog Cartografie și schimbați-o astfel încât să se potrivească simbolurilor necesare părților finale ale receptorului.

Acum mergeți la Object> Expand Appearance.

Accesați Object> Mask Clipping> Release. Apoi mergeți la Object> Path> Clean Up și ștergeți toate elementele din caseta de dialog.

Apoi creați căi eliptice cu axe situate de-a lungul liniilor directoare. Aceste elipse vor reprezenta marginea unui receptor în sine.

Luați instrumentul Ellipse (L) și creați următoarea traiectorie eliptică umplută cu gradientul radial așa cum se arată.

Plasați grupul de găuri pentru o parte a urechii receptorului pe elipsa care tocmai a fost făcută. Acum, completați-le cu negru.

Creați o altă elipsă. Localizați-l între grupul de găuri și prima elipsă făcută în acest pas. Umpleți-l cu un gradient liniar care merge de la culoarea gri deschis la gri închis.

Copiați această elipsă și lipiți-o în față (Command + C apoi Command + F). Apoi mergeți la Obiect> Aranjare> Trimitere înapoi. Umpleți această nouă elipsă cu gradientul liniar, pe care îl puteți vedea în diagrama de mai jos și mutați-l cu câțiva pixeli în jos.

Pasul 8

Creați elipsele și le umpleți de la lumină la culori închise.

Apoi mergeți la Object> Blend> Make (Command + Alt + B).

Creați o cale fără stroke și fără culori de umplere. Această cale trebuie să atingă elipsa interioară, care a fost făcută mai devreme. Pentru aceasta, mai întâi selectați elipsa (făcută mai devreme), copiați-o și lipiți-o în față (Command + C, apoi Command + F). Setați Stroke și umpleți culoarea la None pentru ea. Acum desenați o cale intersectată cu elipsa. Setați culoarea Stroke și umpleți culoarea la Nici una pentru această cale.

Apoi mergeți la paleta Pathfinder și faceți clic pe butonul Intersect.

Selectați această cale și amestecați, apoi mergeți la Object> Mască de tăiere> Make (Command + 7).

Pasul 9

Să creați o nouă cale plină cu gradientul liniar. Această cale trebuie plasată sub partea rotundă a unui capăt al receptorului.

Acum creați o nouă cale atinsă de primul care tocmai a fost creat și umplut cu gradientul Radial.

Pasul 10

Acum trebuie să faceți cea de-a doua parte a receptorului. Creați o elipsă și umpleți-o cu un gradient liniar așa cum se arată.

Acum, creați calea cea de-a doua eliptică și completați-o și cu gradientul liniar.

Copiați calea și lipiți în față (Command + C apoi Command + F), mutați-o și umpleți-o cu următorul gradient liniar.

Creați o altă cale și completați-o cu gradientul radial acum.

Creați următoarea cale plină cu gradientul radial. Această cale trebuie să atingă cea precedentă. Este indicat de o săgeată din diagramă.

Creați următoarea elipsă în centrul părții finale a receptorului și umpleți-o cu un gradient liniar.

Apoi puneți găurile negre în el.

Creați următoarea cale care se află sub partea finală a receptorului și completați-o cu un gradient liniar.

Pasul 11

Desenați calea pentru partea interioară a receptorului. Umpleți-l cu gradientul liniar.

Copiați calea și lipiți-o în față (Command + C apoi Command + F). Umpleți-l cu gradientul liniar. Apoi, mergeți la paleta Transparență și setați acolo modul Overlay Blending pentru a crea distribuția complexă a luminii pe receptor.

Luați instrumentul Ellipse (L) și creați o elipsă plină cu negru. Apoi glisați și fixați-o în paleta Perii. Selectați opțiunea Art Brush (Perie Art) din caseta de dialog.

Setați elementele periei așa cum le vedeți în diagrama de mai jos.

Acum trageți cercul pe partea superioară a receptorului.

Setați culoarea de umplere la Niciunul. Ia Instrumentul pentru foarfece (C) și faceți clic pe punctele de cale cerc prezentate mai jos pentru a împărți calea.

Ștergeți acum cea mai mare parte a cercului.

Mergeți la paleta Perii și faceți clic pe peria eliptică care tocmai a fost făcută. Apoi mergeți la Object> Expand Appearance.

Umpleți această cale cu un gradient radial care merge de la culoarea alb la negru și de la 100% la 0% din opacitate corespunzător.

Desenați o altă cale în partea de jos a receptorului și completați-o cu un gradient liniar.

Acum ștergeți (sau faceți invizibil) receptorul pentru modelul 3D.

Pasul 12

Luați o cutie telefonică.

Și recolor toate căile de la aceasta la culori obișnuite și la pante. Pentru a face acest lucru trebuie mai întâi să extindeți toate căile necesare. Accesați Object> Expand Aspect pentru acest lucru.

Căile pline cu gradiente liniare sunt prezentate în diagramele de mai jos.

Căile pline cu gradiente radiale sunt arătate de unul dintre ele pe următoarea imagine.

Toate celelalte căi sunt pline cu culori obișnuite.

Pasul 13

În partea de sus a casetei de telefon trageți următoarea cale plină cu gradientul liniar.

În cavitatea receptorului trageți următoarea cale, care poate fi creată prin scalarea copiei cavității receptorului. Umpleți-l cu gradientul liniar.

Creați următoarea cale plină cu o culoare închisă.

Pasul 14

Luați instrumentul dreptunghiului (M) și trageți un dreptunghi plin cu o culoare gri închis. Acesta trebuie să fie amplasat sub suprafața "Principală" a telefonului.

Copiați dreptunghiul și lipiți-l în față (Command + C apoi Command + F). Apoi mergeți la Object> Transform> Shear și mutați calea rezultată pentru a atinge primul dreptunghi. Umpleți cel de-al doilea dreptunghi de forfecare cu gradientul liniar.

Creați cel de-al treilea dreptunghi în același mod.

Luați Instrumentul Pen (P) și creați calea care leagă toate cele trei dreptunghiuri. Accesați Obiect> Aranjare> Trimitere înapoi și completați-l cu o culoare gri deschis.

Pasul 15

Creați a doua parte a pârghiei telefonului.

Pasul 16

Acum trebuie să creăm Art Brush. Mai întâi creați următoarele două căi.

Apoi descrește Opacitatea celei mai mari căi.

Apoi mergeți la Object> Blend> Make. Acest amestec trebuie colorat neted.

Apoi glisați acest amestec în paleta de perii și lăsați-l acolo. Selectați tipul Perie Art în fereastra Opțiuni.

Setați opțiunile periei așa cum se arată.

Mai mult, ar trebui să numim astfel perii periile "Blend" sau periile "Blend Art". Această denumire va arăta că periile sunt făcute din amestecuri. Luați instrumentul Pen (P) și trageți următoarea cale pe suprafața principală a telefonului.

Apoi, mergeți la paleta Perii și faceți clic pe pensula care tocmai a fost creată pentru a crea un punct slab.

Pasul 17

Să creăm cea de-a doua perie Blend. Mai întâi, faceți următoarea amestecare din căile eliptice.

Trageți acum acest amestec în paleta Perii și lăsați-l acolo. Selectați tipul Perie Art în fereastra Opțiuni. Setați opțiunile pentru perie. Luați instrumentul Pen (P) și trageți calea următoare pe suprafața "Main" a telefonului. Apoi mergeți la paleta Perii și faceți clic pe peria care tocmai a fost creată.

Pasul 18

Acum, creați următoarea cale separată cu cercul "Principal" al telefonului și completați-o cu un gradient liniar.

Faceți următoarea cale plină și cu gradientul liniar.

Creați calea peste cercul "Principal" și completați-o cu gradientul liniar.

Acum creați din nou o cale nouă și completați-o și cu gradientul linear.

Rezultatele ar trebui să arate cam așa:.

Pasul 19

Creați următoarea cale plină cu gradientul radial. Acesta trebuie să fie plasat sub discul telefonului (cu 10 găuri).

Creați următoarea cale în centrul telefonului. Umpleți-l cu gradientul liniar.

Acum creați o altă cale plină cu gradientul liniar.

După aceasta, creați o nouă cale plină cu gradientul radial.

Pasul 20

Desenați calea plină cu gradientul radial în cavitatea receptorului telefonului.

Desenați următoarea cale în partea superioară a căii create și completați-o cu un gradient liniar.

Rezultatele ar trebui să arate ca imaginea de mai jos.

Pasul 21

Desenați calea din centrul discului telefonului și completați-l cu gradientul liniar.

Pasul 22

Desenați pârghia de pe discul telefonului (cu cifre) și umpleți-o cu un gradient liniar. Vedeți diagrama de mai jos.

Apoi creați o cale în partea stângă a pârghiei și umpleți-o cu o culoare gri.

Pasul 23

Creați următoarea Blend Art Brush așa cum ați făcut mai devreme. Diagrama de ajutor este de mai jos.

Ilurați următoarea traiectorie sub suprafața "Principală" și aplicați peria la ea.

Pasul 24

Creați următoarea Blend Art Brush așa cum ați făcut înainte. Diagramele de ajutor sunt de mai jos.

Ilurați următoarea traiectorie de sub suprafața "Principală" și aplicați peria la ea.

Pasul 25

Indicați următorul amestec creând căile care sunt prezentate în diagramele de mai jos.

După aceasta, rezultatele ar trebui să arate după cum urmează:

Pasul 26

Să creați un traseu de cablu care este alcătuit din două părți diferite: una roșie și una verde (culorile părților sunt setate la Nici una, dar sunt afișate doar pentru confortul dvs. și nu au altă relevanță în lucrare). Aveți grijă ca partea superioară să se afle sub telefon, în timp ce partea inferioară a părții inferioare se află în jurul receptorului.

Creați două căi pe una din părțile cablului așa cum se arată.

Selectați aceste două căi și partea din calea cablului, apoi mergeți la Object> Blend> Make. Accesați opțiunea Object> Blend> Blend. Setați aici pașii Spațiul la anumite și cantitatea de pași către numărul dorit. Orientarea trebuie setată la Aliniere la pagina. Rezultatele ar trebui să arate cam așa:

Măriți cantitatea de pași din caseta de dialog Opțiuni de amestecare pentru a primi geometria firului răsucite.

Repetați acest lucru peste partea superioară a traseului cablului.

Acum, selectați două amestecuri și mergeți la Object> Expand de două ori. Apoi mergeți la Object> Ungroup. Veți primi amestecurile făcute din căile compuse. Acum, selectați traiectoria compusului final situat la capătul părții cordonului și umpleți-o cu un gradient radial.

În al doilea rând, trageți o altă cale finală și completați-o cu un gradient radial. Acordați atenție deplasării punctului luminos (indicat de săgeată).

Rezultatele ar trebui să arate după cum urmează.

Atașați cablul la receptor, creând următoarea cale și umplând-o cu un gradient radial.

Pasul 27

Acum ilustrați calea care este prezentată în figura de mai jos. Umpleți-l cu negru. Această cale trebuie să indice partea superioară a receptorului.

Copiați-l și lipiți-l în față (Command + C apoi Command + F). Deplasați copia și completați-o cu un gradient liniar.

Luați Instrumentul Tip (T) și scrieți textul "Contactați-ne" în centrul căii.

Pasul 28

Creați umbra receptorului. Mai întâi, creați următoarele căi: cel mai mare este umplut cu gri, cel mai mic este umplut cu negru (receptorul este invizibil pe următoarele diagrame).

Setați opacitatea la cea mai mare cale spre 0%. Și du-te la Object> Blend> Make (setați Spacing la Smooth Color).

Pasul 29

Creați umbra partea de jos a receptorului în același mod.

Creați umbra partea superioară a receptorului în același mod.

Pasul 30

Creați umbra telefonului însuși.

Acum, selectați cablul (fără calea atașată la receptor), copiați-l și lipiți-l în față (Command + C apoi Command + F). Acum mergeți la Object> Expand.

Apoi mergeți la paleta Pathfinder și faceți clic pe butonul Unite.

Ar trebui să aveți următoarele rezultate:

Acum mergeți la Object> Compound Path> Release. După aceea, mergeți din nou la paleta Pathfinder și faceți clic pe butonul Unite.

Umpleți-l cu gradientul liniar de la gri deschis la gri închis. Reduceți valoarea opacității pentru oprirea culorii gri deschis.

Accesați Obiect> Aranjare> Trimitere înapoi.

Concluzie

Tocmai ai făcut un telefon retro. Sper că ți-a plăcut acest tutorial.