Share
I denne veiledningen lærer du hvordan du lager en illustrasjon av et webkamera ved hjelp av Adobe Illustrator-verktøy, for eksempel: Ellipseverktøyet (L), Penverktøyet (P), Rektangelverktøyet (M), Gradienter og Pathfinder-panelet. Vi følger en profesjonell vektor illustrasjons arbeidsflyt. La oss komme i gang.
Ta Ellipseverktøyet (L), tegne en ellipse med størrelsen på W = 394 og H = 244px. Nå fyll det med svart til R = 159 G = 177 B = 193, Radial farge og bruk Stroke farge R = 85 G = 104 B = 109 med 1pt vekt.
Lag to kopier av formen fra forrige trinn ved å bruke Command + C og lim deretter inn med Command + F. Nå beveger du formen som er på topp 10px opp. Velg kopiene av de to figurene du nettopp har opprettet, åpne Pathfinder Panel, klikk på Minus Front-knappen. Slå av strekkfargen og fyll den nye formen med en lineær gradient, med fargene R = 47 G = 153 B = 160 til R = 29 G = 101 B = 106. Bruk også Feather with Radius: 2px (Effect> Stylize> Feather).
Velg formen fra forrige trinn som du brukte Feather til og gå til Objekt> Sti> Offset Path. Sett Offset til -2px, klikk OK og fyll den nye formen med en R = 91 G = 196 B = 186 farge. Deretter går du til Utseendepanelet, klikker på Feather-effekten, endrer radien til 3px, klikker OK og endrer blandemodus fra normal til overlegg.
Vi fortsetter med den øvre delen av webkameraet. Vi er ikke ferdige med den nedre delen av webkameraet ennå, men vi kommer tilbake til det litt senere. Etter at vi har laget den øvre delen, for å kunne få vite hvordan å lage den øvre delen av webkameraets skygge.
Ta Ellipseverktøyet (L) og tegne en sirkel med størrelsen W = 316 px og H = 316 px. Nå fyll det med en lineær gradient ved å bruke fargene R = 159 G = 177 B = 193 til R = 139 G = 158 B = 156. Plasser formen på toppen av alle andre former som vist nedenfor.
Med formen fra det forrige trinnet som er valgt, gå til Objekt> Path> Offset Path. Bruk Offset: -2px og klikk OK. Fyll nå den nye formen med Radial Gradient-farger R = 244 G = 248 B = 249 til R = 159 G = 177 B = 193.
Lag to kopier av formen fra forrige trinn ved å bruke Command + C, og lim deretter inn med Command + F, og igjen Command + F. Flytt deretter toppformen 10px opp. Velg kopiene av de to figurene du nettopp har opprettet, åpne Pathfinder Panel, og klikk på Minus Front-knappen. Fyll nå den nye formen med R = 200 G = 214 B = 224 farge.
Gjør den øverste delen av formen på samme måte ved å lage to kopier av formen fra trinn 5, og skyv den andre kopien 2px nedover. Velg begge kopier, åpne Pathfinder Panel, klikk på Minus Front-knappen og fyll med R = 200 G = 214 B = 224 farge.
Ta Ellipseverktøyet (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 sett den på plass, som vist på bildet under :
Med formen fra forrige trinn valgt, gå til Effekt> Stylize> Drop Shadow. Angi verdiene som vises nedenfor og klikk OK.
Med formen fra det forrige trinnet som fortsatt er valgt, går du til Objekt> Path> Offset Path. Sett Offset til -2px og klikk OK. Nå åpner du Utseendepanelet. Slett Drop Shadow-effekten og fyll på formen med Radial Gradient-farger R = 40 G = 51 B = 55 til R = 21 G = 26 B = 28.
Dupliserer to ganger formen fra forrige trinn. Flytt den andre kopien noen få 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 den høyre delen av formen, og gruppér de to siste formene (Objekt> Gruppe), og fyll dem med R = 61 G = 70 B = 76 farge. Bruk en fjærradius på 10px til gruppen og klikk OK. Bytt nå Blending Mode fra Normal til Multiply og reduser Opacity til 20%.
Ta pennverktøyet (P) og gjør figurene på toppen av alle andre. Hvis figurene går utenfor formen du fylte med en radialgradient i trinn 10, bruk Pathfinder Panel og Intersect-knappen. Fyll dem med en lineær gradient og bruk Gaussian Blur. Endre blandingsmodusen for hver form som vist nedenfor:
Ta Ellipseverktøyet (L), tegne en ellipse med størrelsen W = 105 px og H = 111 px og på plass 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.
Dupliserer to ganger formen fra forrige trinn med Command + C, og lim deretter inn med Command + F, og Command + F igjen. Flytt den andre kopien noen få piksler til høyre og velg deretter begge figurene. Åpne Pathfinder Panel, klikk på Minus Front-knappen og fyll den resulterende formen med en R = 35 G = 31 B = 32 farge.
Velg formen fra trinn 13 og gå til Objekt> Path> Offset Path. Sett forskyvningen til -3px, klikk OK og fyll den nye formen med Linear Gradient-farger R = 21 G = 26 B = 28 til R = 40 G = 51 B = 55.
Ta pennverktøyet (P) og begynn å legge til figurer i stillingen og fargen som vises nedenfor. Jeg har også brukt Gaussian Blur til noen av dem, se på bildene nedenfor for detaljer:
Ta Ellipseverktøyet (L), tegne en ellipse med størrelsen W = 58 px og H = 62 px. Nå fyll det med R = 0 G = 12 B = 15 farge. Plasser formen på plass som vist nedenfor:
Velg formen fra forrige trinn og gå til Objekt> Path> Offset Path. Sett Offset til -2px og klikk OK. Fyll den med Linear Gradient-farger R = 85 G = 104 B = 109 til R = 75 G = 93 B = 97. Flytt formen 1px til venstre.
Kopier formen fra forrige trinn ved å bruke Command + C, og lim deretter inn med Command + F. Bruk pennverktøyet (P) til å lage en annen form over kopien som vist på bildet under.
Velg nå kopien og formen du nettopp har opprettet. Åpne Pathfinder Panel, klikk på Minus Front-knappen, og fyll den nye formen med Linear Gradient-farger R = 211 G = 226 B = 232 til Hvit med Opacity på 0%. Endre deretter blendingsmodus for formen fra Normal til Skjerm og sett Opacity på 70%.
Kopier formen fra Trinn 18 med kommando + C, og lim deretter inn med kommando + F. Bruk direkte markeringsverktøyet (A) til å velge venstre og nedre nøkkelpunkt. Trykk nå Slett på tastaturet. Deretter slår du av Fyll farge og bruker en 1 px Stroke med hvit farge.
Lag to kopier av formen fra trinn 18, flytt toppkopien 3px til høyre, velg deretter begge kopiene og åpne Pathfinder Panel. Klikk på Minus Front-knappen og endre fargen på den resulterende formen til R = 85 G = 104 B = 109.
Kopier formen fra det forrige trinnet med kommando + C og lim deretter inn med kommando + F. Bruk nå direkte markeringsverktøyet (A) til å velge og slette det høyre nøkkelpunktet. Slå av Fyllfarge og bruk 1px Stroke med R = 211 G = 226 B = 232 farge. Se på bildet nedenfor for referansedetaljer:
Velg alle figurene på den øvre delen av webkameraet og grupp dem (Objekt> Gruppe).
I dette trinnet skal vi lage skyggen av den øverste delen av webkameraet. For å gjøre dette, ta Ellipse Tool (L) og tegne en ellipse i en hvilken som helst posisjon du bestemmer deg best, og fyll den med en mørk farge. Påfør Gaussisk uskarphet på 4px og endre blandemodus fra Normal til Multiplikasjon med Opacity 50%. Bruk nå pennverktøyet (P) til å legge til figurene som vises nedenfor, bruk Gaussian Blur til dem også, og endre også Blending Mode som vist nedenfor:
Velg figurene som vil representere skyggen av den øvre delen av webkameraet, gruppere dem (Objekt> Gruppe), og send dem under gruppen av den øvre delen av gruppen ved å gå til Objekt> Ordne> Send bakover. Se på bildet nedenfor:
I de neste trinnene skal vi lage webkameraets antenne.
Ta rektangulærverktøyet (M), tegne et rektangel på størrelse W = 72 px og H = 332 px med avrundede hjørner på 40 px Radius.
Med rektangelet som du rundet hjørnene til valgt, gå til Objekt> Utvid utseende, og fyll på formen med en lineær gradient som vist nedenfor:
Velg formen fra forrige trinn og gå til Objekt> Path> Offset Path. Sett Offset til -2px og klikk OK. Flytt den nye formen som dukket opp etter å ha brukt Offset 1px til venstre, åpne Gradient Panel og klikk på Reverse Gradient-knappen.
Med den siste formen du opprettet i det forrige trinnet som er valgt, går du til Objekt> Path> Offset Path, angir Offset til -2px, og klikker OK. Flytt den nye formen som dukket opp etter å ha brukt Offset 1px til venstre og endre gradientens farger.
Lag to kopier av den siste formen ved å bruke Command + C, lim deretter inn med Command + F, og igjen Kommando + F. Flytt toppkopien 1 piksel ned og 1 piksel til høyre. Velg nå begge kopier, åpne Pathfinder Panel, klikk på Minus Front-knappen, og fyll på formen med White.
Velg alle former for antennen og grupp dem (Objekt> Gruppe). Vri gruppens former til -8 grader og send dem bak figurene på den øvre delen av webkameraet ved å bruke Objekt> Arranger> Send bakover.
Kopier formen fra Trinn 28 med Command + C, og lim deretter inn med Command + F. Bruk pennverktøyet (P) til å lage en annen form over kopien som vist nedenfor. Velg nå kopien og formen du nettopp har opprettet. Åpne Pathfinder Panel, klikk på Minus Front-knappen, fyll den nye formen med en svart farge, og endre deretter blandemodus fra Normal til Multiply med 20% Opacity.
På slutten kan du legge til en bakgrunn og skygge på samme måte som du vil. Her er sluttresultatet:
Accentsconagua