Snabbtips Hur man skapar en Modern Monitor Icon

I följande steg lär du dig att skapa en bildskärmsikon. Det är ett ganska enkelt snabbtips som hjälper dig att förstå de grundläggande vektorkonstens byggtekniker och några av de grundläggande Illustrator-effekterna. Bli inte avskräckt av antalet steg. Varje steg är enkelt och så detaljerat som möjligt så att du enkelt kan förstå det.


Steg 1

Skapa ett dokument med 700 × 700 px. Först aktivera gallret (Visa> Visa galler) och Snap to Grid (Visa> Snap to Grid). Därefter behöver du ett rutnät var 5px. Gå till Redigera> Inställningar> Guider> Rutnät, skriv 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. Alla dessa alternativ ökar din arbetshastighet avsevärt.


Steg 2

Välj rektangelverktyget (M) och skapa en form av 40 till 20 px. Fyll den med den linjära gradienten som visas nedan och lägg till en svart slag. Gör den 1,75pt bred och rikta den till utsidan. Gå till panelen Utseende, välj den befintliga stroke och klicka på knappen Duplicate Selected Item från undersidan av Utseendepanelen. Detta kommer att lägga till en andra stroke för din form. Gör den 0.75pt bred, sätt färgen på R = 147 G = 149 B = 152 och se till att den är inriktad på utsidan.


Steg 3

Välj den form som gjordes i föregående steg, gör en kopia framför (Kontroll + C> Kontroll + F) och ta tag i ellipsverktyget (L). Skapa en 120 x 25 px form och placera den som visas i den andra bilden. Välj den här kramade cirkeln tillsammans med den fria kopian och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 20%.


Steg 4

Välj Rektangelverktyget (M), skapa en form av 110 x 5px och placera den som visas i den första bilden. Fyll den med den linjära gradienten som visas nedan och gå till Effect> Warp> Arc Upper. Ange data som visas i den andra bilden, klicka på OK och gå till Objekt> Expand Utseende.


Steg 5

Inaktivera Snap to Grid (Visa> Snap to Grid) och gå till Redigera> Inställningar> Allmänt och skriv 1 i rutan Övning av tangentbord. Välj den form som gjordes i föregående steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och tryck ner pilen en gång. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 88 G = 89 B = 91. Återställ den form som gjordes i föregående steg och lägg till en svart slag. Gör den 0.75pt bred och rikta den till utsidan.


Steg 6

Aktivera Snap to Grid (Visa> Snap to Grid). Välj Rektangelverktyget (M), skapa en form av 220 x 130 px och placera den enligt bilden nedan. Fyll den med den linjära gradienten som visas nedan och gå till Effect> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Objekt> Expand Utseende. De vita siffrorna från gradientbilden står för platsprocent.


Steg 7

Inaktivera Snap to Grid, välj den form som gjordes i föregående steg och gör två kopior framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och tryck ner pilen en gång. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 35 G = 31 B = 32.


Steg 8

Aktivera Snap to Grid igen och välj sedan formen i det sjätte steget och gör en kopia framför (Control + C> Control + F). Välj Rektangelverktyget (M), skapa en form av 230 x 70 px och placera den som visas i den första bilden. Välj den här nya rektangeln tillsammans med den fria kopian och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den andra bilden och sänka dess opacitet till 5%.


Steg 9

Återställ den form som gjordes i det sjätte steget och lägg till en svart slag. Gör den 1,75pt bred, rikta den till utsidan och lägg till en andra stroke för denna form. Gör den 0.75pt bred, rikta den till utsidan och sätt färgen på R = 147 G = 149 B = 152.


Steg 10

Välj Rektangelverktyget (M), skapa en form av 200 x 110 pixlar och placera den enligt bilden nedan. Fyll den med R = 30 G = 30 B = 30 och gå till Effect> Stylize> Rounded Corners. Ange en 1,5-poligradie, klicka på OK och gå till Objekt> Expand Utseende.


Steg 11

Välj ellipseverktyget (L), skapa en form av 200 till 70 px och placera den som visas i den första bilden. Fyll det med R = 128 G = 130 B = 133, sänka opaciteten till 60% och gå till Effekt> Förvräng & Transformera> Pucker & Bloat. Dra skjutreglaget på -90% och klicka på OK.


Steg 12

Återställ den form som skapades i föregående steg och gå till Effekt> Förvräng & Transformera> Zig Zag. Ange de data som visas nedan, klicka på OK och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 20px radie och klicka på OK.


Steg 13

Därefter måste du maskera formen som skapades i föregående steg. Välj den form som gjordes i det tionde steget och gör en kopia framför (Control + C> Control + F). Fyll den med vit och ta den framåt (Shift + Control + Right Square Bracket). Välj den här vita formen tillsammans med den suddiga formen som skapades i föregående steg och gå till panelen Transparens (Fönstret> Transparent). Öppna menyn Fly-out och klicka på Make Opacity Mask. Minska opaciteten i denna maskerade form till 60%. Till slut borde det se ut i den tredje bilden. Gå till panelen Lager och lås den här formen.


Steg 14

Återställ den form som gjorts i det tionde steget, gör en kopia framför (Control + C> Control + F) och ta den framåt (Shift + Control + Right Square Bracket). Fyll i denna kopia med ingen, men lägg till en stroke. Gör den 1pt bred, rikta den inåt och sätt färgen på R = 15 G = 15 B = 15. Lägg till en andra stroke för denna form, gör den 0,5pt bred, rikta den till utsidan och sätt färgen på R = 88 G = 89 B = 91.


Steg 15

För följande steg behöver du s rutnät varje 2,5 px. Gå till Redigera> Inställningar> Guider> Grid och ange 2,5 i rutnätet varje ruta. Välj Rektangelverktyget (M), skapa en form av 2,5 till 5px och placera den enligt bilden nedan. Fyll den här enkla rektangeln med den linjära gradienten som visas nedan.


Steg 16

Låt oss göra några ändringar för den form som gjordes i föregående steg. Välj det och lägg till en första stroke. Gör den 1pt bred, rikta den till utsidan och sätt färgen på R = 28 G = 117 B = 188. Lägg till en andra stroke för denna form, gör den 0,5pt bred, rikta den till utsidan och sätt färgen på R = 39 G = 230 B = 225. Återmarkera hela banan och gå till Effekt> Stylize> Rounded Corners. Ange en 1,5-poligradie och klicka på OK.


Steg 17

Välj rektangelverktyget (M), skapa en 7,5 x 5px-form, fyll i den med vit och placera den som visas på den första bilden. Välj den här vita rektangeln tillsammans med formen redigerad i föregående steg och gå till panelen Transparens. Öppna menyn Fly-out och klicka på Make Opacity Mask. I slutet ska din form se ut i den tredje bilden.

ss = "tutorial_image">

Steg 18

Välj alla former som hittills skapats (utom de maskerade) och gör en kopia bakåt (Kontroll + C> Kontroll + B). Välj de här kopiorna och klicka på Unite-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 88 G = 89 B = 91 och gå till Effekt> Stylize> Drop Shadow. Ange de uppgifter som visas nedan, klicka på OK och du är klar.


Slutsats

Nu är ditt arbete gjort. Så här ska det se ut.