Lär dig hur man skapar en skräp-illustration i Illustrator

I följande handledning lär du dig hur du skapar en skräp-illustration. Använd en komplett Illustrator CS5-arbetsflöde, vektorform byggnadsteknik, gradient och opacitetskuggning, samt olika vektoreffekter. Låt oss börja.


Steg 1

Hit Command + N för att skapa ett nytt dokument. Skriv 700 i breddrutan och 600 i höjdlådan och klicka sedan på knappen Avancerat. Välj RGB, Screen (72ppi) och se till att rutan "Justera nya objekt till pixelgrid" är avmarkerad innan du klickar på OK. Nu slår du på nä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 ställa in måttenheten till pixlar från Redigera> Inställningar> Enhet> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.


Steg 2

Välj rektangelverktyget (M), skapa en form av 200 x 390 px, fyll den med R = 0 G = 153 B = 109 och ta bort färgen från stroke. Byt till Direct Selection Tool (A) och fokusera på de nedre ankarpunkterna.

Välj vänster ankarpunkt och flytta den 15px till höger, välj sedan rätt ankarpunkter och flytta den 15px till vänster. I slutet ska din form se ut som den andra bilden som visas. Återmarkera det och gör en kopia framför (Command + C> Command + F).


Steg 3

Välj rektangelverktyget (M), skapa en form av 220 till 50 px och placera den som visas på den första bilden. Välj den här nya formen tillsammans med kopian som skapades i föregående steg, öppna panelen Pathfinder och klicka på Intersect-knappen.


Steg 4

Återställ den form som skapades i det andra steget och gå till Effekt> Stylize> Rounded Corners. Ange en 10px radie, klicka på OK och gå till Effekt> Varp> Arc Lower. Ange data som visas i den andra bilden, klicka på OK och gå till Objekt> Expand Utseende.


Steg 5

Välj den form som gjordes i föregående steg, tillsammans med formen skapad i det tredje steget, och klicka på Unite-knappen från panelen Pathfinder. Flytta till panelen Lager (Fönster> Lager), dubbelklicka på den resulterande formen och namnge den "Body".


Steg 6

Plocka pennverktyget (P), rita två vertikala vägar (400px) och placera dem som visas i den första bilden. Lägg till en diskret svart slag för dessa vägar. Byt till Direct Selection Tool (A) och fokusera på vänster, vertikal väg. Välj nedre ankarpunkten och flytta den 15px till höger.

Fortsätt med Direct Selection Tool (A) och fokusera på den högra, vertikala sökvägen. Välj nedre ankarpunkten och flytta den 15px till vänster. I slutet ska dina banor se ut som den andra bilden som visas. Kopiera dem (Command + C> Command + F). Flytta till panelen Lager, hitta dessa färska kopior och göra dem osynliga. Du behöver dem senare.


Steg 7

Återställ "Body" och gör en kopia framför (Command + C> Command + F). Välj den här kopian längs med de synliga banor som skapades i föregående steg och klicka på Divide-knappen från panelen Pathfinder. Flytta till panelen Lager och du hittar en grupp med tre enkla former. Ungroup dem (Shift + Command + G) och radera den mellersta formen.


Steg 8

Fokusera på de två formerna som skapades i föregående steg och fyll dem med den linjära gradienten som visas nedan. Den gula nollpunkten från gradientbilden står för opacitetsprocent.


Steg 9

Inaktivera Snap to Grid (Visa> Snap to Grid) och gå till Redigera> Inställningar> Allmänt och se till att tangentbordsökningen är inställd på 1px. Välj rätt form redigerad i föregående steg och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F).

Välj toppkopian och tryck högerpil en gång (för att flytta den 1px till höger). Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan, sänka dess opacitet till 20% och ändra blandningsläge till överlagring. Kom ihåg att den gula nollpunkten från gradientbilden står för opacitetsprocent.


Steg 10

Återställ den form som skapades i föregående steg och gör en kopia framför (Kommando + C> Kommando + F). Fyll den med den linjära gradienten som visas nedan, höja opacitet till 100% och ändra blandningsläge till Normal.


Steg 11

Välj den vänstra formen redigerad i det åttonde steget och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F). Välj den översta kopian och tryck på vänsterpil en gång (för att flytta den 1px till vänster). Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan, sänk dess opacitet till 20% och ändra blandningsläge till överlagring.


Steg 12

Återställ den form som skapades i föregående steg och gör en kopia framför (Kommando + C> Kommando + F). Fyll den med den linjära gradienten som visas nedan, höja opacitet till 100% och ändra blandningsläge till Normal.


Steg 13

Välj all form skapad och redigerad under de senaste sex stegen och gruppera dem (Command + G).


