Quick Tips: Hvordan lage en moderne Monitor Ikon

I de følgende trinnene vil du lære hvordan du oppretter en skjerm ikon. Det er en ganske enkel rask spiss som vil hjelpe deg å forstå de grunnleggende vektor form byggeteknikk og noen av de grunnleggende Illustrator effekter. Ikke mist motet av antall skritt. Hvert skritt er enkel og så detaljert som mulig, slik at du lett kan forstå det.

Trinn 1

Lag en 700 ved 700px dokumentet. Først aktivere Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 5px. Gå til Rediger > Preferanser > Guides > Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å bytte måleenheten til piksler fra Rediger > Preferanser > Unit > General. Al disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg rektangel Tool (M) og lage en 40 ved 20px form. Fyll den med lineær gradient vist nedenfor, og legge en svart strek. Gjør det 1.75pt bred og justere den til utsiden. Gå til Utseende panelet velger du eksisterende hjerneslag og klikk på Duplicate Selected varen knappen fra bunnen av Utseende panel. Dette vil legge et ekstra slag for formen. Gjør det 0.75pt bred, satt sin farge på R = 147 G = 149 B = 152 og sørg for at den er justert til utenfor.

Trinn 3

Velg den formen laget i forrige trinn , lage en kopi i front (Ctrl + C > Ctrl + F) og ta tak i Ellipse Tool (L). Opprett en 120 ved 25px form og legg den som vist i det andre bildet. Velg dette presset sirkelen sammen med ny kopi og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart og senke opacity til 20%.

Trinn 4

Velg rektangel Tool (M), lage en 110 ved 5px form og legg den som vist i det første bildet. Fyll den med lineær gradient vist nedenfor og deretter gå til Effect > Warp > Arc Øvre. Tast inn dataene vist i det andre bildet, klikk på OK og gå til Objekt > Utvid Utseende.

Trinn 5

Deaktiver Fest til rutenett (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generell og angir en i Tastatur verdiboksen. Velge formen gjorde i forrige trinn og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopien og trykke pil ned en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 88 G = 89 B = 91. Reselect formen gjorde i forrige trinn og legge en svart strek. Gjør det 0.75pt bred og justere den til utsiden.

Trinn 6

Re-aktivere Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), lage en 220 ved 130px form og legg den som vist i følgende bilde. Fyll den med lineær gradient vist nedenfor, og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk på OK og gå til Objekt > Utvid Utseende. De hvite tall fra gradient bilde stå for plassering prosent.

Trinn 7

Deaktiver Fest til rutenett, velge formen gjorde i forrige trinn og lage to kopier i front (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopien og trykke pil ned en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 35 G = 31 B = 32.

Trinn 8

Re-aktivere Fest til rutenett velg deretter formen gjort i det sjette trinnet og lage en kopi i front (Ctrl + C > Control + F). Plukk rektangel Tool (M), lage en 230 ved 70px form og legg den som vist i det første bildet. Velg denne nye rektangelet sammen med ny kopi og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i det andre bilde og senker tettheten til 5%.

Trinn 9

Velg det formen gjort i det sjette trinnet og legge en svart strek. Gjør det 1.75pt bred, justere den til utenfor deretter legge en ny strek for denne formen. Gjør det 0.75pt bred, justere den til utsiden og sette farge på R = 147 G = 149 B = 152.

Trinn 10

Velg rektangel Tool (M), lage en 200 ved 110px form og legg den som vist i følgende bilde. Fyll den med R = 30 G = 30 B = 30 og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 1.5px radius, klikk på OK og gå til Objekt > Utvid Utseende.

Trinn 11

Velg den Ellipse Tool (L), opprette en 200 ved 70px form og legg den som vist i det første bildet. Fyll den med R = 128 G = 130 B = 133, senke opacity til 60% og gå til Effect > Forvrenge & Transform > Pucker & bloat. Dra glidebryteren på -90% og klikk på OK.

Step 12

Velg det formen opprettet i forrige trinn og gå til Effect > Forvrenge & Transform > Zig Zag. Skriv inn de data som vises nedenfor, klikk OK, og deretter gå til Effect > Blur > Gaussian Blur. Skriv inn et 20px radius og klikk på OK.

Trinn 13

Deretter må du maskere formen opprettet i forrige trinn. Velge formen gjort i tiende trinn og lage en kopi i front (Ctrl + C > Control + F). Fyll den med hvit og bringe den til front (Shift + Ctrl + Høyre hakeparentes). Velg denne hvite formen sammen med uskarp form opprettet i forrige trinn og gå til Transparency panelet (Vindu > Transparency). Åpne fly-out menyen og klikk på Make Opacity Mask. Senk opacity av dette maskert form til 60%. Til slutt skal det se ut i det tredje bildet. Gå til lagpanelet og lås denne formen.

Trinn 14

Velg det formen gjort i den tiende trinn, lage en kopi i front (Ctrl + C > Ctrl + F) og bringe den til front (Shift + Ctrl + Høyre Square brakett). Fyll denne kopien med ingen, men legg et strøk. Gjør det 1PT bred, justere den til inne og sette farge på R = 15 G = 15 B = 15. Legg et andre slag for denne formen, gjør det 0.5pt bred, justere den til utsiden og sette farge på R = 88 G = 89 B = 91.

Trinn 15

For følgende trinn du må s grid hver 2.5px. Gå til Rediger > Preferanser > Guides > Grid og skriv 2,5 i linjenettet hver boks. Plukk rektangel Tool (M), opprette en 2,5 av 5px form og legg den som vist i følgende bilde. Fyll denne enkle rektangel med lineær gradient vist nedenfor.

Trinn 16

La oss gjøre noen endringer for formen gjorde i forrige trinn. Velg den og legge til et første slag. Gjør det 1PT bred, justere den til utsiden og sette farge på R = 28 G = 117 B = 188. Legg et andre slag for denne formen, gjør det 0.5pt bred, justere den til utsiden og sette farge på R = 39 G = 230 B = 225. Reselect hele banen og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 1.5px radius og klikk på OK.

Step 17

Velg rektangel Tool (M), opprette en 7,5 av 5px form, fyll den med hvit og plasser den som vist i det første bildet. Velg denne hvite rektangelet sammen med formen redigeres i forrige trinn og gå til Transparency panel. Åpne fly-out menyen og klikk på Make Opacity Mask. Til slutt formen din skal se ut i det tredje bildet.
ss = "tutorial_image">
Trinn 18

Velg alle figurene skapt så langt (bortsett fra de maskerte seg) og lage en kopi i ryggen (Ctrl + C > Ctrl + B). Velg disse eksemplarene og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 88 G = 89 B = 91 og gå til Effect > Stilisere > Drop Shadow. Skriv inn de data som vises nedenfor, klikk OK og du er ferdig.

Konklusjon

Nå arbeidet er ferdig. Her er hvordan det skal se ut. Anmeldelser