Hur man illustrerar en 3D-trådlös hemrouter

I denna handledning ska jag visa dig hur du skapar din egen trådlösa hemrouter med rektangelverktyget, Ellipse-verktyget och gradienterna och vi använder även Pathfinder-panelen.


Steg 1

Öppna ett nytt dokument. Ta rektangelverktyget (M) och rita en rektangel med storleken W: 240px H: 444px.


Steg 2

Ta ellipseverktyget (L), dra en ellips i den nedre delen av rektangeln och dra sedan en annan i övre delen med en storlek som visas nedan och placera dem i positioner som visas.


Steg 3

Välj nu nedre ellipsen och rektangeln från steg 1, öppna Pathfinder-panelen och klicka på knappen Lägg till bildområde.


Steg 4

Kopiera den övre ellipsen med Command + C och klistra in med Command + F. Vi behöver kopian i nästa steg. Därefter väljer du den ursprungliga ellipsen och rektangeln du gjorde i steg 1. Öppna Pathfinder-panelen och klicka på knappen Minus Front.


Steg 5

Välj den form som uppstod i föregående steg och fyll i den med en linjär gradient som visas nedan.


Steg 6

Ta Rektangelverktyget (M), rita en rektangel i mitten av föregående form med svart färg enligt nedan och gör sedan en kopia av formen du fyllde med en linjär gradient i föregående steg med kommandot + C och klistra sedan in med kommandot + F. Välj kopian och rektangeln du gjorde tidigare, öppna panelen Pathfinder och klicka på Intersect-knappen.


Steg 7

Välj nu kopian av ellipsen från steg 4 och fyll i den med en linjär gradient som visas nedan.


Steg 8

Eftersom formen från det föregående steget du fyllde med en linjär gradient väljs, går du till Objekt> Path> Offset Path. Ställ in förskjutningen till -2px, klicka på Ok och ändra färgen på formen som uppstod efter att du använt Förskjutning till R: 35 G: 31 B: 32.


Steg 9

Ta Ellipse Tool (L), dra en ellips med storlek W: 229px H: 33px och gå till Window> 3D> Extrude & Bevel. Ange värdena som visas nedan, klicka på Ok och höger efter att gå till Objekt> Expand Utseende. Därefter öppnar du Pathfinder-panelen, klickar på knappen Lägg till bildområde, fyller formen med en linjär gradient och placerar den i position enligt nedan:


Steg 10

Rita en ellipsa med storlek W: 229px H: 32 och dra sedan en annan ellips över den föregående med storlek W: 224px H: 27px. Placera den andra ellipsen du gjorde i läge som visas nedan, öppna Pathfinder Panel och klicka på knappen Minus Front.


Steg 11

Placera formen från föregående steg i läge som visas nedan och fyll i det med en linjär gradient. Titta på bilden nedan:


Steg 12

Kopiera formen från föregående steg med kommandot + C, klistra in med kommandot + F, ta bort de övre punkterna i kopian, stäng av Fyllfärgen och använd Stroke: 1px med en R: 146 G: 164 B: 170 färg. Titta på bilden nedan.


Steg 13

Ta Ellipse Tool (L), dra en ellipsa med storlek W: 224px H: 27px, fyll den med en R: 131 G: 146 B: 148 färg och placera den i position som visas på bilden nedan:


Steg 14

Rita en annan ellips över den föregående som visas nedan och gör sedan en kopia av ellipsen från föregående steg med Command + C och klistra sedan in med Command + F. Välj nu kopian och ellipsen du just skapade, öppna Pathfinder-panelen, klicka på Intersect-knappen och fyll i formen med en Linjär gradientfärg R: 208 G: 211 B: 206 till R: 143 G: 163 B: 167.


Steg 15

Med pennverktyget (P) läggs formen som visas på bilden nedan och fyll den med en Linjär gradientfärg R: 70 G: 87 B: 89 till R: 29 G: 51 B: 56.


Steg 16

Upprepa samma åtgärd från steg 14 tills du lägger till de återstående formerna som visas nedan.


Steg 17

Vi fortsätter med den nedre delen av routern. Ta ellipseverktyget (L), dra en ellipsa med storlek W: 247px H: 60px, fyll den med en linjär gradient som visas nedan, placera ellipsen i den nedre delen av routern och skicka den bakom alla andra (Objekt> Ordna > Skicka till Tillbaka).


Steg 18

Välj den form som uppstod i steg 5, kopiera den med Command + C och klistra in med Command + F. Nu med Direct Selection Tool (A) markerar du de övre nyckelpunkterna i kopian och tar bort dem och stänger sedan av Fyllfärgen och applicerar Stroke: 3px, Profil: Breddsprofil 3 med svart färg. Använd även Gaussian Blur Radius: 3px.


Steg 19

Kopiera formen från föregående steg med Command + C och klistra in med Command + F, ta bort Gaussian Blur från Utseendepanelen och minska sedan Stroke till 1px och fyll i en Linjär gradient som visas på bilden nedan:


Steg 20

Ta ellipsverktyget (L), rita en cirkel med storlek W: 43px H: 43px och en R: 35 G: 31 B: 32 färg och placera den i position som visas nedan.


Steg 21

När cirkeln från föregående steg väljs går du till Objekt> Sti> Förskjutningsväg. Ställ in förskjutningen till -1px, klicka på Ok och fyll i den nya formen med en radial gradient som visas nedan:


Steg 22

Med formen från föregående steg valda, gå till Objekt> Path> Offset Path. Ställ in förskjutningen till -3px, klicka Ok och med Gradient Tool (G) flytta ljusfärgen i den övre delen av cirkeln som visas nedan.


Steg 23

Med formen från föregående steg valda, gå till Objekt> Path> Offset Path. Ställ in förskjutningen till -3px, klicka Ok och släng sedan den nya formen 1px ner och fyll den med en R: 20 G: 24 B: 21 färg.


Steg 24

Välj alla former av knappen och gruppera dem (Objekt> Grupp).


Steg 25

Välj nu knappens grupp och gå till Effect> Distort & Transform> Transformera, gör inställningarna som visas på bilden nedan och klicka Ok.


Steg 26

Lägg till den nödvändiga symbolen på varje knapp genom att gå till Fönster> Symbolbibliotek> Webbikoner. Välj de symboler du bestämmer, minska deras storlek och gå till Objekt> Expand Utseende och ändra färg till R: 198 G: 217 B: 157.


Steg 27

Nu har vi routerens skugga kvar att göra. För att göra det ta Ellipse Tool (L), dra en ellips med storlek W: 268px H: 62px, fyll den med en Radial gradient som visas nedan. Applicera också Gaussian Blur Radius: 10px, ändra blandningsläge från Normal till Multiplicera, skicka formen bakom alla andra (Objekt> Ordna> Skicka till Tillbaka) och placera den i position som visas nedan.


Slutsats

Och här är det slutliga resultatet. Som du kan se kan ett mycket realistiskt resultat uppnås med rätt användning av graderingar och perspektiv. Jag hoppas att du har haft det här. Ta en lek med olika objekt som är gjorda av samma former för att lära dig mer om att skapa objekt i 3D.