Desenați un ceas de buzunar vector - în față și în spate

În acest tutorial veți învăța cum să desenați din față și din spate un ceas de buzunar de la zero. Acest tutorial este detaliat și până la sfârșit veți ști cum să desenați tot felul de forme, cum ar fi roțile dințate și șuruburile mici. Veți învăța să creați periile de împrăștiere folosite pentru desenele de pe ceas și cum să utilizați unele dintre modelele și gradientele existente în biblioteca Illustratorului în avantajul dvs..

Partea 1 - Desenați partea frontală a ceasului de buzunar

Pasul 1

Deschideți un nou document web. Luați instrumentul Ellipse și trageți o formă ovală, apoi mergeți la Object> Path> Path Offset. Asigurați-vă încă trei ovale ca mai jos, toate cu un accident de 0,5 pt.

Desenați încă două ovale, selectați-le pe cele două, apoi mergeți la panoul Pathfinder și faceți clic pe Extragere din zona de formă pentru a obține zona goală de pe capacul unde va fi sticla. Acum, luați instrumentul Pen și trageți forma de mai jos pentru partea de jos a ceasului sau desenați un cerc mare și doar ștergeți punctul superior, apoi trimiteți această formă înapoi.

Pasul 2

Utilizați gradienți de aur pentru fiecare formă, schimbând unghiul pentru a obține mai multe reflecții. Puteți folosi gradienții de aur din Biblioteca Swatches sau creați-vă propriile dvs. prin înlocuirea uneia dintre culorile din ea cu un ton galben diferit, ca cel din imaginea următoare.

Acum mergeți la Object> Extindeți și extindeți cursorul de 0,5 pt (menționat mai sus) pentru fiecare oval. Apoi le umpleți și cu un gradient de aur. Forma trasată ca ecran este umplută cu un gradient radial din această culoare R = 248, G = 247 și B = 244) până la R = 240, G = 228 și B = 203.

Pasul 3

Selectați ovalul mai mare folosit pentru a face capacul, apoi mergeți la Object> Path> Path Offset și faceți ovalul pe care îl vedeți mai jos undeva în mijloc. Dacă nu aveți copii ale ovalurilor originale utilizate mai sus, selectați capacul, copiați și lipiți în față, mergeți la Object> Compound Path> Release și ștergeți doar umplerea pentru a obține căile. Rețineți că vom avea nevoie de aceste ovale mai târziu.

Acum copiați și lipiți în fața capacului capacului, selectați atât capacul copiat, cât și ovalul pe care tocmai l-ați făcut (care ar trebui să fie pe partea de sus) și accesați panoul Pathfinder> Scădere din zona profilului> Extindeți pentru a obține cea de-a doua formă de mai jos. Schimbați umplutura la un alt gradient de aur și trimiteți-o în spatele capacului original al capacului.

Pasul 4

Desenați formele din următoarea imagine. Pentru ovalul mai mic puteți utiliza din nou calea de decalare, apoi selectați ambele ovale și mergeți la Pathfinder / Subtract din zona de formă / Extindere. Umpleți toate formele cu gradienți de aur, apoi copiați și lipiți înapoi forma inelului, mutați-o puțin în jos și spre stânga, apoi schimbați tonurile galbene din gradient cu un maro deschis pentru a obține un pic de adâncime.

Pasul 5

Desenați o ovală mai mult, apoi utilizați Cale de decalaj pentru a le face pe ceilalți folosind valori precum: -1 px și -2 px. Repetați aceiași pași, selectând întotdeauna ultima formă pentru a face următoarea. Pentru fiecare trageți (utilizând Instrumentul de selecție directă) punctele superioare și inferioare pentru a se potrivi cu primul oval așa cum se arată. De asemenea, schimbați unghiul pentru gradienți pe măsură ce mergeți pentru a obține reflecții diferite. Când ați terminat și nu mai puteți face alte forme, grupați-i și plasați-i în spatele inelului.

Apoi, rotiți grupul de forme și plasați-le în spatele ceasului așa cum se arată.

Pasul 6

Am făcut niște scrisori personalizate pentru a indica orele. Alegeți un font care vă place și utilizând Instrumentul Tip, apoi scrieți litera "I" și Extindeți-l.

Acum trageți un pătrat mic, mergeți la Efect> Stylă> Colțuri rotunde, apoi selectați ambele și faceți clic pe Centrul de aliniere orizontală și pe Centrul de aliniere verticală din panoul Aliniere. Acum, faceți clic pe Adăugați în zona de formare și extindeți din panoul Pathfinder.

