Hurtig Tips Hvordan lage en ren stilmappe-ikon

I den følgende opplæringen lærer du å lage et rent mappeikon. Ved å bruke noen enkle former og Utseendepanelet, vil du se hvor lett det er å lage et flott utseendeikon.


Trinn 1

Opprett et 250 x 250 px RGB-dokument. Slå på rutenettet (Vis> Rutenett) og Rask til rutenettet (Vis> Rask til rutenett). Deretter trenger du et rutenett hver 5px. Gå til Rediger> Innstillinger> Guider og rutenett, skriv inn 5 i Rutenettlinjen hver boks og 1 i Retningslinjene underdelinger. 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. Disse alternativene vil øke arbeidshastigheten betydelig.


Steg 2

Velg Rectangle Tool (M) og klikk på tavlen. Skriv inn 190 i breddeboksen og 140 i høydeboksen, og klikk deretter OK. Fyll denne nye formen med R = 28 G = 117 B = 188 og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 7px, klikk OK, og gå til Objekt> Utvid utseende.


Trinn 3

Fortsett med rektangulærverktøyet (M). Denne gangen oppretter du en 65 x 25 px form og legger den som vist i bildet nedenfor. Fyll det med R = 28 G = 117 B = 188 og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 7px, klikk OK, og gå til Objekt> Utvid utseende.


Trinn 4

Velg de to figurene du har laget så langt, og klikk på Unite-knappen fra Pathfinder-panelet.


Trinn 5

Velg rektangulærverktøyet (M), opprett en form for 190 til 130 px, og sett den som vist på bildet nedenfor. Snap to grid vil lette arbeidet ditt. Fyll det med R = 39 G = 170 B = 225 og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 7px, klikk OK og ta tak i Direkte utvalgsverktøyet (A). Velg det øverste, venstre ankerpunktet og flytt det 15px til venstre, velg deretter topp, høyre ankerpunkt og flytt det 15 til høyre. Nå skal formen din se ut i det andre bildet. Velg den og gå til Objekt> Utvid utseende.


Trinn 6

La oss fortsette med filen. Velg rektangulærverktøyet, lag en form av 125 x 180 px og fyll den med hvitt. Velg denne friske figuren og gå til Utseendepanelet. Åpne utløpsmenyen og klikk på Legg til ny fylling. Dette vil legge til en ny fylling for din form. Velg den fra Utseendepanelet, sett fargen på R = 39 G = 170 B = 225, og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som vises under bilde nr. 2, klikk OK og legg til en tredje fylling. Sett igjen fargen på R = 39 G = 170 B = 225, og legg deretter til de to Transform-effektene som vises under bilde nr. 3. Ikke glem å legge til 29 i kopieringsboksen for den andre effekten.


Trinn 7

Velg formen som ble opprettet i forrige trinn, og gå til Objekt> Utvid utseende. Velg den resulterende gruppen og gå til Objekt> Transform> Rotere. Skriv inn en -83,5 graders vinkel og klikk deretter OK. Nå skal filen plasseres som vist i det tredje bildet.


Trinn 8

Flytt gruppen som ble opprettet i forrige trinn mellom de to blå figurene (i lagpanelet). Velg denne gruppen og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende. Nå velger du de tre hvite figurene og fyller dem med den lineære gradienten som vises i det tredje bildet.


Trinn 9

Velg den blå blåformen, legg til en ny fylling og bruk den lineære gradienten som vises i det første bildet. Den gule teksten fra gradientbildet står for Opacity-prosentandel mens den hvite teksten står for plasseringsprosent. Legg til et tredje for samme form og bruk radial gradient vist i det andre bildet.


Trinn 10

Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt og skriv inn 1 i tastaturøkningsboksen. Velg den blå blåformen, trykk på Control + C, og trykk deretter to ganger på Control + F. Dette vil legge til to eksemplarer foran. Velg toppkopien og trykk to ganger på pil ned. Velg begge kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 125 G = 204 B = 237.


Trinn 11

Velg den blå blåformen og opprett to nye kopier (Kontroll + C> Kontroll og F> Kontroll + F). Velg toppkopi 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 = 33 G = 143 B = 206.


Trinn 12

La oss flytte til den blå blå form. Først sett fargen på R = 39 G = 170 B = 225 og legg til en ny fyll og bruk den lineære gradienten som er vist nedenfor.


Trinn 13

Velg den svarte blåformen og opprett to kopier (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og trykk to ganger på pil ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 125 G = 204 B = 237.


Trinn 14

Velg den blå blåformen og opprett to nye kopier (Kontroll + C> Kontroll og F> Kontroll + F). Velg toppkopi 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 = 33 G = 143 B = 206.


Trinn 15

Aktiver Snap to Grid. Dupliser fronten, den blå formen (Control + C, deretter Control + F) og ta deretter Rektangulærverktøyet (M), opprett en form for 220 x 130 px og legg den som vist i det første bildet. Velg denne friske figuren, velg Slet ankerpunktsverktøyet (minus) og klikk på nederste, høyre ankerpunkt. Velg den resulterende formen sammen med kopien av den fremre, blå form og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten vist i det tredje bildet og senk dens opasitet til 10%.


Trinn 16

Til slutt, la oss legge til en enkel skyggeeffekt. For dette trinnet trenger du et rutenett hver 1px. Gå til Rediger> Innstillinger> Ruter og rutenett og skriv inn 1 i Rutenettlinjen hver boks. Velg Rectangle Tool (M) og opprett en 192 ved 11px form. Fyll det med R = 65 G = 64 B = 66, plasser det som vist på det første bildet og flytt det nederst på lagpanelet. Deretter går du til Effect> Stylize> Rounded Corners. Skriv inn en radius på 7px, klikk OK, og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 2px, klikk OK, senk opaciteten til 25%, og du er ferdig.


Konklusjon

Og der har du det. Et mappeikon fra bare noen få enkle former. Prøv å eksperimentere med forskjellige farger og bakgrunner for å se hva du kan komme med. Ha det gøy!