Steg 14

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M), skapa två, 5 till 405 px former och placera dem som visas i den första bilden. Byt till Direct Selection Tool (A) och fokusera på vänster form.

Välj de nedre ankarpunkterna och flytta dem 15px till höger. Fortsätt med Direct Selection Tool (A) och fokusera på rätt väg. Välj nedre ankarpunkten och flytta dem 15px till vänster. I slutet ska dina former se ut som den andra bilden som visas.


Steg 15

Återmarkera de två formerna som skapades i föregående steg, fyll dem med den linjära gradienten som visas nedan och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en rad av 7px och klicka på OK.


Steg 16

Flytta till panelen Lager och hitta de osynliga banor som skapats i det sjätte steget. Gör dem synliga och ta dem framåt (Shift + Command +]). Lägg till en 5pt, white stroke för dessa vägar, sänka opacitet till 5%, ändra blandningsläge till Överlagring och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en radius på 3px och klicka på OK.


Steg 17

Välj Ellipse Tool (L), skapa en 140 x 255px form och placera den som visas i den första bilden. Återställ "Body" och gör en kopia framför (Command + C> Command + F). Markera den här kopian tillsammans med den nya formen och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan och gå till Effect> Blur> Gaussian Blur. Ange en 10px radie och klicka på OK.


Steg 18

Välj alla former som skapats och redigerades under de senaste fyra stegen och gruppera dem (Command + G).


Steg 19

Därefter måste du maskera gruppen som skapades i föregående steg. Välj "Body" och gör en kopia framför (Command + C> Command + F). Fyll den med vit, ta den framåt (Shift + Command +]) och öppna panelen Transparens.

Välj den här vita formen, tillsammans med den grupp som skapades i föregående steg, öppna menyn Flytmeny på panelen Transparens och klicka på Gör opacitetsmask. I slutet ska din maskerade grupp se ut som den tredje bilden som visas.


Steg 20

Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ "Body" och gör två exemplar framför (Command + C> Command + F> Command + F). Välj den översta kopian och tryck två gånger på uppåtpilen. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll nu den resulterande formen med R = 0, G = 119, B = 88. Och ta det framåt (Shift + Command +]).


Steg 21

Återställ "Body" lägg till en 1pt stroke. Ställ in färgen till R = O, G = 119, B = 88. Se till att den här formen fortfarande är vald, gå till Utseendepanelen och lägg till en ny fyllning med knappen Lägg till ny fyllning. Det är den lilla vita kvadratikonen som finns längst ner på Utseendepanelen. Välj den här nya fyllningen och använd den linjära gradienten som visas nedan.


Steg 22

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M), skapa en form av 245 x 20px och placera den som visas i den första bilden. Byt till Direct Selection Tool (A) och fokusera på de nedre ankarpunkterna. Välj vänster ankarpunkt och flytta den 30px till höger, välj sedan rätt ankarpunkter och flytta den 30px till vänster.

Nu ska din form se ut som en trapezoid. Markera den och skicka den till baksidan (Shift + Command + [). Återställ "Body" och gör en kopia framför (Command + C> Command + F). Välj den här kopian tillsammans med den trapezformade formen och klicka på knappen Minus fram från panelen Pathfinder. Detta skapar en grupp med två triangelformer. Fyll dem med de linjära gradienterna som visas nedan.


Steg 23

Inaktivera Snap to Grid (Visa> Snap to Grid) och fokusera på den vänstra triangeln som skapades i föregående steg. Välj den och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F). Välj den översta kopian och tryck nedåtpil och vänsterpil tre gånger.

Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänk dess opacitet till 20%. Växla till verktyget Delete Anchor Point (-) och klicka på de tre ankarpunkterna som markeras i den tredje bilden. I slutet ska din form se ut som den fjärde bilden som visas.


Steg 24

Fokusera på rätt triangel skapad i föregående steg. Välj den och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F). Välj den översta kopian och tryck nedåtpil och högerpil tre gånger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder.

Fyll den resulterande formen med svart och sänk dess opacitet till 20%. Växla till verktyget Delete Anchor Point (-) och klicka på de tre ankarpunkterna som markeras i den tredje bilden. I slutet ska din form se ut som den fjärde bilden som visas.


Steg 25

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M) och skapa en form av 5 till 30 px. Fyll den med den linjära gradienten som visas nedan och placera den som visas på den första bilden. Gör två kopior av denna form och placera dem som visas i den andra bilden.


Steg 26

Inaktivera Snap to Grid (Visa> Snap to Grid). Välj den första formen som skapades i föregående steg och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + 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 vit, sänk dess opacitet till 30% och ändra blandningsläge till Överlagring. Upprepa denna teknik för de andra två formerna som skapades i föregående steg. Välj de former som skapades i det här steget tillsammans med de former som skapades i föregående steg och gruppera dem (Command + G).


