Hvordan lage en Bluetooth-enhet med et deksel

I denne opplæringen lærer du hvordan du lager en Bluetooth-enhet ved hjelp av noen av de grunnleggende verktøyene som finnes i Adobe Illustrator. For å bygge denne flotte enheten bruker du Round Corners, Offset Path og Pathfinder.


Trinn 1

Lag en 148px med 230px rektangel og gå til Effect> Stylize> Round Corners, sett Radius til: 40px, klikk OK. Kopier og lim inn det avrundede rektangelet med Control + C etterfulgt av Control + F. Flytt kopien noen få piksler ned, åpne Utseendepanelet, klikk på Round Corners-laget og endre Radius til: 70px, ta en titt på bildet nedenfor for referanse.


Steg 2

Velg begge figurene og gå til Objekt> Utvid Utseende, åpne deretter Pathfinder-panelet, klikk på Unite-knappen og fyll den nye formen med svart.


Trinn 3

Kopier formen fra forrige trinn ved hjelp av Control + C, etterfulgt av Control + F, flytt kopien 7-8 piksler til venstre, bytt fargen til hvit og gå til Objekt> Path> Offset Path, sett Offset til: 2, 5px, klikk OK. Endre den nye formens farge til svart, velg deretter begge tilbakeformene og gå til Objekt> Blend> Lag (Alt + Kontroll + B).


Trinn 4

Velg formen som dukket opp på toppen av de andre figurene, og gå til Objekt> Transform> Skala, skriv inn følgende innstillinger: Enhet, Skala: 98% og klikk på Kopier-knappen.


Trinn 5

Lag et rektangel med en bredde på 4px og en høyde som er høyere enn formen som ble vist i forrige trinn. Senter rektangelet, og opprett deretter et annet rektangel med en høyde på 3px og bredere enn formen som dukket opp i forrige trinn, plasser rektanglene som vist på bildet nedenfor. Velg de to rektanglene du nettopp har opprettet, åpne Pathfinder-panelet, klikk på Add to Shape Area-knappen, velg deretter formen fra forrige trinn og formen som nettopp dukket opp, åpne Pathfinder-panelet og klikk på Minus Front-knappen.


Trinn 6

Velg gruppen med de fire figurene som dukket opp i forrige trinn, kopier den med Control + C, etterfulgt av Control + F, og fyll formene med en lineær gradient som vist på bildet under.


Trinn 7

Lag en svart 58px med 81px rektangel og gå til Effekt> Stylize> Round Corners, sett Radius til: 25px, klikk OK og gå til Objekt> Utvid Utseende og flytt formen til posisjon som vist på bildet nedenfor.


Trinn 8

Med formen fra det forrige trinnet som fortsatt er valgt, går du til Objekt> Path> Offset Path, angir Offset til: -2px, klikker OK, deretter med Mesh-verktøyet (U), klikker du på innersiden av formen på forskjellige steder og korrigér fargene som vist på bildet nedenfor.


Trinn 9

Opprett svart 135px med 130px ellipse i en posisjon som vist i eksempelet nedenfor, gå til Objekt> Sti> Offset Path, sett Offset til: -3px, klikk OK og fyll på formen med en lineær gradient som vist.


Trinn 10

Med ellipsen som er valgt, går du til Objekt> Sti> Offset Path, angir Offset til: -2px, klikker OK og fyller formen med en lineær gradient med farger fra svart til R: 26 G: 26 B: 26, Vinkel: 32 grader.


Trinn 11

Med formen som fortsatt er valgt, går du til Objekt> Sti> Offset Path, angir Offset til: -9px, klikker OK og fyller den med en radial gradient med farger fra R: 102 G: 102 B: 102 til R: 26 G: 26 B: 26.


Trinn 12

Vi må bruke samme teknikk igjen, så med formen fra det forrige trinnet som er valgt, gå til Objekt> Path> Offset Path, og sett Offset til: -2px, klikk OK og fyll det med svart.


Trinn 13

Bruk en forskyvning til formen fra forrige trinn. For å gjøre dette, velg formen, gå til Objekt> Path> Offset Path, sett Offset til: -2px, klikk OK og fyll det med R: 26 G: 26 B: 26.


Trinn 14

Med pennverktøyet (P), legg til noen figurer over knappene, bruk en 0,1 px hvit Tapered Stroke, legg også til de nødvendige ikonene til knappene, ta en titt på bildet nedenfor for referanse.


Trinn 15

Opprett en svart 45px med 45px sirkel i midten av den siste ellipsen og gå til Objekt> Sti> Offset Path, sett Offset til: -1px, klikk OK og fyll det med en radial Gradient med farger fra R: 102 G: 102 B: 102 til R: 26 G: 26 B: 26.


