Cum se face o anvelopă 3D detaliată în Illustrator

În acest tutorial, vă voi arăta cum să creați un pneu vector cu instrumente și tehnici foarte ușoare. Partea importantă și mai dificilă a acestui tutorial este dungile de anvelope, dar vom rezolva acest lucru pur și simplu și vom da o privire finală. Instrucțiunea tutorial este furnizată în Adobe Illustrator CS3.

Imagine finală a imaginii

Mai jos este imaginea finală la care vom lucra. Doriți acces la fișierele vectoriale Source și copiile descărcate ale fiecărui tutorial, inclusiv acesta? Alăturați-vă Vector Plus pentru doar 9 $ pe lună.

Pasul 1

Selectați un nou document Web de 1024 x 768 pixeli cu un mod color de RGB și Ecran setat la 72ppi.

Pasul 2

Selectați instrumentul Ellipse (L) și faceți clic pe tabloul de bord în caseta de dialog Elipsă. Setați lățimea și înălțimea la 400px și apoi faceți clic pe OK. Selectați cercul și setați culoarea primului la culoarea none și în culoarea curse la K = 88. Schimbați numele acestui strat în "anvelopă".

Pasul 3

Selectați cercul, apoi mergeți la Efect> 3D> Extrude și Bevel. Faceți clic pe butonul Mai multe opțiuni și setați opțiunile așa cum se arată mai jos, apoi faceți clic pe OK.

Pasul 4

Selectați instrumentul Rectangle sau apăsați M, apoi faceți clic pe artboard și în caseta de dialog setați lățimea
și înălțimea la 600px, respectiv 4px. Acum setați culoarea de umplere la K = 90. Apoi creați un dreptunghi (M) cu o lățime de 4px și respectiv o înălțime de 14px (vezi 4a de mai jos).

Setați culoarea de umplere la K = 90. Pentru cele două dreptunghiuri, selectați o culoare de prim plan K = 100 și setați cursa la zero. Apăsați Shift + F7 pentru a afișa panoul Align. Acum, selectați aceste două dreptunghiuri nou create și faceți clic pe Vertical Align Bottom și Aligning orizontal din stânga în grupul Align Objects din panoul Align.

Selectați dreptunghiul mini și mutați-l cu 7 pixeli în sus apăsând tasta săgeată sus. Apoi faceți o copie a mini-dreptunghiului (apăsând comanda + C apoi Command + F) și mutați-o în partea dreaptă a dreptunghiului lung. Asigurați-vă că țineți apăsat butonul Shift în timp ce îl deplasați (4b).

Selectați dreptunghiul lung și dreptunghiul drept dreptunghi, apoi apăsați Horizontal Align Right în grupul Align Objects din panoul Align. Selectați cele două mini-dreptunghiuri și mergeți la Object> Blend> Blend Options ... apoi, în secțiunea Spacing, selectați Valoarea pașilor specifici de 50 și setați Orientation (Aliniere la cale) și faceți clic pe OK (4c).

Apăsați Comandă + Alt + B pentru a realiza un amestec. Rezultatul dvs. ar trebui să fie exact așa cum este arătat mai jos (4d).

Pasul 5

Selectați mini-dreptunghiurile amestecate și apăsați Command + Alt + Shift + D, apoi în caseta de dialog setați Vertical
la -24 px în grupul Mutare și faceți clic pe Copiere (5a). Acum, selectați dreptunghiul lung și mini-dreptunghiul amestecat superior. Apăsați din nou Comandă + Alt + Shift + D, apoi setați Alinierea verticală la 24 px. Faceți clic pe Copiere (5b). Păstrați selecția și apăsați Command + D. Rezultatul trebuie să fie exact așa cum este arătat mai jos (5c).

Pasul 6

Apăsați A sau selectați Instrumentul de selecție directă din paleta de unelte. Selectați cele două puncte inferioare ale
cele mai multe și cele mai stângi cele mai mici dreptunghiuri ale mini-dreptunghiurilor foarte mici (6a). Apăsați tasta Shift și apoi apăsați o dată tasta săgeată dreapta. Faceți același lucru pentru mini-dreptunghiurile mixte superioare (6b).

Selectați toate mini-dreptunghiurile amestecate și mergeți la Object> Expand, apoi în caseta de dialog Expand asigurați-vă că ambele Object și Fill sunt bifate și faceți clic pe OK (6c). Grupează toate dreptunghiurile mini și lungi. Selectați grupul, apoi copiați (Command + C) și lipiți-l (Command + F). Trageți-l în jos cu 150 de pixeli apăsând tasta săgeată în jos de 15 ori, mențineți apăsată tasta Shift în timp ce trageți (6d).