Steg 27

Aktivera Snap to Grid (Visa> Snap to Grid). Välj Rektangelverktyget (M), skapa de fyra nya formerna (använd de dimensioner som nämns i den första bilden) och placera dem som visas i den första bilden. Fyll dem med en slumpmässig färg och gå till Effect> Stylize> Rounded Corners. Ange en 10px radie, klicka på OK och gå till Objekt> Expand Utseende.

Välj den grupp som skapades i föregående steg och duplicera den (Command + C> Command + F). Välj den här gruppkopian tillsammans med de fyra rundade rektanglarna och klicka på Unite-knappen från panelen Pathfinder. Den resulterande formen ska se ut som den fjärde bilden som visas.


Steg 28

Återställ "Body" och gör en kopia framför (Command + C> Command + F). Välj den här kopian tillsammans med formen som skapades i föregående steg och klicka på knappen Minus fram från panelen Pathfinder.

Flytta till panelen Lager och du hittar en ny grupp med en massa olika former. Öppna den, ta bort den största formen, fyll sedan de återstående formerna med svart och sänk deras opacitet till 10%.


Steg 29

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M), skapa en form av 245-20px, fyll den med den linjära gradienten som visas nedan och placera den som visas i den första bilden.

Därefter måste du lägga lite rundhet för denna form. Använd scriptet Round Any Corner. Du hittar den i Vectortuts + artikel 20 Gratis och Användbara Adobe Illustrator Scripts. Spara det på hårddisken, återgå till Illustrator och ta tag i Direct Selection Tool (A).

Välj de övre ankarpunkterna och gå till Arkiv> Skript> Annat skript. Öppna Round Any Corner Script, skriv in en 5px Radius och klicka på OK. I slutet ska dina former se ut som den andra bilden som visas.


Steg 30

Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ den form som skapades i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kommando + C> Kommando + F). Välj den här kopian och flytta den 1px ner.

Återställ de två former som skapats hittills och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit, sänk dess opacitet till 10% och byt blandningsläge till överlagring. Återställ den form som skapades i föregående steg, lägg till 1pt slag, sätt dess färg på R = 0, G = 130, B = 90, och rikta in den till insidan.


Steg 31

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M), skapa en form av 110 till 20 px, placera den som visas i den första bilden och gå till Effekt> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Objekt> Expand Utseende.

Återställ den form som skapades i steg 29 och gör en kopia framför (Kommando + C> Kommando + F). Välj den tillsammans med den nya rundade rektangeln och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden.


Steg 32

Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ den form som skapades i föregående steg och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + 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 = O, G = 130, B = 90.


Steg 33

Återställ den form som skapades i steg 31 och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F). Välj den nedersta 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 vit, sänk dess opacitet till 30% och ändra blandningsläge till Överlagring.


Steg 34

Välj alla former skapade under de senaste fem stegen och gruppera dem (Command + G).


Steg 35

Aktivera Snap to Grid (Visa> Snap to Grid). Välj Rektangelverktyget (M) och skapa en form av 220 till 20 px. Fyll den med den linjära gradienten som visas nedan, placera den som visas i följande bild och gå till Effekt> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Objekt> Expand Utseende.

Välj den resulterande formen, gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F) och inaktivera Snap to Grid (Visa> Snap to Grid). 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 vit, sänk dess opacitet till 30% och ändra dess blandningsläge till överlagring.


Steg 36

Inaktivera Snap to Grid (Visa> Snap to Grid). Välj den största formen från gruppen som skapades i steg 34, gör en kopia framför (Command + C> Command + F) och flytta den två pixlar uppåt. Återmarkera den avrundade rektangeln som skapades i föregående steg och gör en kopia framför (Command + C> Command + F).

Välj dessa två kopior och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 10%. Markera den, tillsammans med de former som skapades i föregående steg, och skicka dem tillbaka (Shift + Command + [).


Steg 37

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M) och skapa en 210 x 20px-form. Fyll den med den linjära gradienten som visas nedan, placera den som visas i följande bild och gå till Effekt> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Effekt> Varp> Arc övre. Ange data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.


Steg 38

Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ den form som skapades i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Command + C> Command + F).

Välj den här kopian och flytta den 1px ner. Återställ de två former som skapats hittills och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit, sänk dess opacitet till 30% och ändra blandningsläget till Överlagring.


Steg 39

