Share
I den här handledningen lär du dig hur du skapar en Bluetooth-enhet med några av de grundläggande verktygen som finns i Adobe Illustrator. För att bygga den här snygga enheten använder du Round Corners, Offset Path och Pathfinder.
Skapa en 148px med 230px rektangel och gå till Effekt> Stylize> Round Corners, sätt Radius till: 40px, klicka på OK. Kopiera och klistra in den avrundade rektangeln med Control + C följt av Control + F. Flytta kopia några pixlar neråt, öppna Utseendepanelen, klicka på Round Corners-lagret och ändra Radius till: 70px, kolla på bilden nedan som referens.
Välj båda formerna och gå till Objekt> Expand Utseende, öppna sedan panelen Pathfinder, klicka på Unite-knappen och fyll i den nya formen med svart.
Kopiera formen från föregående steg med Control + C följt av Control + F, flytta kopian 7-8 pixlar till vänster, ändra färgen till vit och gå till Objekt> Path> Offset Path, ställ in offset till: 2, 5px, klicka på OK. Ändra den nya formens färg till svart, välj sedan båda bakre formerna och gå till Objekt> Blanda> Gör (Alt + Kontroll + B).
Välj den form som uppstod på toppen av de andra formerna och gå till Objekt> Transformera> Skala, skriv följande inställningar: Uniform, Skala: 98% och klicka på knappen Kopiera.
Skapa en rektangel med en bredd på 4px och en höjd som är högre än formen som visades i föregående steg. Centrera rektangeln och skapa sedan en annan rektangel med en höjd av 3px och bredare än formen som visade sig i föregående steg, placera rektanglarna enligt bilden nedan. Välj de två rektanglarna du just skapade, öppna panelen Pathfinder, klicka på knappen Lägg till bildområde och välj sedan formen från föregående steg och den form som just visades öppnar panelen Pathfinder och klickar på knappen Minus Front.
Välj gruppen med de fyra formerna som förekommit i föregående steg, kopiera den med Control + C följt av Control + F och fyll i formen med en linjär gradient som visas på bilden nedan.
Skapa en svart 58px med 81px rektangel och gå till Effekt> Stylize> Round Corners, sätt Radius till: 25px, klicka på OK och gå till Objekt> Expand Utseende och flytta formen till position som visas på bilden nedan.
Med formen från föregående steg som fortfarande valts, går du till Objekt> Path> Offset Path, ställer in offset till: -2px, klickar på OK, sedan med Mesh-verktyget (U) klickar du på indersidan av formen på olika ställen och korrigera färgerna enligt bilden nedan.
Skapa svart 135px med 130px ellips i en position som visas i exemplet nedan, gå sedan till Objekt> Path> Offset Path, ställ in offset till: -3px, klicka på OK och fyll i formen med en linjär gradient som visas.
Med ellipsen som valts, gå till Objekt> Sti> Förskjutningsväg, ställ in offset till: -2px, klicka på OK och fyll i formen med en linjär gradient med färger från svart till R: 26 G: 26 B: 26, Vinkel: 32 grader.
Med den form som valts, går du till Objekt> Sti> Förskjutningsväg, ställer in Offset till: -9px, klickar på OK och fyller det med en radial gradient med färger från R: 102 G: 102 B: 102 till R: 26 G: 26 B: 26.
Vi måste använda samma teknik igen, så med formen från föregående steg fortfarande valt, gå till Objekt> Path> Offset Path och ställ in offset till: -2px, klicka på OK och fyll det med svart.
Applicera en Offset till formen från föregående steg. För att göra detta väljer du formen, går till Objekt> Path> Offset Path, ställer in offset till: -2px, klickar på OK och fyller det med R: 26 G: 26 B: 26.
Med pennverktyget (P) lägger du till några former över knapparna, applicerar en 0,1 px vit Tapered Stroke, lägger även till nödvändiga ikoner på knapparna, kolla på bilden nedan för referens.
Skapa en svart 45px med 45px cirkel i mitten av den sista ellipsen och gå till Objekt> Path> Offset Path, ställ in offset till: -1px, klicka på OK och fyll det med en radial Gradient med färger från R: 102 G: 102 B: 102 till R: 26 G: 26 B: 26.
Applicera en -1px Offset till den sista cirkeln och fyll i R: 26 G: 26 B: 26, välj sedan alla former av Bluetooth och gruppera dem genom att gå till Objekt> Grupp.
Nu ska vi skapa omslaget för Bluetooth Create 3-rektanglarna med rektangelverktyget (M), den första kommer att vara 144px med 121px, den andra 170px med 176px och den tredje en 177px med 75px, runt hörnen av de tre rektanglarna med en radie av: 12px. Flytta rektanglarna till position, en över en annan, som visas nedan och gå till Objekt> Expand Utseende. Öppna panelen Pathfinder och klicka på Unite-knappen, kolla på bilden nedan.
Med formen från föregående steg valda, fyll det med en linjär gradient med färgerna R: 66 G: 66 B: 66 till R: 91 G: 91 B: 93.
Såsom visas nedan, skapa en svart 125px med 240px rektangel över den föregående formen och runt hörnen med en Radius på 7px.
Med formen som fortfarande valts, gå till Objekt> Sti> Förskjutningsväg och ställ in offset till: -1px, klicka på OK och fyll det med en linjär gradient med färger från R: 85 G: 85 B: 87 till R: 127 G : 126 B: 132, vinkel: 90.
Skapa en svart 100px med 55px rektangel, gå till Effekt> Stylize> Round Corners, och sätt Radius till: 6px, rakt efter att gå till Objekt> Expand Utseende och placera formen i den nedre delen av omslaget. Med den form som fortfarande valts, gå till Objekt> Sti> Förskjutningsväg och ställ in offset till: -1px, klicka på OK. Fyll den resulterande formen med en Radial Gradient med färgerna R: 127 G: 126 B: 132 till R: 66 G: 66 B: 66. Välj den första formen du skapade för omslaget med Control + C följt av Control + F och flytta över alla andra genom att gå till Objekt> Ordna> Ta framåt. Välj båda formerna du skapade tidigare och formen du flyttat över de andra och gå till Objekt> Klippmask> Gör (Kontroll + 7).
Använd samma teknik och lägg till de former som visas nedan.
Skapa en form i en position som visas på bilden nedan med hjälp av pennverktyget (P), fyll det med en linjär gradient med färger från grått till svart. Använd en dropshadow genom att gå till Effekt> Stylize> Drop Shadow och skriv in följande inställningar: Läge: Normal, Opacitet: 30%, X Offset: 8px, Y Offset: 8px, Blur: 2px, klicka på OK. Kopiera formen med Control + C följt av Control + F, vänd den horisontellt och placera den på andra sidan om locket.
Skapa en 177px med 162px rektangel, fyll den med linjär gradient som visas på bilden nedan.
Med den form som fortfarande är vald, skicka den bakom alla andra genom att gå till Objekt> Ordna> Skicka till baksida.
Välj nu den form som du skickade bakom de andra, gå till Objekt> Path> Offset Path, ställ in offset till: -2,5px, klicka på OK och ändra färgen till svart.
Skapa en rektangel så bred som den i steg 24 (i det här fallet 177px) och gör höjden 32px. Runda formen hörn genom att gå till Effekt> Stylize> Round Corners, sätt Radius till: 6px, klicka på OK, gå till Objekt> Expand Utseende och fyll i formen med gradienten från steg 24. Flytta formen till position och korrigera toppen punkter i rektangeln, som visas nedan.
Med den form som fortfarande valts kopierar du den med Control + C följt av Control + F och fyller med en linjär gradient som visas nedan och ändrar blandningsläge från Normal till Color Dodge.
Nu måste vi placera Bluetooth-enheten inuti omslaget. För att göra detta, välj gruppen med former av Bluetooth och placera gruppen mellan formerna som visas på bilden nedan.
För att avsluta din illustration kan du följa instruktionerna från en handledning som jag tidigare har skrivit för att skapa en 3D-effekt. Experimentera med olika värden i alternativen Extrude & Bevel för att hitta ett resultat som du gillar. Nedan följer några olika sätt att visa enheten. Jag hoppas att du har haft det här.
Accentsconagua