Acum vom face un alt pătrat alb și vom aplica Round Corners. Selectați formele, aliniați-le din nou și faceți clic pe Scădere din zona de formă și pe Extindere pentru a crea spațiul gol acolo în mijloc. Acum compuneți restul orelor așa cum este arătat.

Pasul 7

Selectați ecranul oval făcut la început, copiați-l și lipiți-l, ștergeți umplutura și dați-i o curbă de 0,5 pt. Apoi treceți la Object> Path> Cale Offset și setați valoarea Offset la -1px sau -2px în funcție de dimensiunea ovală pentru a obține primul oval mai mare pe care îl vedeți mai jos. Pentru a face pe cel mai mic din interior, setați valoarea offset-ului la -3px, care ne va da dimensiunea diviziunilor mai târziu.

Apoi luați Instrumentul pentru segmentul rândului, selectați o cursă de 0,5 pt și trageți o linie pentru a urma direcția de 12 ore, a mea este linia roșie din imagine. Selectați linia, mergeți la Obiect> Transformați> Transformați fiecare și Rotiți 6 grade, apoi apăsați doar pe Command + D pentru a repeta până când acoperiți întregul oval.

Acum, selectați ovalul mai mare și toate liniile (asigurați-vă că ovalul se află în partea de sus a liniilor, dacă nu mergeți la Object> Arrange> Bring To Front), apoi mergeți la Object> Mask Clipping> Make then Object> Expand. Acum faceți clic pe Împărțire din panoul Pathfinder și Ungroup pentru a obține cea de-a treia formă din imaginea de mai jos. Dar vom termina cu câteva forme goale în plus (vezi roșul selectat) care trebuie să fie șterse înainte de a merge mai departe. Apoi, asigurați-vă că ovalul mai mic realizat mai devreme se află pe partea de sus a liniilor, selectați ambele și faceți clic pe Excludeți zonele de suprapunere de formă și extindeți din panoul Pathfinder, apoi Divide și Ungroup din nou.

Acum, începeți să ștergeți toate formele suplimentare (a se vedea albastrul selectat) și veți termina cu doar diviziunile de care aveți nevoie. De asemenea, dați un accident de 1 pt diviziunilor corespunzătoare orelor pentru a le face mai evidente și lăsați minutele să fie doar o umplere neagră.

Pasul 8

Pentru a desena mâinile oră luați instrumentul Rectangle și trageți un dreptunghi lung ca în cele de mai jos. Apoi, utilizați instrumentul de poligon pentru a desena un triunghi, o rotiți vertical și utilizați instrumentul de selecție directă pentru a trage punctul inferior în jos. Apoi trageți vârful mâinilor oră și plasați-le pe toate după cum vedeți mai jos. I-am personalizat, de asemenea, pentru a le face să arate ca orele, așa că urmați pasul 6 și faceți același lucru.

Pasul 9

Acum, plasați diviziile deasupra ecranului, apoi selectați numai cele care se află pe capac, grupați-le și trimiteți-le în spatele lor. Acum rotiți și puneți orele și orele de lucru sub un cerc mic în mijlocul ecranului. La acest pas, ceasul meu arată ca imaginea următoare.

Pasul 10

Utilizați din nou capacul original original mai mare din capac și faceți cele trei din partea inferioară folosind Cale de decalare, apoi faceți același lucru cu cel mai mic. Salvați câteva copii ale acestor ovale, deoarece le vom avea nevoie mai târziu.

Extindeți-le pe toate și umpleți-le cu un gradient de aur, apoi setați modul Blending la Light Light numai pentru cele trei cele mai mici. Culorile folosite pentru gradient sunt: ​​(R = 195, G = 146 și B = 46), (R = 255, G = 251 și B = 204), R = 193, G = 144 și B = 46), (R = 236, G = 212 și B = 134) și (R = 255, G = 249 și B = 202). Copiați forma capacului și Lipiți în față, selectați atât capacul lipit, cât și toate oalele făcute și mergeți la Object> Mask Clipping> Make.

Pasul 11

Acum, selectați ovalul mai mic din capac și ovalul mai mic din cele pe care le-am menționat pentru a le salva deasupra (vezi imaginea), apoi copiați și lipiți-le pe ambele în față. Acum, faceți clic pe Excluderea suprafețelor de suprapunere și Extinderea din panoul Pathfinder. Accesați Biblioteca Swatches> Modele> Decorative> Decorative_Geometrice 1 și alegeți Culoare Diamond Spirals pentru a umple forma, a seta modul la Lumină moale și a reduce Opacitatea la 60%.