Återställ den form som skapades i steg 37 och lägg till 1pt stroke. Ställ in färgen vid R = 0, G = 130, B = 90, och rikta in den till insidan. Välj de former som skapats och redigerades i de senaste två stegen och skicka dem till baksidan (Shift + Command + [).


Steg 40

Välj den avrundade rektangeln som skapades i steg 35, gör en kopia framför (Command + C> Command + F) och flytta den två pixlar uppåt. Återmarkera formen skapad i steg 37 och skapa en ny kopia framför (Command + C> Command + F). Välj dessa två kopior och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 10%.


Steg 41

Välj alla former skapade under de senaste sex stegen och gruppera dem (Command + G). Välj den avrundade rektangeln som skapades i steg 35, gör en kopia framför (Command + C> Command + F) och skicka den till baksidan (Shift + Command + [). Fyll det med ingen och lägg till en 1pt stroke. Ställ in färgen vid R = 0, G = 130, B = 90, och rikta in den till utsidan.


Steg 42

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M) och skapa en form av 40 till 30 px. Fyll det med ingen och lägg till 5pt slag. Ställ in färgen vid R = 0, G = 150, B = 110, rikta den till utsidan och gå till Effekt> Stylize> Avrundade hörn. Ange en radie på 5p, klicka på OK och gå till Objekt> Path> Outline Stroke.

Inaktivera Snap to Grid (Visa> Snap to Grid), välj den resulterande formen och gå till Objekt> Path> Offset Path. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kommando + C> Kommando + F). Välj den här kopian och flytta den 1px ner. Återmarkera dessa två mindre former och klicka på knappen Minus Front från panelen Pathfinder.

Vrid den resulterande gruppen av former till en sammansatt sökväg (Objekt> Sammansatt sökväg> Gör), fyll den med vit, sänka opacitet till 30% och ändra blandningsläge till Överlagring.


Steg 43

Välj den första formen som skapades i föregående steg, lägg till en ny fyllning och använd den linjära gradienten som visas nedan. Fortsätt att fokusera på denna form, lägg till en 1pt slag, sätt dess färg på R = 0, G = 130, B = 90, och rikta in den till inuti. Välj den här formen, tillsammans med den sammansatta sökvägen som skapades i föregående steg och gruppera dem (Command + G). Skicka den här gruppen till tillbaka (Shift + Command + [).


Steg 44

Aktivera Snap to Grid (Visa> Snap to Grid). Välj rektangelverktyget (M) och skapa en form av 10 till 70 px. Fyll den med R = 20, G = 20, B = 20, placera den som visas i den första bilden och gå till Effekt> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå till Effekt> Varp> Bulge. Ange de data som visas nedan och klicka på OK.

Nu ska din form se ut som den första bilden som visas. Välj den och gör en kopia framför (Kommando + C> Kommando + F). Fyll den här kopian med R = 65, G = 65, B = 65, flytta till Utseendepanelen och ta bort Warp-effekten.


Steg 45

Välj den andra formen som skapades i föregående steg och gå till Objekt> Expand Utseende. Fyll den resulterande formen med den linjära gradienten som visas nedan. De vita siffrorna från gradientbildstativet för platsprocent.


Steg 46

Inaktivera Snap to Grid (Visa> Snap to Grid). Välj formen redigerad i föregående steg och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F). Välj den översta kopian och flytta den 1px till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder.

Fyll den resulterande formen med vit och sänk dess opacitet till 15%. Återigen, välj den form som redigerades i föregående steg och skapa två nya kopior framför (Kommando + C> Kommando + F> Kommando + F). Välj den översta kopian och flytta den 1px till vänster. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Återfyll den resulterande formen med vit och sänka dess opacitet till 15%.


Steg 47

Aktivera Snap to Grid (Visa> Snap to Grid). Välj Rektangelverktyget (M), skapa en form av 5 till 10 px och placera den enligt bilden nedan. Välj den här nya formen och gå till Effect> Stylize> Rounded Corners. Ange en 1px-radie, klicka på OK och gå till Effekt> Varp> Arc Lower. Ange de data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.


Steg 48

Återställ den form som skapades i föregående steg, fyll i den linjära gradienten som visas nedan och lägg till 1pt slag. Ställ in färgen vid R = 88, G = 88, B = 88, och rikta in den till utsidan.


Steg 49

Välj alla former som skapats under de senaste fem stegen och gruppera dem (Command + G). Kopiera den här gruppen (Command + C> Command + F).


Steg 50

Välj den gruppkopia som skapades i föregående steg och gå till Objekt> Transformera> Reflektera. Kontrollera den vertikala knappen och klicka på OK. Dra den här omvända gruppen till vänster, som visas i den första bilden. Slutligen skicka båda grupperna till baksidan (Shift + Command + [).


Slutsats

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