Quick Tips: Hvordan lage en ren stil Folder Icon

I det følgende opplæringen vil du lære å lage et rent mappeikonet. Ved hjelp av noen enkle former og den Utseende Panel, vil du se hvor enkelt det er å lage et flott utseende ikon.

Trinn 1

Opprett en 250 250 piksler, RGB-dokument. Slå på Grid (View > Grid) 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 figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg den rektangelverktøyet (M) og klikk på artboard. Skriv inn 190 i boksen Bredde og 140 i høyden boksen og klikk deretter på OK. Fyll denne nye formen med R = 28 G = 117 B = 188 og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 7px radius, klikker du på OK og gå til Object > Utvid Utseende.

Trinn 3

Fortsett med rektangel Tool (M). Denne gangen opprette en 65 ved 25px form og legg den som vist i følgende bilde. Fyll den med R = 28 G = 117 B = 188 og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 7px radius, klikker du på OK og gå til Object > Utvid Utseende.

Trinn 4

Velg de to figurer laget så langt og klikk på Unite knappen fra Pathfinder-panelet.

Trinn 5

reselect rektangel Tool (M), opprette en 190 etter 130px form og legg den som vist i følgende bilde. Fest til rutenett vil lette arbeidet ditt. Fyll den med R = 39 G = 170 B = 225 og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 7px radius, klikk OK og ta tak i Direct Selection Tool (A). Velg den øverste, venstre forankringspunkt og flytte den 15px til venstre og velg den øverste, høyre forankringspunkt og flytte det 15 til høyre. Nå bør formen din se ut i det andre bildet. Velg den og gå til Object > Utvid Utseende.

Trinn 6

La oss fortsette med filen. Velg rektangelverktøyet, skape et 125 av 180px form og fylle det med hvit. Velg denne friske form og gå til Utseende panel. Åpne fly-out menyen og klikk på Legg til ny Fill. Dette vil legge til en annen fylling for formen. Velg det fra Utseende panelet satt sin farge på R = 39 G = 170 B = 225 og deretter gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor bilde # 2, klikk deretter på OK legge til en tredje fyll. Igjen satt sin farge på R = 39 G = 170 B = 225 deretter legge de to Transform effektene er vist nedenfor image # 3. Ikke glem å legge 29 i boksen eksemplarer for andre effekten

Trinn 7

Velg den formen som ble opprettet i forrige trinn, og gå til Object >.; Utvid Utseende. Velg den resulterende gruppen og gå til Object > Transform > Rotere. Skriv inn et -83.5 grader vinkel og klikk OK. Nå filen skal plasseres som vist i tredje bildet.

Trinn 8

Flytt gruppe opprettet i forrige trinn mellom de to blå figurer (i Lag-panelet). Velg denne gruppen og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor, klikker du på OK og gå til Object > Utvid Utseende. Nå velger de tre hvite former og fylle dem med lineær gradient vist i tredje bildet.

Trinn 9

Velg den fronten blå form, legger en annen fylling og bruke lineær gradient vist i det første bildet. Den gule tekst fra gradienten bildet står for Opacity prosent mens den hvite teksten står for Location prosentandel. Legge til en tredje for samme form og bruk radial gradient er vist i det andre bildet.

Step 10

Deaktiver Fest til rutenett (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generelt og skriv en i Tastatur verdiboksen. Velg det fremre blå form, trykk Ctrl + C når du trykker Ctrl + F to ganger. Dette vil legge to eksemplarer i front. Velg den øverste kopien og trykk på pil ned to ganger. Reselect de begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 125 G = 204 B = 237

Trinn 11

Velg det foran blå form og opprette to nye kopier (Ctrl + C >. Kontroll deretter F > Ctrl + F). Velg den øverste kopien og trykk på pil ned én gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 33 G = 143 B = 206.

Trinn 12

La oss gå til baksiden blå form. Først satt sin farge på R = 39 G = 170 B = 225 og deretter legge til en annen fylling og bruke lineær gradient vist nedenfor.

Trinn 13

Velg den svart blå form og opprette to kopier (Ctrl + C > Ctrl + F > Ctrl + F). Velg den øverste kopien og trykk på pil ned to ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 125 G = 204 B = 237

Trinn 14

Velg det tilbake blå form og opprette to nye kopier (Ctrl + C >. Kontroll deretter F > Ctrl + F). Velg den øverste kopien og trykk på pil ned én gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 33 G = 143 B = 206.

Trinn 15

Aktiver Fest til rutenett. Duplisere front, blå form (Ctrl + C og deretter Ctrl + F) og deretter ta tak i rektangelverktøyet (M), opprette en 220 etter 130px form og legg den som vist i det første bildet. Velg denne friske form, plukke Slett Anchor Point Tool (minus) og klikk på bunnen, rett ankerpunkt. Velg den resulterende formen sammen med kopi av forsiden, blå form og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i den tredje bilde og senke opacity 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 > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Plukk rektangel Tool (M) og lage en 192 av 11px form. Fyll den med R = 65 G = 64 B = 66, legg den som vist i det første bildet og flytte den i bunnen av Lag-panelet. Deretter går du til Effect > Stylize > Avrundede hjørner. Skriv inn et 7px radius klikk på OK og gå til Effect > Blur > Gaussian Blur. Skriv en 2 piksler radius, klikk OK, senk opacity til 25% og du er ferdig.

Konklusjon

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