Pasul 12

Luați spirala și trageți o spirală, apoi o trageți cu peria din imaginea de mai jos găsită în Bibliotecile de perii. Copiați și lipiți-o încă o dată, răsturnați-o vertical și plasați-o după cum se arată. Acum trageți celelalte forme utilizând instrumentul Pen. Grupează-le pe toate și trageți-le în panoul Brushes și selectați New Scatter Brush. Desenați un mic cerc negru și trageți-l în panoul Perii, de asemenea, deoarece vom avea nevoie mai târziu.

Pasul 13

Desenați o ovală și plasați-o ca în partea de jos, după care faceți clic pe ea folosind Pensulă pentru scatter pe care tocmai am făcut-o și setați valorile ca în imagine. Apoi, mergeți la Object> Expand, umpleți grupul de forme cu un gradient de aur, setați modul la Multiplicare și reduceți opacitatea la 30%.

Faceți același lucru, dar utilizați cercul negru Scatter Brush din pasul 12. Ceasul de buzunar arată astfel:

Pasul 14

Pentru a face paharul pe capacul Copiați și lipiți în față ovalul mai mic folosit pentru a face capacul la început, umpleți-l cu un gradient liniar de la gri la alb și reduceți opacitatea la 40%.

Pasul 15

Pentru a adăuga mai multă strălucire, utilizați instrumentul Pix pentru a desena forma din următoarea imagine, umpleți-o cu un gradient liniar de la o culoare galbenă la albă, adăugați un 1,4x Gaussian Blur, setați modul la ecran și micșora opacitatea la 60%.

Pasul 16

Copiați și lipiți în față ovalul făcut la începutul tutorialului, umpleți-l cu același model utilizat anterior, care este Diamond Spirals Color și setați modul Blending la Soft Light.

Pasul 17

Acum copiați și lipiți în fața formei ecranului și diviziilor, apoi utilizați instrumentul de scalare pentru a le micșora ca mai jos. De asemenea, copiați și lipiți una din mâinile oră, micșorați-o și apoi plasați 60, 15, 30 și 45 ca secunde în loc de ore. De asemenea, copiați și lipiți înapoi primele două mâini de oră, mutați-le puțin, dați-le un Gaussian Blur de 1 px și reduceți opacitatea la 20%.

Am terminat cu prima parte a tutorialului. Iată cum trebuie să pară partea din față a ceasului de buzunar:

Partea 2 - Desenați partea din spate a ceasului de buzunar

Pasul 18

Pentru a face partea din spate a ceasului, trageți ovale ca și în partea din față și umpleți-le cu același gradient de aur, faceți același lucru și cu Accidentul de 0,5 pt ca la început. Copiați și lipiți grupul de sonerii și plasați-l în spatele ovelelor așa cum se arată. Iată o privire clară asupra a ceea ce veți desena până la sfârșit.

Pasul 19

Luați instrumentul Pen și trageți forma roșie pe care o vedeți în imaginea de mai jos. Nu vă faceți griji cu privire la margini, deoarece veți face o mască de tăiere mai târziu folosind cercul pentru a se încadra în interiorul ceasului.

În continuare trageți forma verde, apoi copiați și lipiți în față (vom avea nevoie de forma inițială din nou mai târziu). Selectați atât forma verde, cât și cercul, apoi faceți clic pe Subtracție din zona de formă și pe Expand pentru a obține cea de-a doua formă verde de mai jos.

Desenați cercurile negre, selectați-le pe ambele (asigurați-vă că cercul mai mic se află pe partea de sus a celeilalte) și faceți clic pe Subtractare din zona de formă și pe Expand pentru a crea forma selectată în imagine. De asemenea, salvați întotdeauna copii ale fiecărei forme și cercuri pe care le faceți, deoarece veți avea nevoie de ele mai târziu pentru a crea alte forme.

Acum trageți forma prezentată și utilizați același cerc de sus, faceți clic pe Subtracție din zona de formă și pe Expand pentru a crea forma selectată mai jos.

Pasul 20

Umpleți fiecare dintre forme cu gradienți de aur, modificați doar unghiul pentru ca unele dintre ele să nu arate la fel. De asemenea, acum este momentul pentru a face masca despre care am vorbit mai devreme. Copiați și lipiți în fața cercului interior al ceasului realizat la început, același lucru folosit mai sus. Selectați-l și forma care trece peste ea și mergeți la Object> Mask Clipping> Make.

