Cum se face un dispozitiv Bluetooth cu un capac

În acest tutorial veți afla cum să creați un dispozitiv Bluetooth utilizând câteva dintre instrumentele de bază din Adobe Illustrator. Pentru a construi acest dispozitiv cu aspect deosebit, veți folosi colțurile rotunde, traiectoria offset și calea de navigare.


Pasul 1

Creați un dreptunghi de 148 x 230 pixeli și mergeți la Efect> Stylă> Colțuri rotunde, setați raza la: 40 pixeli, faceți clic pe OK. Copiați și lipiți dreptunghiul rotunjit folosind Control + C urmat de Control + F. Deplasați copia cu câțiva pixeli în jos, deschideți panoul Aspect, faceți clic pe stratul rotunjit și modificați Radiusul la: 70px, aruncați o privire la imaginea de mai jos pentru trimitere.


Pasul 2

Selectați ambele forme și mergeți la Object> Expand Appearance, apoi deschideți panoul Pathfinder, faceți clic pe butonul Unite și umpleți noua formă cu negru.


Pasul 3

Copiați forma din pasul anterior folosind Control + C urmat de Control + F, deplasați copia 7-8 pixeli spre stânga, schimbați culoarea în alb și mergeți la Object> Path> Offset Path, setați Offset la: 2, 5px, faceți clic pe OK. Modificați culoarea noii forme în negru, apoi selectați ambele forme înapoi și accesați Object> Blend> Make (Alt + Control + B).


Pasul 4

Selectați forma care a apărut în partea de sus a celorlalte forme și mergeți la Object> Transform> Scale, introduceți următoarele setări: Uniform, Scară: 98% și faceți clic pe butonul Copiere.


Pasul 5

Creați un dreptunghi cu o lățime de 4px și o înălțime mai mare decât forma care a apărut în pasul anterior. Centurați dreptunghiul, apoi creați un alt dreptunghi cu o înălțime de 3px și mai lat decât forma care a apărut în pasul anterior, poziționați dreptunghiurile așa cum se arată în imaginea de mai jos. Selectați cele două dreptunghiuri pe care tocmai le-ați creat, deschideți panoul Pathfinder, faceți clic pe butonul Add To Shape Area, apoi selectați forma din pasul anterior și forma care tocmai a apărut, deschideți panoul Pathfinder și faceți clic pe butonul Minus Front.


Pasul 6

Selectați grupul cu cele patru forme care au apărut în etapa anterioară, copiați-l folosind Control + C urmat de Control + F și completați formele cu un Gradient Linear așa cum se arată în imaginea de mai jos.


Pasul 7

Creați un dreptunghi negru de 58px și 81px și mergeți la Efect> Stylize> Round Corners, setați Radius la: 25px, faceți clic pe OK și mergeți la Object> Expand Appearance și mutați forma în poziție așa cum se arată în imaginea de mai jos.


Pasul 8

În cazul în care forma din pasul anterior este încă selectată, mergeți la Object> Path> Path Offset, setați Offset la: -2px, faceți clic pe OK, apoi cu instrumentul Mesh (U), faceți clic pe partea interioară a formei în locuri diferite și corectați culorile așa cum se arată în imaginea de mai jos.


Pasul 9

Creați elipse negre de 135px-130px într-o poziție așa cum se arată în exemplul de mai jos, apoi mergeți la Object> Path> Path Offset, setați Offset la: -3px, faceți clic pe OK și umpleți forma cu un Gradient Linear,.


Pasul 10

În cazul în care elipsa este încă selectată, mergeți la Object> Path> Path Offset, setați Offset la: -2px, faceți clic pe OK și umpleți forma cu un Gradient Linear cu culori de la negru la R: 26 G: 26 B: 32 de grade.


Pasul 11

Cu forma selectată încă, mergeți la Object> Path> Cale Offset, setați Offset la: -9px, faceți clic pe OK și umpleți-o cu un Gradient Radial cu culori de la R: 102 G: 102 B: 26 B: 26.


Pasul 12

Trebuie să utilizăm din nou aceeași tehnică, deci cu forma încă din pasul anterior selectat, mergeți la Object> Path> Cale Offset și setați Offset la: -2px, faceți clic pe OK și umpleți-l cu negru.


Pasul 13

Aplicați o compensare la forma din pasul anterior. Pentru a face acest lucru, selectați forma, mergeți la Object> Path> Path Offset, setați Offset la: -2px, faceți clic pe OK și completați-l cu R: 26 G: 26 B: 26.


Pasul 14

Cu instrumentul Pen (P), adăugați niște forme peste butoane, aplicați un accident vascular cerebral alb de 0,1px, adăugați și ele pictogramele necesare, consultați imaginea de mai jos pentru referință.


Pasul 15

Creați un cerc negru de 45px pe 45px în centrul ultimei elipse și mergeți la Object> Path> Cale Offset, setați Offset la: -1px, faceți clic pe OK și umpleți-l cu un Gradient radial cu culori de la R: 102 G: 102 B: 102 până la R: 26 G: 26 B: 26.


