Slik illustrerer du en 3D-trådløs hjemmevirger

I denne opplæringen skal jeg vise deg hvordan du lager din egen trådløse hjemrouter med Rectangle-verktøyet, Ellipseverktøyet og gradienter, og vi vil også bruke Pathfinder Panel.


Trinn 1

Åpne et nytt dokument. Ta Rektangelverktøyet (M) og tegne et rektangel med størrelsen W: 240px H: 444px.


Steg 2

Ta Ellipseverktøyet (L), tegne en ellipse i den nedre delen av rektangelet, og tegne en annen i den øvre delen med en størrelse som vist nedenfor og plasser dem i stillinger som vist.


Trinn 3

Velg nå nederste ellipse og rektangel fra trinn 1, åpne Pathfinder-panelet og klikk på knappen Legg til formområde.


Trinn 4

Kopier topp ellipsen med Command + C og lim deretter inn med Command + F. Vi trenger kopien i de neste trinnene. Deretter velger du den originale ellipsen og rektangelet du lagde i trinn 1. Åpne Pathfinder-panelet og klikk på knappen Minus foran.


Trinn 5

Velg formen som dukket opp i forrige trinn, og fyll den med en lineær gradient som vist nedenfor.


Trinn 6

Ta Rektangelverktøyet (M), tegne et rektangel i midten av forrige form med svart farge som vist nedenfor, og lag en kopi av formen du fylte med en lineær gradient i forrige trinn med kommando + C og lim deretter inn med kommandoen + F. Velg kopien og rektangelet du laget tidligere, åpne Pathfinder Panel og klikk på Intersect-knappen.


Trinn 7

Velg nå kopien av ellipsen fra trinn 4 og fyll den med en lineær gradient som vist nedenfor.


Trinn 8

Siden formen fra det forrige trinnet du fylte med en lineær gradient er valgt, går du til Objekt> Sti> Offset Path. Sett Offset til -2px, klikk Ok og endre fargen på formen som dukket opp etter å bruke Offset til R: 35 G: 31 B: 32.


Trinn 9

Ta Ellipse Tool (L), tegne en ellipse med størrelse W: 229px H: 33px og gå til Window> 3D> Extrude & Bevel. Angi verdiene som vist nedenfor, klikk Ok og rett etter at du går til Objekt> Utvid utseende. Deretter åpner du Pathfinder Panel, klikker du på Add to Shape Area-knappen, fyller formen med en lineær gradient og legger den på plass som vist nedenfor:


Trinn 10

Tegn en ellipse med størrelse W: 229px H: 32 og tegne en annen ellipse over den forrige med størrelse W: 224px H: 27px. Plasser den andre ellipsen du gjorde på plass som vist nedenfor, åpne Pathfinder Panel og klikk på Minus Front-knappen.


Trinn 11

Plasser formen fra forrige trinn på plass som vist nedenfor og fyll det med en lineær gradient. Se på bildet nedenfor:


Trinn 12

Kopier formen fra forrige trinn med Kommando + C, og lim deretter inn med Command + F, slett de øvre punktene av kopien, og slår deretter av Fyll farge og påfør Stroke: 1px med en R: 146 G: 164 B: 170 farge. Se på bildet nedenfor.


Trinn 13

Ta Ellipseverktøyet (L), tegne en ellipse med størrelse W: 224px H: 27px, fyll den med en R: 131 G: 146 B: 148 farge og sett den på plass som vist på bildet nedenfor:


Trinn 14

Tegn en annen ellipse over den forrige, som vist nedenfor, og lag en kopi av ellipsen fra forrige trinn med Command + C og lim deretter inn med Command + F. Velg nå kopien og ellipsen du nettopp opprettet, åpne Pathfinder-panelet, klikk på Intersect-knappen og fyll på formen med en Lineær gradientfarger R: 208 G: 211 B: 206 til R: 143 G: 163 B: 167.


Trinn 15

Med pennverktøyet (P) legger du til formen som vist på bildet under og fyller det med en Lineær gradientfarger R: 70 G: 87 B: 89 til R: 29 G: 51 B: 56.


Trinn 16

Gjenta den samme handlingen fra trinn 14 til du legger til de gjenværende figurene som vist nedenfor.


Trinn 17

Vi fortsetter med den nedre delen av ruteren. Ta Ellipseverktøyet (L), tegne en ellipse med størrelse W: 247px H: 60px, fyll den med en Lineær gradient som vist nedenfor, plasser ellipsen i den nedre delen av ruteren og send den bak alle andre (Objekt> Ordne > Send til Tilbake).


Trinn 18

Velg formen som ble vist i Trinn 5, kopier den med Command + C, og lim deretter inn med Command + F. Nå med Direkte utvalgsverktøy (A) velger du de øvre nøkkelpunktene i kopien og sletter dem og slår deretter av Fyll farge og gjelder Stroke: 3px, Profil: Breddeprofil 3 med svart farge. Også gjelde Gaussian Blur Radius: 3px.


Trinn 19

Kopier formen fra forrige trinn med Command + C, og lim deretter inn med Command + F, slett Gaussisk uskarphet fra Utseendepanelet, og reduser deretter Stroke til 1px og fyll med en Lineær gradient som vist på bildet nedenfor:


Trinn 20

Ta Ellipseverktøyet (L), tegne en sirkel med størrelse W: 43px H: 43px og en R: 35 G: 31 B: 32 farge og sett den på plass som vist nedenfor.


Trinn 21

Når sirkelen fra forrige trinn er valgt, går du til Objekt> Sti> Offset-sti. Angi forskyvningen til -1px, klikk Ok og fyll den nye formen med en radialgradient som vist nedenfor:


Trinn 22

Når formen fra foregående trinn er valgt, går du til Objekt> Sti> Offset-vei. Sett forskyvningen til -3px, klikk Ok og med Gradient Tool (G) flytte lysfargen i øvre del av sirkelen som vist under.


Trinn 23

Når formen fra foregående trinn er valgt, går du til Objekt> Sti> Offset-vei. Sett forskyvningen til -3px, klikk OK, og skyv den nye formen 1px ned og fyll den med en R: 20 G: 24 B: 21 farge.


Trinn 24

Velg alle figurene på knappen og grupp dem (Objekt> Gruppe).


Trinn 25

Velg nå knappens gruppe og gå til Effect> Distort & Transform> Transform, gjør innstillingene som vist på bildet nedenfor og klikk OK.


Trinn 26

Legg til det nødvendige symbolet på hver knapp ved å gå til Vindu> Symbolbiblioteker> Web-ikoner. Velg symbolene du bestemmer, reduser størrelsen og gå til Objekt> Utvid Utseende og endre farge til R: 198 G: 217 B: 157.


Trinn 27

Nå har vi ruterenes skygge igjen å gjøre. For å gjøre det ta Ellipse Tool (L), tegne en ellipse med størrelse W: 268px H: 62px, fyll den med en Radial gradient som vist nedenfor. Gjør også Gaussian Blur Radius: 10px, bytt Blending Mode fra Normal til Multiply, send formen bak alle andre (Objekt> Ordne> Send til Tilbake) og sett den på plass som vist nedenfor.


Konklusjon

Og her er sluttresultatet. Som du kan se, kan et svært realistisk resultat oppnås med riktig bruk av gradietner og perspektiv. Jeg håper du har hatt glede av denne tut. Ha en lek med forskjellige objekter som er laget av samme former for å lære mer om å lage objekter i 3D.