Snabbtips Hur man skapar en ren stilmappsymbol

I följande handledning lär du dig att skapa en ren mappikon. Genom att använda några enkla former och Utseendepanelen ser du hur lätt det är att skapa en snygg ikon.


Steg 1

Skapa ett 250 x 250 pixel, RGB-dokument. Slå på rutnätet (Visa> Grid) och Snap to Grid (Visa> Snap to Grid). Därefter behöver du ett rutnät var 5px. Gå till Redigera> Inställningar> Guider och galler, ange 5 i rutnätet varje ruta och 1 i rutan Indelningar. Du kan också öppna Info-panelen (Fönster> Info) för en live-förhandsgranskning med storleken och positionen på dina former. Glöm inte att byta måttenhet till pixlar från Redigera> Inställningar> Enhet> Allmänt. Dessa alternativ ökar din arbetshastighet avsevärt.


Steg 2

Välj Rektangelverktyget (M) och klicka på din tavla. Skriv 190 i breddrutan och 140 i höjdlådan och klicka sedan på OK. Fyll den här nya formen med R = 28 G = 117 B = 188 och gå till Effect> Stylize> Rounded Corners. Ange en rad av 7px, klicka på OK och gå till Objekt> Expand Utseende.


Steg 3

Fortsätt med rektangelverktyget (M). Den här gången skapar du en form av 65 x 25 px och placerar den enligt bilden nedan. Fyll den med R = 28 G = 117 B = 188 och gå till Effect> Stylize> Rounded Corners. Ange en rad av 7px, klicka på OK och gå till Objekt> Expand Utseende.


Steg 4

Välj de två formerna som hittills skapats och klicka på Unite-knappen från panelen Pathfinder.


Steg 5

Återställ Rektangelverktyget (M), skapa en form av 190-130px och placera den enligt bilden nedan. Snap to grid kommer att underlätta ditt arbete. Fyll den med R = 39 G = 170 B = 225 och gå till Effect> Stylize> Rounded Corners. Ange en rad av 7px, klicka på OK och ta tag i Direct Selection Tool (A). Välj den övre, vänstra ankarpunkten och flytta den 15px till vänster och välj sedan den övre, högra ankarpunkten och flytta den 15 till höger. Nu ska din form se ut i den andra bilden. Markera den och gå till Objekt> Expand Utseende.


Steg 6

Låt oss fortsätta med filen. Välj rektangelverktyget, skapa en form av 125 x 180px och fyll i den med vit. Välj den här färska formen och gå till panelen Utseende. Öppna utflyttningsmenyn och klicka på Lägg till ny fyllning. Detta lägger till en andra fyllning för din form. Välj det från Utseendepanelen, ställ in färgen vid R = 39 G = 170 B = 225 och gå till Effekt> Förvräng & Transformera> Transformera. Ange data som visas nedan bild # 2, klicka på OK och lägg till en tredje fyllning. Sätt igen sin färg vid R = 39 G = 170 B = 225 och lägg sedan till de två Transform-effekterna som visas nedan bild # 3. Glöm inte att lägga till 29 i kopieringsrutan för den andra effekten.


Steg 7

Välj den form som skapades i föregående steg och gå till Objekt> Expand Utseende. Välj den resulterande gruppen och gå till Objekt> Transformera> Rotera. Ange en -83,5 graders vinkel och klicka sedan på OK. Nu ska din fil placeras som visas på den tredje bilden.


Steg 8

Flytta gruppen som skapades i föregående steg mellan de två blåa formerna (i panelen Lager). Välj den här gruppen och gå till Effect> Distort & Transform> Transform. Ange de data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende. Välj nu de tre vita formerna och fyll dem med den linjära gradienten som visas i den tredje bilden.


Steg 9

Välj den främre blå formen, lägg till en ny fyllning och använd den linjära gradienten som visas i den första bilden. Den gula texten från gradientbilden står för Opacity-procenten medan den vita texten står för Platsprocent. Lägg till en tredjedel för samma form och använd radiell gradient som visas i den andra bilden.


Steg 10

Inaktivera Snap to Grid (Visa> Snap to Grid) och gå till Redigera> Inställningar> Allmänt och skriv 1 i rutan Övning av tangentbord. Återställ den främre blå formen, tryck på Control + C en gång och tryck sedan på Control + F två gånger. Detta lägger till två exemplar framför. Välj toppkopian och tryck två gånger på nedåtpilen. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 125 G = 204 B = 237.


Steg 11

Återmarkera den främre blå formen och skapa två nya kopior (Kontroll + C> Kontroll sedan F> Kontroll + F). Välj den översta kopian och tryck en gång på nedpilen. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 33 G = 143 B = 206.


Steg 12

Låt oss flytta till den bakre blå formen. Först ställer du in färgen vid R = 39 G = 170 B = 225, lägg sedan till en andra fyllning och använd den linjära gradienten som visas nedan.


Steg 13

Välj den svarta blåformen och skapa två kopior (Kontroll + C> Kontroll + F> Kontroll + F). Välj toppkopian och tryck två gånger på nedåtpilen. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 125 G = 204 B = 237.


Steg 14

Återmarkera den blå blåformen och skapa två nya kopior (Control + C> Control och F> Control + F). Välj den översta kopian och tryck en gång på nedpilen. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 33 G = 143 B = 206.


Steg 15

Aktivera Snap to Grid. Duplikera den främre, blåa formen (Control + C, Control + F) och ta sedan in rektangulärverktyget (M), skapa en form av 220 x 130 px och placera den som visas på den första bilden. Välj den här färska formen, välj verktyget för borttagning av ankarspets (minus) och klicka på den nedre, högra ankarpunkten. Välj den resulterande formen tillsammans med kopian av den främre, blå formen och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den tredje bilden och sänka dess opacitet till 10%.


Steg 16

Till sist, låt oss lägga till en enkel skuggningseffekt. För detta steg behöver du ett rutnät varje 1px. Gå till Redigera> Inställningar> Guider och galler och ange 1 i rutnätet varje ruta. Välj Rektangelverktyget (M) och skapa en 192 med 11px-form. Fyll den med R = 65 G = 64 B = 66, placera den som visas på den första bilden och flytta den längst ner på panelen Lager. Gå sedan till Effect> Stylize> Rounded Corners. Ange en rad på 7px, klicka på OK och gå till Effect> Blur> Gaussian Blur. Ange en rad med 2px, klicka på OK, sänka opaciteten till 25% och du är klar.


Slutsats

Och där har du det. En mappikon från några få enkla former. Försök experimentera med olika färger och bakgrunder för att se vad du kan komma med. Ha så kul!