Pasul 16

Aplicați un decalaj -1px în ultimul cerc și completați cu R: 26 G: 26 B: 26, apoi selectați toate formele Bluetooth și grupați-le prin accesarea Object> Group.


Pasul 17

Acum vom crea coperta pentru Bluetooth Crearea a 3 dreptunghiuri cu instrumentul Rectangle (M), primul va fi 144px by 121px, al doilea 170px by 176px și al treilea 177px by 75px, în jurul colțurilor celor 3 dreptunghiuri cu un rază de: 12 pixeli. Deplasați dreptunghiurile în poziție, una peste alta, după cum se arată mai jos, și mergeți la Object> Expand Appearance. Deschideți panoul Pathfinder și dați clic pe butonul Unite, consultați imaginea de mai jos.


Pasul 18

Cu forma din etapa anterioară selectată, umpleți-o cu un Gradient Linear cu culorile R: 66 G: 66 B: 66 până la R: 91 G: 91 B: 93.


Pasul 19

Așa cum este arătat mai jos, creați un dreptunghi negru de 125px-240px peste forma anterioară și în jurul colțurilor cu un Radius de 7px.


Pasul 20

În cazul în care forma este încă selectată, mergeți la Object> Path> Path Offset și setați Offset la: -1px, faceți clic pe OK și umpleți-o cu un Gradient Linear cu culori de la R: 85 G: 85 B: 87 până la R: 127 G : 126 B: 132, Unghi: 90.


Pasul 21

Creați un dreptunghi negru de 100px pe 55px, mergeți la Efect> Stylă> Colțuri rotunde și setați Radius la: 6px, drept apoi mergeți la Object> Expandați Aspect și poziționați forma în partea de jos a capacului. Cu forma încă selectată, mergeți la Object> Cale> Cale de decalare și setați Offset la: -1px, faceți clic pe OK. Umpleți forma rezultată cu un Gradient Radial cu culorile R: 127 G: 126 B: 132 până la R: 66 G: 66 B: 66. Selectați prima formă pe care ați creat-o pentru copertă utilizând Control + C, urmată de Control + F și mutați-o peste toate celelalte, accesând Object> Arrange> Bring To Front. Selectați atât forma pe care ați creat-o mai devreme, cât și forma pe care ați mutat-o ​​peste celelalte și alegeți Object> Mask Clipping> Make (Control + 7).


Pasul 22

Folosind aceeași tehnică, adăugați imaginile prezentate mai jos.


Pasul 23

Creați o formă într-o poziție, după cum se arată în imaginea de mai jos, folosind instrumentul Pen (P), umpleți-l cu un Gradient Linear cu culori de la gri la negru. Aplicați o Shadow Drop, accesând Effect> Stylize> Drop Shadow și introduceți următoarele setări: Mod: Normal, Opacitate: 30%, X Offset: 8px, Y Offset: 8px, Blur: 2px, faceți clic pe OK. Copiați forma folosind Control + C urmată de Control + F, răsuciți-o orizontal și poziționați-o pe cealaltă parte a capacului.


Pasul 24

Creați un dreptunghi de 177 x 162 pixeli, completați-l cu Gradient liniar așa cum se arată în imaginea de mai jos.


Pasul 25

Cu forma încă selectată, trimiteți-o în spatele tuturor celorlalți, accesând Object> Arrange> Send To Back.


Pasul 26

Acum, selectați forma pe care ați trimis-o în spatele celorlalți, mergeți la Object> Path> Path Offset, setați Offset la: -2,5px, faceți clic pe OK și schimbați culoarea în negru.


Pasul 27

Creați un dreptunghi la fel de lat ca cel din Pasul 24 (în acest caz 177px) și faceți înălțimea de 32px. În jurul colțurilor formei, mergând la Efect> Stylize> Round Corners, setați Radius la: 6px, faceți clic pe OK, mergeți la Object> Expandați Aspect și umpleți forma cu gradientul de la Pasul 24. Deplasați forma în poziție și corectați topul puncte ale dreptunghiului, după cum se arată mai jos.


Pasul 28

Cu forma încă selectată, copiați-o utilizând Control + C urmată de Control + F și umpleți cu un Gradient Linear, după cum se arată mai jos, și schimbați Modul de amestecare de la Normal la Color Dodge.


Pasul 29

Acum trebuie să plasăm dispozitivul Bluetooth în interiorul capacului. Pentru a face acest lucru, selectați grupul cu forme de Bluetooth și poziționați grupul între forme, așa cum se arată în imaginea de mai jos.


Concluzie

Pentru a finaliza ilustrația, puteți urma instrucțiunile dintr-un tutorial pe care l-am scris anterior pentru a crea un efect 3D. Experimentați diferite valori în opțiunile Extrude & Bevel pentru a găsi un rezultat dorit. Mai jos sunt câteva modalități diferite de a afișa dispozitivul. Sper că v-ați bucurat de acest tut.