Mențineți selecția grupului inferior, apoi copiați-l și lipiți-l în față. Acum, apăsați Shift + F8 pentru a aduce paleta Transformare. Nu pierdeți selecția grupului superior, acum în paletul Transformați setați lățimea la 610px. De asemenea, asigurați-vă că ați activat dimensiunile de limitare a lățimii și înălțimii (6e).

Acum, selectați cele două dungi inferioare, apoi în paletul Pathfinder faceți clic pe Intersect Shape Areas și faceți clic pe Expand
Modurile de Formare (6f). Acum setați culoarea de umplere a benzii în formă de K = 100 (6g). Selectați banda superioară și inferioară și faceți clic pe Centrul de aliniere verticală din grupul Alinierea obiectelor din paleta Aliniere (6h). Rezultatul este arătat în ultima imagine de mai jos (6i).

Pasul 7

Acum, selectați ambele dungi și trageți-le în interiorul paletei Simboluri din caseta de dialog Opțiuni de simboluri. Acum denumiți-o "dungă" și setați tipul la grafic (7a). Acum puteți șterge simbolul cu benzi din tabloul de bord.

Pasul 8

Selectați anvelopa și apăsați Shift + F6 pentru a scoate paleta de aspect. În Paleta de aspect veți găsi opțiunea 3D Extrude & Bevel, mergeți mai departe și faceți clic pe ea. În opțiunile 3D Extrude & Bevel verificați previzualizarea (8a). Faceți clic acum pe butonul Harta artei. În caseta de dialog Map Art pentru tipul câmpului Surface 6 apoi apăsați Enter (8b). Acum, în câmpul Simbol, selectați simbolul banda (8c). Scalați-o după cum se arată (8d), apoi faceți clic pe OK și înapoi la tabloul de bord. Rezultatul este arătat în ultima imagine de mai jos (8e).

Pasul 9

Selectați anvelopa și accesați Object> Expand Appearance. Acum, anulați anvelopa de trei ori și selectați partea dungată a anvelopei (9a). Faceți clic dreapta pe el și selectați Release Clipping Mask (Masă de tăiere) (9b).

Pasul 10

Selectați banda de cauciuc, tăiați-o (Command + X) și faceți un nou strat din Paleta de straturi. Acum denumiți-o "dungă" și lipiți-o la loc (Command + F). Blocați stratul "dungă". Acum, selectați întregul strat al anvelopei, faceți clic pe Adăugare în zona de formare, apoi pe Expandați în paleta Pathfinder (10a).

Pasul 11

Creați un cerc nou cu dimensiuni de 400 x 400 pixeli. Setați culoarea Stroke la K = 100 și setați culoarea de umplere la zero. Acum, selectați cercul și apăsați pe S cheie și introduceți. Acum, în câmpul de dialog Scală introduceți 80 în câmpul Scale și faceți clic pe Copiere (11a).

Mențineți selecția, apoi apăsați din nou tasta Enter. Tastați 90 în câmpul Scale și faceți clic pe Copiere (11b). Selectați și tăiați (Command + X) cercul mai mare. Creați un strat nou, denumiți-l "cerc 1" și lipiți în față (Command + F).

Selectați și tăiați (Command + X) cercul mediu. Efectuați un nume de strat nou pe care îl "cerc 2." Lipiți în față (Command + F), apoi selectați cel mai interior cerc. Tăiați (Command + X) și faceți un strat de "roată" și lipiți în față (Command + F). Rezultatul până în prezent este prezentat mai jos (11c).

Pasul 12

Selectați "roată", apăsați S, și apoi introduceți. Acum, în caseta de dialog Scală de tip 45 din Scală
, apoi faceți clic pe Copiere. Tăiați mini-cercul și faceți un nou strat și numiți-l "mini_circle" (12a). Selectați "cerc 2", apoi în paleta Stroke faceți clic pe Align Stroke to Inside și introduceți o greutate de 18pt (12b). Acum, selectați "roată" și procedați la fel ca în cazul "cercului 2", dar setați Greutatea Accidentului la 80pt (12c).

Pasul 13

Selectați roata și setați linia Dashed la 89pt pentru prima linie și distanța până la
92pt, după cum se arată mai jos (13a). Selectați "roată" și "cerc 2" și mergeți la Object> Expand Appearance, apoi faceți clic pe
Extindeți în paleta Pathfinder. Acum puteți șterge stratul "cerc 2" pe care îl are deja "cercul 2"
copiat pe stratul "roată". Acest lucru se datorează faptului că stratul superior are prioritate, după cum se arată mai jos (13b).

Pasul 14

Selectați "mini_circle", apoi apăsați S. Introduceți o valoare Scale de 200 și apăsați Copiere. Din nou
selectați "mini_Circle" și apăsați S și apoi introduceți. Acum introduceți o valoare Scale de 130 și apăsați Copiere. Blocați stratul "mini_circle" (14a).

