Rask Tips Hvordan lage en Modern Monitor Icon

I de følgende trinnene lærer du hvordan du oppretter et skjermikon. Det er et ganske enkelt raskt tips som vil hjelpe deg å forstå de grunnleggende vektorform bygningsmetoder og noen av de grunnleggende Illustrator-effektene. Ikke bli motløs av antall trinn. Hvert trinn er enkelt og så detaljert som mulig, slik at du lett kan forstå det.


Trinn 1

Opprett et dokument på 700 til 700 px. Først aktiverer gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 5px. Gå til Rediger> Innstillinger> Veiledninger> Rutenett, skriv inn 5 i Rutenettlinjen hver boks og 1 i Retningslinjene. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene vil øke arbeidshastigheten betydelig.


Steg 2

Velg rektangulærverktøyet (M) og opprett en form som er 40 til 20 px. Fyll den med den lineære gradienten som vises nedenfor, og legg til et svart slag. Gjør den 1,75pt bred og juster den til utsiden. Gå til Utseendepanelet, velg det eksisterende strekket og klikk på Duplicate Selected Item-knappen nederst i Utseendepanelet. Dette vil legge til et sekundslag for din form. Gjør det 0.75pt bredt, sett fargen på R = 147 G = 149 B = 152 og sørg for at den er justert til utsiden.


Trinn 3

Velg formen som ble gjort i forrige trinn, lag en kopi foran (Kontroll + C> Kontroll + F) og ta tak i Ellipseverktøyet (L). Lag en 120 x 25 px form og legg den som vist i det andre bildet. Velg denne klemt sirkelen sammen med den ferske kopien og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart og senk dens opasitet til 20%.


Trinn 4

Velg rektangulærverktøyet (M), opprett en form av 110 x 5 px og legg den som vist i det første bildet. Fyll den med den lineære gradienten som vises nedenfor, og gå til Effect> Warp> Arc Upper. Skriv inn dataene som vises i det andre bildet, klikk OK og gå til Objekt> Utvid utseende.


Trinn 5

Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt og skriv inn 1 i tastaturøkningsboksen. Velg formen som ble gjort i forrige trinn og lag to kopier foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 88 G = 89 B = 91. Tilbakestill formen som ble gjort i forrige trinn, og legg til et svart slag. Gjør det 0.75pt bredt og juster det til utsiden.


Trinn 6

Aktiver Snap to Grid (Vis> Snap to Grid) igjen. Velg rektangulærverktøyet (M), opprett en form for 220 x 130 px og legg den som vist i bildet nedenfor. Fyll den med den lineære gradienten som vises nedenfor, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px, klikk OK og gå til Objekt> Utvid utseende. De hvite tallene fra gradientbildet står for plasseringsprosent.


Trinn 7

Deaktiver Snap to Grid, velg formen som ble gjort i forrige trinn og lag to kopier foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og trykk på pil ned en gang. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 35 G = 31 B = 32.


Trinn 8

Aktiver Snap to Grid, velg deretter formen laget i det sjette trinnet og lag en kopi foran (Control + C> Control + F). Velg rektangulærverktøyet (M), opprett en form for 230 x 70 px og legg den som vist i det første bildet. Velg dette nye rektangelet sammen med den friske kopien, og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten vist i det andre bildet og senk dens opasitet til 5%.


Trinn 9

Tilbakestill formen som ble gjort i det sjette trinnet, og legg til et svart slag. Gjør den 1,75pt bred, juster den til utsiden og legg til et nytt slag for denne formen. Gjør det 0.75pt bredt, juster det til utsiden og sett fargen på R = 147 G = 149 B = 152.


Trinn 10

Velg rektangulærverktøyet (M), opprett en form for formet 200 x 110 px, og legg det som vist i bildet nedenfor. Fyll det med R = 30 G = 30 B = 30 og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 1,5 px radius, klikk OK og gå til Objekt> Utvid utseende.


Trinn 11

Velg ellipseverktøyet (L), opprett en form av 200 til 70 px og legg den som vist i det første bildet. Fyll den med R = 128 G = 130 B = 133, senk opaciteten til 60% og gå til Effekt> Forvreng & Transform> Pucker & Bloat. Dra glidebryteren på -90% og klikk OK.


Trinn 12

Tilbakestill formen som ble opprettet i forrige trinn, og gå til Effekt> Forvreng og overfør> Zig Zag. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effect> Blur> Gaussian Blur. Skriv inn en 20px radius og klikk OK.


Trinn 13

Deretter må du maskere formen som ble opprettet i forrige trinn. Velg formen laget i det tiende trinnet og lag en kopi foran (Control + C> Control + F). Fyll det med hvitt og ta det til forsiden (Shift + Control + Høyre firkantbrakett). Velg denne hvite formen sammen med den uskarpe formen som ble opprettet i forrige trinn, og gå til gjennomsiktighetspanelet (Vindu> Transparent). Åpne fly-out-menyen, og klikk på Make Opacity Mask. Senk opaciteten til denne maskerte formen til 60%. Til slutt skal det se ut i det tredje bildet. Gå til lagpanelet og lås denne formen.


Trinn 14

Tilbakestill formen som ble gjort i det tiende trinnet, lag en kopi foran (Control + C> Control + F) og ta den til forsiden (Shift + Control + Right Square Bracket). Fyll denne kopien med ingen, men legg til et slag. Gjør det 1pt bredt, juster det innvendig og sett fargen på R = 15 G = 15 B = 15. Legg til et sekundslag for denne formen, gjør den 0,5 t bred, juster den til utsiden og sett fargen på R = 88 G = 89 B = 91.


Trinn 15

For følgende trinn vil du trenge s grid hver 2.5px. Gå til Rediger> Innstillinger> Guider> Grid og skriv inn 2,5 i gridlinjen hver boks. Velg rektangulærverktøyet (M), opprett en form for 2,5 til 5 px og legg den som vist på bildet nedenfor. Fyll dette enkle rektangel med den lineære gradienten som vises nedenfor.


Trinn 16

La oss gjøre noen endringer for formen som ble gjort i det forrige trinnet. Velg det og legg til et første slag. Gjør det 1pt bredt, juster det til utsiden og sett fargen på R = 28 G = 117 B = 188. Legg til et sekundslag for denne formen, gjør den 0,5 t bred, juster den til utsiden og sett fargen på R = 39 G = 230 B = 225. Velg hele banen og gå til Effect> Stylize> Rounded Corners. Skriv inn en 1,5px radius og klikk OK.


Trinn 17

Velg rektangulærverktøyet (M), opprett en form for 7,5 til 5 px, fyll den med hvit og legg den som vist på det første bildet. Velg dette hvite rektangelet sammen med formen redigert i forrige trinn og gå til gjennomsiktighetspanelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask. Til slutt skal formen din se ut i det tredje bildet.

ss = "tutorial_image">

Trinn 18

Velg alle fasene som er opprettet hittil (unntatt de maskerte) og lag en kopi på baksiden (Kontroll + C> Kontroll + B). Velg de kopiene og klikk på Unite-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 88 G = 89 B = 91 og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og du er ferdig.


Konklusjon

Nå er arbeidet ditt gjort. Slik ser det ut.