Trinn 16

Bruk en -1px Offset til den siste sirkelen og fyll med R: 26 G: 26 B: 26, velg deretter alle former for Bluetooth og grupper dem ved å gå til Objekt> Gruppe.


Trinn 17

Nå skal vi lage dekselet til Bluetooth Create 3-rektangler med rektangulært verktøy (M), den første vil være 144px med 121px, den andre 170px ved 176px og den tredje en 177px ved 75px, rundt hjørnene av de 3 rektanglene med en radius på: 12px. Flytt rektanglene i posisjon, en over en annen, som vist nedenfor, og gå til Objekt> Utvid Utseende. Åpne Pathfinder-panelet og klikk på Unite-knappen, ta en titt på bildet nedenfor.


Trinn 18

Med formen fra forrige trinn valgt, fyll det med en lineær gradient med fargene R: 66 G: 66 B: 66 til R: 91 G: 91 B: 93.


Trinn 19

Som vist nedenfor, opprett en svart 125px med 240px rektangel over forrige form og rundt hjørnene med en radius på 7px.


Trinn 20

Med formen som fortsatt er valgt, går du til Objekt> Sti> Offset-vei og angir forskyvningen til: -1px, klikker OK og fyller den med en lineær gradient med farger fra R: 85 G: 85 B: 87 til R: 127 G : 126 B: 132, vinkel: 90.


Trinn 21

Opprett en svart 100px med 55px rektangel, gå til Effect> Stylize> Round Corners, og sett Radius til: 6px, rett etter at du går til Objekt> Utvid Utseende og plasser formen i den nederste delen av dekselet. Med formen som er valgt, går du til Objekt> Sti> Offset-vei og angir Offset til: -1px, klikk OK. Fyll den resulterende formen med en radial gradient med fargene R: 127 G: 126 B: 132 til R: 66 G: 66 B: 66. Velg den første formen du opprettet for dekselet, ved hjelp av Control + C, etterfulgt av Control + F, og flytt den over alle andre ved å gå til Objekt> Ordne> Ta til forside. Velg begge formene du opprettet tidligere, og formen du flyttet over de andre, og gå til Objekt> Clipping Mask> Make (Control + 7).


Trinn 22

Ved hjelp av samme teknikk, legg til figurene som er vist nedenfor.


Trinn 23

Lag en form i en posisjon som vist på bildet under, ved hjelp av pennverktøyet (P), fyll det med en lineær gradient med farger fra grått til svart. Bruk en Drop Shadow ved å gå til Effect> Stylize> Drop Shadow og skriv inn følgende innstillinger: Modus: Normal, Opacity: 30%, X Offset: 8px, Y Offset: 8px, Blur: 2px, klikk OK. Kopier formen ved å bruke Control + C etterfulgt av Control + F, vri den horisontalt og plasser den på den andre siden av dekselet.


Trinn 24

Lag et 177px med 162px rektangel, fyll det med Linear Gradient som vist på bildet nedenfor.


Trinn 25

Med formen fortsatt valgt, send den bak alle andre ved å gå til Objekt> Ordne> Send til Tilbake.


Trinn 26

Velg nå formen du sendte bak de andre, gå til Objekt> Sti> Offset-vei, angi forskyvningen til: -2,5px, klikk OK og endre fargen til svart.


Trinn 27

Lag et rektangel så bredt som det i trinn 24 (i dette tilfellet 177px) og gjør høyden 32px. Rund formens hjørner ved å gå til Effekt> Stylize> Round Corners, sett Radius til: 6px, klikk OK, gå til Objekt> Utvid Utseende og fyll på formen med gradienten fra trinn 24. Flytt formen til posisjon og korrigér toppen punkter av rektangelet, som vist nedenfor.


Trinn 28

Med formen fortsatt valgt, kopier den med Control + C etterfulgt av Control + F og fyll ut med en lineær gradient, som vist nedenfor, og endre blandingsmodus fra Normal til Color Dodge.


Trinn 29

Nå må vi sette Bluetooth-enheten inne i dekselet. For å gjøre dette, velg gruppen med former for Bluetooth og plasser gruppen mellom figurene som vist på bildet nedenfor.


Konklusjon

For å fullføre illustrasjonen din, kan du følge instruksjonene fra en opplæring jeg tidligere har skrevet for å lage en 3D-effekt. Eksperimenter med forskjellige verdier i Extrude & Bevel Options for å finne et resultat du liker. Nedenfor er noen forskjellige måter å vise enheten på. Jeg håper du har hatt glede av denne tut.