Selectați instrumentul Add Anchor Point. Cu această unealtă, adăugați puncte de ancorare la fiecare centru al roții, după cum se arată mai jos (14b). Acum, cu acest instrument, adăugați mai multe puncte de ancorare la zona intersectată a roții, cu două cercuri noi create din "mini_circle", după cum se arată mai jos (14c la 14d). Acum, deblocați stratul "mini_circle" și selectați numai straturile "mini_circle" și "wheel", faceți clic pe Add to Area Area (Adăugare în figura) și apoi pe Expand în paleta Pathfinder.

Ștergeți acum cele două cercuri, ceea ce am creat mai devreme de la "mini_circle". Schimbați numele "mini_circle" în "roată" și ștergeți stratul mai vechi "roată". Selectați instrumentul Adăugare punct de ancorare, faceți acum niște puncte de ancorare în spațiul roții până la marginea "mini_circle" așa cum este arătat (14e).

Pasul 15

Selectați instrumentul Ștergeți punctul de ancorare din paleta de unelte. Acum îndepărtați toate punctele de ancorare ale roții așa cum se arată în (15a). Acum folosiți Instrumentul de conversie a ancorei sau apăsați Shift + C pentru a alinia marginea mini_circle după cum se arată în imaginea 15b repetați același mecanism pentru a netezi toate celelalte margini mini_circle.

Vedeți această imagine cu ideea cum ar trebui să vă convertiți punctele de ancorare (15c). Acum, selectați punctele de colț (15d) cu Instrumentul de selecție directă (A), apoi faceți clic pe Conversia punctelor de ancorare selectate pentru a netezi ca în (15e). Repetați aceste etape pentru a netezi toate celelalte puncte de colț ale roții. Imaginea finală ar trebui să arate ca imagine (15f).

Pasul 16

Creați un nou nume al stratului pe care îl "rotiți". Creați un cerc cu o dimensiune de 35 x 35 pixeli. Apoi setați culoarea Fill and Stroke la K = 100. De asemenea, setați Stroking Stroke la exterior, Greutate la 37pt, Linie întreruptă până la prima bordură 12pt și primul decalaj 10pt (16a).

Blocați toate straturile, cu excepția stratului nou creat în partea de sus a roții. Selectați "partea superioară a roții" și accesați Object> Expand Appearance, apoi faceți clic dreapta pe ea și selectați Ungroup. Selectați cercul "de sus al roții" (16b) și faceți-l ușor mai mare prin tragerea lui, continuați să apăsați comanda + Shift în timp ce trageți pentru a obține forma perfectă și poziția.

Acum, selectați forma cercului și a cursei și faceți clic pe Adăugare în zona de formare, apoi pe Expandați în paleta de trasee așa cum este arătat (16c). Creați un cerc nou cu o dimensiune de 85px și 85px și aliniați-i centrul "capului roții". Faceți acest lucru selectând "roată de sus" și cerc, apoi faceți clic pe Centrul de aliniere orizontală și pe Centrul de aliniere verticală din grupul Alinierea obiectelor din paletul Aliniere (16d).

Pasul 17

Acum, selectați cercul și blocați-l (Command + 2), apoi faceți puncte cu fiecare cerc intersectat cu cercul și ridicați și puncte în mijlocul fiecărei margini laterale exterioare a "vârfului roții" (17a).

Acum, eliminați toate punctele de colț (17b). Transformați colțurile marginilor și rotiți-o după cum se arată (17c). Selectați punctele de colț cu Instrumentul de selecție directă și faceți clic pe Conversia punctelor de ancorare selectate la Smooth (17d). Acum, apăsați Command + Alt + 2 pentru a debloca cercul și șterge-l.

Pasul 18

Creați un cerc nou la dimensiunea de 22px și 22px. Setați culoarea de umplere la maro închis (R = 66 G = 33 B = 11). Veți găsi în paleta implicită RGB Swatches Palet și setați culoarea stroke la maro (R = 96 G = 56 B = 19). Veți găsi această culoare doar pe partea stângă a culorii dvs. de umplere (18a).

Acum, selectați instrumentul Polygon, țineți apăsat Shift în timp ce desenați poligonul, apoi setați lățimea la 19px. Asigurați-vă că ați activat dimensiunile Constrains Width and Height (18b).

Selectați poligonul și setați Culoare de umplere la None și Stroke la 3px și culoarea neagră (K = 100). Accesați Object Extend (Expand obiect) din caseta de dialog și faceți clic pe OK. Acum folosiți instrumentul Delete Anchor Point pentru a șterge punctele interioare ale poligonului după cum se arată mai jos (18d).