Pasul 21

Luați instrumentul Ellipse și trageți cercurile de mai jos, apoi utilizați Cale de decalaj pentru a face cele mai mici din interior. Pentru a face forma selectată din imagine, selectați ambele forme pe care le-am așezat în dreapta pentru a le vedea mai bine, r și faceți clic pe Intersect Shape Areas și Extindeți din panoul Pathfinder. Apoi, desenați celelalte forme utilizând instrumentul Ellipse și instrumentul Rounded Rectangle Tool, selectați-le pe ambele, apoi faceți clic pe Add to Shape Area și Expand.

Pasul 22

Gradientul pe care l-am folosit pentru a umple formele este Steel din Biblioteca Swatches, setat la Multiply, dar puteți folosi orice gradient metal pe care îl preferați. De asemenea, cele mai mici din partea de sus sunt umplute cu un gradient metalic, dar sunt setate la Normal.

Pasul 23

Luați instrumentul Ellipse și trageți un cerc, apoi mergeți la Object> Path> Cale Offset pentru a crea cel mai mic din interior (salvați o copie a celui mai mic pentru că veți avea nevoie mai târziu). Selectați-le pe ambele și faceți clic pe Scădere din zona de formare și pe Extindere pentru a obține prima formă de mai jos. Acum folosiți Instrumentul rotunjit dreptunghi pentru a desena un dreptunghi și așezați-l așa cum este arătat (cel superior din grupul selectat), apoi copiați și lipiți în față o dată și mutați-l jos.

Grupați cele două dreptunghiuri, mergeți la Obiect> Transformați> Transformați fiecare și selectați rotiți -20 de grade, apoi apăsați doar pe Command + D până când cercul este acoperit de jur împrejur. Ungroupați toate dreptunghiurile, selectați-le pe toate (fără cerc) și din nou mergeți la Object> Transform> Transform Each și selectați rotate -20 grade (a se vedea a treia formă de mai jos).

Acum, selectați din nou toate formele, inclusiv cercul, și faceți clic pe Adăugare la zona de formare și pe Expandare. În locul următor, cercul mai mic pe care l-am menționat pentru a salva mai devreme, după cum vedeți mai jos (cel roșu), selectați ambele și faceți clic pe Subtractare din zona de formă și expandați. Acesta este primul tip de roată dințată pe care o vom folosi pentru ceas.

Pasul 24

Luați instrumentul Pen și trageți forma de mai jos sau o faceți simetrică doar prin desenarea a jumătate din ea, reflectând-o și apoi adăugând punctele. Acum, trageți un cerc și apoi faceți același lucru ca în pasul 23 de mai sus și plasați două forme ca în cele de mai jos.

Grupați-le și mergeți la Object> Transform> Transform Each și selectați rotiți 6 grade, apoi apăsați doar Command + D până când acoperiți cercul din jur. După ce ați terminat, selectați toate formele și cercul, apoi faceți clic pe Adăugați la zona de formare și pe Expandați, apoi completați cu un gradient de aur.

Pasul 25

Pentru a desena următorul tip de roată-cilindru, utilizați forma de mai sus și trageți un cerc mai mic în interiorul acestuia, apoi selectați ambele și faceți clic pe Excludeți zonele de suprapunere și pe Expandare.

Pasul 26

Copiați din nou forma de deasupra și umpleți-o cu un gradient metalic, cel pe care l-am folosit este oțel inoxidabil din Biblioteca Swatches. Copiați și lipiți din nou în față și schimbați unghiul gradientului la 90 de grade, apoi setați modul la Lighten. Grupați cele două forme.

Pasul 27

Dacă este necesar, scalați toate roțile dințate mici și plasați-le după cum se arată.

Pasul 28

Amintiți-vă cele două cercuri de la Pasul 19, despre care am spus că veți avea nevoie din nou? Selectați-le pe ambele și faceți clic pe Scădere din zona de formă și pe Expandare (asigurați-vă că cercul mai mic este deasupra) pentru a obține forma roșie de mai jos.

Acum, trageți un cerc, dați-i un Accident de 1,2 pt și extindeți-l, apoi selectați ambele forme și faceți clic pe Intersect Shape Areas (Expand zone de formă) și Extend (Expand). Umpleți forma cu un gradient de aur și plasați-o așa cum vedeți în al doilea rând. Pentru cercul de aur mai mare în jurul celorlalte forme, trageți un cerc, dați-i un indice de 1,3 ori, extindeți-l și apoi umpleți-l cu același gradient.

