How lage en Vector Webcam Illustrasjon

I denne opplæringen vil du lære hvordan å lage en illustrasjon av et webkamera ved hjelp av Adobe Illustrator verktøy, for eksempel: Ellipse Tool (L) , Pen Tool (P), rektangel Tool (M), graderinger og Pathfinder Panel. Vi følger en profesjonell vektor illustrasjon arbeidsflyt. La oss komme i gang.

Trinn 1

Ta Ellipse Tool (L), tegne en ellipse med størrelsen på W = 394 og H = 244px. Nå fyller den med en svart til R = 159 G = 177 B = 193, Radial farge og påfør Stroke farge R = 85 G = 104 B = 109 med en 1pt vekt.

Trinn 2
< p> Lag to kopier av formen fra forrige trinn ved hjelp av Command + C lim med Command + F. Nå flytter den formen som er på toppen 10px opp. Velg kopier av de to figurene du nettopp opprettet, åpner Pathfinder Panel, klikk på Minus Front-knappen. Slå av Strek farge og fylle den nye formen med en lineær gradient, med farger R = 47 G = 153 B = 160 til R = 29 G = 101 B = 106. Dessuten gjelder Feather med Radius:. 2px (Effect > Stylize > Feather)

Trinn 3

Velg den formen fra forrige trinn som du brukt Feather til og gå til Objekt > Sti > Offset Path. Still Offset å -2px, klikk på OK og fylle den nye formen med en R = 91 G = 196 B = 186 farger. Så gå til Utseende Panel, klikk på Feather effekt, endre Radius til 3px, klikk på OK og endre Blending Mode fra Normal til Overlegg.

Vi fortsetter med den øvre delen av webkamera. Vi er ikke ferdig med den nedre delen av webcam ennå, men vi vil gå tilbake til det litt senere. Etter at vi gjør den øvre delen, for å kunne få vite hvordan du skal gjøre den øvre delen av webcam skygge.

Trinn 4

Ta Ellipse Tool (L) og tegn en sirkel på størrelse W = 316 px og H = 316 px. Nå fyller den med en lineær gradient med fargene R = 159 G = 177 B = 193 til R = 139 G = 158 B = 156. Sett formen på toppen av alle andre former i posisjon som vist nedenfor

Trinn 5

Med formen fra forrige trinn valgt, gå til Objekt >.; Sti > Offset Path. Påfør Offset: -2px og klikk på OK. Nå fyller den nye formen med Radial Gradient farger R = 244 G = 248 B = 249 til R = 159 G = 177 B = 193.

Trinn 6

Lag to kopier av formen fra forrige trinn ved hjelp av Command + C lim med Command + F, og igjen Command + F. Deretter flytter toppform 10px opp. Velg kopier av de to figurene du nettopp opprettet, åpner Pathfinder Panel, og klikk på Minus Front-knappen. Nå fyller den nye formen med R = 200 G = 214 B = 224 farger.

Trinn 7

Gjør den øvre delen av formen på samme måte ved å lage to kopier av formen fra trinn 5, og skyv den andre kopien 2px ned. Velg begge eksemplarene, åpner Pathfinder Panel, klikk på Minus Front knappen og fyll med en R = 200 G = 214 B = 224 farger.

Trinn 8

Ta Ellipse Tool (L ), tegne en ellipse med størrelsen W = 226 px og H = 244 px, fyll den med en R = 211 G = 226 B = 232 farge og plassere den i posisjon, som vist på bildet nedenfor:

Step 9

Med formen fra forrige trinn valgt, gå til Effect > Stilisere > Drop Shadow. Sette verdiene som vises nedenfor og klikk på OK

Trinn 10

Med formen fra forrige trinn fortsatt er valgt, gå til Objekt >.; Sti > Offset Path. Sett Offset å -2px og klikk på OK. Nå åpner Utseende Panel. Slett Drop Shadow effekt og fylle formen med Radial Gradient farger R = 40 G = 51 B = 55 til R = 21 G = 26 B = 28.

Trinn 11

Duplicate to ganger formen fra det foregående trinnet. Flytt den andre kopien noen piksler ned og til høyre, og velg deretter de to kopiene. Åpne Pathfinder Panel og klikk på Minus Front-knappen. Gjør det samme for høyre del av figuren, deretter gruppen de to siste formene (Object > Group), og fylle dem med R = 61 G = 70 B = 76 farger. Påfør en Feather Radius på 10px til gruppen, og klikk OK. Nå endre Blending Mode fra Normal til Multipliser og redusere Opacity til 20%.

Trinn 12

Ta Pen Tool (P) og gjøre figurene på toppen av alle andre. Hvis figurene gå utenfor den formen du fylt med en Radial Gradient i trinn 10, bruker Pathfinder Panel og Snitt knappen. Fyll dem med en lineær gradient og gjelder Gaussian Blur. Endre Blending Mode av hver form som vist nedenfor:

Trinn 13

Ta Ellipse Tool (L), tegne en ellipse med størrelsen W = 105 px og H = 111 px og i posisjonen som vist på bildet nedenfor. Fyll den med en lineær gradient med fargene R = 139 G = 158 B = 156 til R = 211 G = 226 B = 232.

Trinn 14

Duplicate to ganger formen fra forrige trinnet med Command + C lim med Command + F, og Command + F igjen. Flytt den andre kopien noen piksler til høyre og deretter velge begge former. Åpne Pathfinder Panel, klikk på Minus Front knappen og fylle formen resulterer med en R = 35 G = 31 B = 32 farger.