Selectați poligonul și completați-l cu un gradient așa cum este arătat (18e). Culorile sunt diferite de gri, cu un unghi de -34. Setați culoarea Stroke a poligonului la gri închis cu o greutate a cursei de 0,5pt. Acum centrați cercul și poligonul împreună. Plasați-o în mijlocul unei mâini "de sus" și copiați-o în celelalte mâini, rotiți și unele șuruburi la un unghi diferit.

Pasul 19

Adăugați o suprapunere de gradient pe "suprafața roții" așa cum se arată în imaginea 19a. Selectați "partea de sus a roții" și faceți o copie a acesteia și lipiți-o. Acum schimbați culoarea în gri (K = 30). Mutați-l 1px în stânga și 1px în jos, trimiteți-l înapoi apăsând tasta Command + Stânga Bracket (19b).

Selectați roata și schimbați culoarea de umplere până la gradient (19c). Copiați și lipiți în fața roții. Schimbați culoarea de umplere la None și Stroke la gri închis (K = 70), apoi trimiteți-o înapoi apăsând tasta Command + Stânga.

Acum adăugați o culoare Stroke de gri deschis (K = 20) pe "roata superioară". Selectați roata superioară și inferioară și accesați Object> Blend> Blend Options (19d). Apăsați Comandă + Alt + B pentru a realiza un amestec (19e). Editați un logo așa cum este arătat (19f). Plasați textul (19g). Acum, selectați "roată", "roată de roată" și grupul de text și redenumiți-le "roata" (19h).

Pasul 20

Selectați "roată" și mergeți la Efect> 3D> Rotire, apoi schimbați setările după cum se arată (20a). Păstrați selecția și accesați Object> Expand Appearance (Obiect)> Expand Appearance (20b).

Pasul 21

Du-te și deblocați stratul "anvelopă". Efectuați un cerc nou de 500px la 500px și setați culoarea de umplere la culoarea Niciuna și Stroke la negru. Accesați Efect> 3D> Rotire și modificați-o după cum se arată (21a). Acum, plasați-o după cum se arată mai jos (21b).

Faceți o copie a cercului și lipiți-o. Schimbați mărimea la 322px la 322px. Așezați-o așa cum se arată (21c). Faceți acum mai multe două cercuri la 390 de pixeli până la 390 de pixeli și la 440 de pixeli până la 440 de pixeli, copiind-o și plasați după cum se arată (21d). Vom numi aceste patru lovituri: "cercul 1", "cercul 2", "cercul 3" și "cercul 4" începând de la cel mai mic.

Pasul 22

Setați culoarea "cercului 1" în culoarea gri (K = 40), iar culoarea "cercului 2" atinge culoarea gri (K = 20). Selectați "cercul 1" și "cercul 2 și faceți o copie. Păstrați copia selectată (22a).

Mergeți la Object> Blend> Blend Options, setați după cum se arată (22b). Acum apăsați Command + Alt + B pentru a amesteca. Acum selectati "cercul 1" si "cercul 2" amestecati si apasati tasta Command + Shift + dreapta pentru ao aduce in fata.

Pasul 23

Returnați copiile "cercului 1" și "cercul 2" și plasați-o exact în starea sa anterioară. Selectați-l, apoi apăsați tasta Command + Shift + Bracket dreapta pentru ao aduce în față.

Modificați culoarea "cercului 1" în gri (K = 60) și "cercul 2" până la gri închis (K = 80), după cum se arată (23a). Setați culoarea "cercului 3" în culoarea întunericului (K = 70), cercul 4 Împingeți culoarea spre gri închis (K = 80). Selectați "cercul 2", "cercul 3" și "cercul 4." Setați modul de amestecare și adăugați-l după cum este arătat (23b).

Pasul 24

Efectuați un cerc de 220 px pe 220 de pixeli și completați-l cu negru. Accesați Efect> 3D> Rotire ... și schimbați setările după cum se arată (24a). Copiați-l și plasați-l în față (Command + F). Schimbați umplutura de cerc superior până la gri închis (K = 70). Deplasați copia 6px în sus și 6px dreapta. Selectați cele două cercuri și amestecați (4b). Acum poziționați-o după cum se arată mai jos (24c).

Concluzie

Am adăugat în cele din urmă textul marcat și l-am modificat ușor pentru al face mai evident. O mare problemă cu forma roții este aceea că, atunci când o rotim cu instrumentul 3D, acesta a pierdut aspectul perfect (în special cu găurile sale), acest lucru nu poate fi rezolvat direct, dar îl putem rezolva manual. Deci, este o idee bună să planificați unghiul în care roata va fi plasată de la început. Acesta a fost primul meu tutorial și comentariile sunt binevenite. Vă mulțumim pentru lectură!

Abonați-vă la Vectortuts + RSS Feed pentru a rămâne la curent cu cele mai recente tutoriale vectoriale și articole.