Apoi, luați Instrumentul rotunjit dreptunghi, trageți mici dreptunghiuri și plasați-le ca în spatele cercului. Am vrut să adaug o textură mai mult, deci pentru ca să luați instrumentul Ellipse și să desenați un cerc mic, mergeți la Biblioteci Swatches> Modele> Grafică de bază> Grafică de bază, găsiți USGS 8 Eliminare canalizare și umpleți cercul.

Copiați și lipiți în fața cercului și selectați din panoul de transformare rotiți 90 de grade pentru a obține modelul pătratelor. Grupați cele două cercuri și micșorați Opacitatea pentru grup la 20%.

Plasați toate formele făcute de mai sus așa cum este arătat. Următoarea copie și lipire În Înapoi unul din cercurile cu modelul de mai sus și schimbați umplutura la un gradient radial care merge de la alb la galben.

Pasul 29

Pentru a desena următoarele patru forme, urmați imaginea. Desenați formele pe care le vedeți și faceți clic pe Add To Shape Area și expandați pentru a le face. Pentru a le umple, mergeți la Biblioteca Swatches> Gradients> Metals și găsiți Aur alb.

Pasul 30

Acum poziționați figurile de mai jos și creați o altă mască de tăiere folosind cercul interior al ceasului ca și cum ați procedat anterior pentru a ascunde marginile care trec peste el. Pentru a adăuga unele umbre Copiați și lipiți Înapoi în fiecare dintre forme, mutați-le un pic spre stânga, umpleți cu negru, adăugați un Gaussian Blur de 1,2 px și coborâți Opacitatea la 35%.

Pasul 31

Pentru a desena șuruburile mici, luați instrumentul Ellipse și trageți câteva cercuri, apoi utilizați Calea de decalaj pentru a face cele mai mici înăuntru și cu Instrumentul dreptunghi trageți dreptunghiul deasupra acestora. Pentru ultimul tip de șuruburi utilizați trei cercuri, umpleți al doilea cu gradientul radial folosind tonuri roșii așa cum se arată și umpleți al treilea cu un gradient radial folosind tonuri albe și gri deschis. Grupați toate formele pentru fiecare șurub și faceți mai multe copii, de asemenea dimensiuni diferite (consultați imaginile de la Pasul 33).

Pasul 32

Utilizați Instrumentul rotunjit dreptunghi pentru a desena dreptunghiul de mai jos, apoi luați Instrumentul de selecție directă și deplasați punctele așa cum se arată. Umpleți cu un gradient de aur, faceți mai multe copii și plasați-le în spatele unora dintre roțile mici.

Pasul 33

Până în acest moment, partea din spate a ceasului de buzunar arată astfel:

Pasul 34

Pentru mai multă adâncime puteți adăuga mai multe umbre în spatele unor forme. Selectați una dintre formele de mai jos, copiați și lipiți înapoi, mutați-o puțin în stânga sau în dreapta, în funcție de poziția formei pe care ați selectat-o ​​și umpleți-o cu negru, apoi adăugați unele neclare și reduceți opacitatea.

Faceți același lucru cu toate formele selectate în imagine. Valorile Gaussian Blur sunt între 1px -1,8 px și Opacity între 25-45% în funcție de fiecare formă. De asemenea, adăugați umbre în spatele fiecărei mici roți dințate în același mod pentru o mai mare adâncime.

Lucrările sunt aproape terminate. Partea din spate a ceasului de buzunar este finalizată și arată astfel:

Pasul 35

Pentru a adăuga mai multă strălucire, copiați și lipiți înapoi anumite părți ale ceasului. Din partea din față: capacul, inelul, fundul și cercul mai mare al corpului (grupează-le pe toate). Din partea din spate, selectați inelul și cercul mai mare și grupați-i. Apoi mutați toate aceste forme selectate într-un nou strat.

Copiați și lipiți Înapoi toate aceste forme din nou, schimbați culoarea de umplere până la negru, deplasați-le puțin în jos, apoi răsuciți capacul vertical și aplatizați-l. Selectați întregul strat făcând clic pe cercul de lângă numele acestuia și mergeți la Efect> Blur și aplicați un Gaussian Blur de 3 px, apoi reduceți opacitatea la 50% pentru întregul strat (vedeți stratul "umbre" din imaginea următoare).

Imaginea finală

Munca se face! Iată imaginea finală a ceasului de buzunar. Sper că ați găsit acest tutorial util și că ați învățat câteva tehnici noi.

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