Trinn 15

Velg den formen fra trinn 13 og gå til Objekt > Sti > Offset Path. Still Offset å -3px, klikk på OK og fylle den nye figuren med lineær gradient farger R = 21 G = 26 B = 28 til R = 40 G = 51 B = 55.

Trinn 16
< p> Ta Pen Tool (P) og begynne å legge figurer i posisjon og farge vises nedenfor. Jeg har også søkt Gaussian Blur til noen av dem, se på bildene under for detaljer:

Trinn 17

Ta Ellipse Tool (L), tegne en ellipse med størrelsen W = 58 px og H = 62 px. Nå fyller den med R = 0 G = 12 B = 15 farger. Sett formen i posisjon som vist nedenfor:

Trinn 18

Velg den formen fra forrige trinnet og går til Objekt > Sti > Offset Path. Sett Offset å -2px og klikk på OK. Nå fyller den med Linear Gradient farger R = 85 G = 104 B = 109 til R = 75 G = 93 B = 97. Flytt formen 1px til venstre.

Trinn 19

Kopier formen fra forrige trinn ved hjelp av Command + C, deretter lime med Command + F. Bruk Pen Tool (P) for å gjøre en annen form over kopien som vist på bildet nedenfor.

Nå velger kopien og den formen du nettopp opprettet. Åpne Pathfinder Panel, klikk på Minus Front-knappen, og fylle den nye figuren med Linear Gradient farger R = 211 G = 226 B = 232 til Hvit med Opacity på 0%. Deretter endre Blending Mode av formen fra Normal til skjermen og sett Opacity på 70%.

Trinn 20

Kopier formen fra trinn 18 med Command + C lim med Command + F . Bruk Direct Selection Tool (A) for å velge venstre og nedre sentrale punkt. Nå trykker Delete på tastaturet. Deretter slår du av fyllfarge og bruke en 1px Stroke med en hvit farge.

Trinn 21

Lag to kopier av formen fra trinn 18, flytte toppen kopi 3px til høyre, deretter velge både kopier og åpne Pathfinder Panel. Klikk på Minus Front knappen og endre fargen på formen fører til R = 85 G = 104 B = 109.

Trinn 22

Kopier formen fra forrige trinn med Command + C lim med Command + F. Nå bruker Direct Selection Tool (A) for å velge og slette det sentrale punkt. Slå av fyllfarge og bruke en 1px Stroke med R = 211 G = 226 B = 232 farger. Se på bildet under for referanse detaljer.

Velg alle former av den øvre delen av webkamera og gruppere dem (Object > Group)

Trinn 23

I dette trinnet skal vi gjøre skyggen av den øverste delen av webkamera. For å gjøre dette, ta Ellipse Tool (L) og tegne en ellipse i alle posisjoner du bestemmer er best, deretter fylle den med en mørk farge. Påfør Gaussian Blur av 4px og endre Blending Mode fra Normal til Multipliser med Opacity 50%. Nå bruker Pen Tool (P) for å legge til figurer som vises nedenfor, gjelder Gaussian Blur til dem også, og også endre Blending Mode som vist nedenfor:

Trinn 24

Velg de figurene som vil representere skyggen av den øvre delen av webcam, gruppere dem (Object > Group), og deretter sende dem under gruppen av den øvre delen av gruppen ved å gå til Objekt > Ordne > Flytt bakover. Se på bildet nedenfor.

I de neste trinnene vi kommer til å gjøre det webcam antenne

Trinn 25

Ta rektangel Tool (M), tegne et rektangel størrelsen W = 72 px og H = 332 px med avrundede hjørner av 40 px Radius

Trinn 26

Med rektangel som du rundet hjørnene til valgt, gå til Objekt >.; Utvid Utseende, og fylle formen med en lineær gradient som vist nedenfor:

Trinn 27

Velg den formen fra forrige trinnet og går til Objekt > Sti > Offset Path. Sett Offset å -2px og klikk på OK. Flytt den nye figuren som dukket opp etter påføring Offset 1px til venstre, åpner Gradient Panel og klikk på Reverse Gradient knappen.

Trinn 28

Med den siste formen du opprettet i forrige trinn valgt, gå til Objekt > Sti > Offset Path, bestemmer forskyvningen til -2px, og klikk OK. Flytt den nye figuren som dukket opp etter påføring Offset 1px til venstre og endre gradient farger.

Trinn 29

Lag to kopier av den siste formen ved hjelp av Command + C, deretter lime med Command + F, og igjen Command + F. Flytt toppen kopi 1 pixel ned og en piksel til høyre. Nå velger begge eksemplarene, åpner Pathfinder Panel, klikk på Minus Front-knappen, og fylle formen med hvit.

Trinn 30

Velg alle former av antennen og gruppere dem (Object > Gruppe). Rotere figurer fra gruppen til -8 grader og sende dem bak figurer av den øvre delen av webkamera ved å bruke Object > Ordne > Flytt bakover.

Trinn 31

Kopier formen fra trinn 28 med Command + C og lim med Command + F. Bruk Pen Tool (P) for å gjøre en annen form over kopien som Vist under. Nå velger kopien og den formen du nettopp opprettet. Åpne Pathfinder Panel, klikk på Minus Front knappen, fyll den nye formen med en svart farge, og deretter endre Blending Mode fra Normal til Multipliser med 20% Opacity.

Final

På Til slutt kan du legge til en bakgrunn og skygge på den måten du ønsker. Her er det endelige resultatet: