Hur man skapar en återvinning, papperspåseikon

I den här handledningen ska vi förklara hur man skapar en miljövänlig pappersikon med enkla former och gradienter. Denna handledning är utmärkt för nybörjare att komma igång med ikondesign, eftersom det här är en ganska enkel ikon för att skapa. Låt oss dyka in!

Slutlig bildförhandsvisning

Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Adobe Illustrator CS4
  • Svårighetsgrad: Nybörjare
  • Beräknad sluttid: 1 timme
 

Steg 1

Öppna ett nytt dokument och välj rektangelverktyget (M). Skapa en rektangel. Vi bryr oss inte om färg och stroke.

Steg 2

Välj skjuvverktyget. Det här verktyget finns under Transform Tool.

Steg 3

Klicka på det nedre högra hörnet en gång med skjuvverktyget och börja flytta muspekaren. Du kommer att se hur rektangeln blir förvandlad. Försök att uppnå en liknande form som du ser nedan.

Steg 4

Skapa en annan rektangel och omvandla den också med skjuvverktyget, men den här gången i andra riktningen så att den riktar sig vinkelrätt med den första formen.

Steg 5

Välj båda formerna och fyll dem med en beige-brun och sätt slaget till ingen.

Steg 6

Välj pennverktyget (P) och lägg till sökpunkter till den övre raden av rektanglarna. Vi kommer att manipulera dem något som visas. Detta är för att skapa en sliten look på toppen av papperspåsen. Om du behöver lite övning med Pen Tool, läs sedan handledningen Illustrators penverktyg: Den omfattande handboken, eftersom vi använder Pen Tool hela denna handledning.

För att göra detta, välj punkterna med Direct Selection Tool (A) och flytta de tillagda punkterna runt. Börja ge formerna ett skräddarsydd utseende och fyll dem med en brun till beige gradient. Placera lutningsmarkeringen mot toppen.

Steg 7

Lägg till fler ankarpunkter om det behövs.

Steg 8

Med Penverktyget, skapa en annan form som placeras ovanpå den vänstra formen. Försök att följa formen, men håll den halva storleken. Fyll den med en mörkare gradient. Detta kommer att simulera en limmade papperspåse sida.

Steg 9

Skapa en annan form som liknar den i bilden till höger och placera den bakom den främre formen. Fyll den igen med en gradient, men försök att placera gradientmarkeringen mot baksidan.

Steg 10

Lägg till en liten triangel till vänster på botten av påsen. Fyll den med en mörkare färg eller gradient.

Steg 11

Skapa en yttre form med pennverktyget (P) runt papperspåsen. Formen är helt upp till dig. Se bara till att formen överlappar varandra med de andra formerna.

Steg 12

Skapa en kopia av alla former, välj sedan alla och gå till Pathfinder Palette. Där väljer du Unite form-läget.

Steg 13

Detta är vad du borde ha efter att ha förenat alla former. Se bara till att du fortfarande har alla andra former. Om inte, ångra (Command + Z).

Steg 14

Ta den förenade formen och placera den bakom alla andra former. Se till att du tar bort den extra kontureringsformen, eftersom vi inte behöver det längre.

Steg 15

Skapa en svart fylld skraj form och placera den under alla former. Detta kommer att bli skuggan, som faller mot baksidan, eftersom vi vill simulera att ljuskällan kommer från framsidan.

Steg 16

Välj skuggformen. Applicera sedan en Gaussian Blur-effekt på 10 pixlar.

Steg 17

Ställ in transparensens opacitet till 14%

Steg 18

Låt oss göra återanvändningsikonen nästa. Skapa en polygon med rektangelverktyget (M). Klicka en gång på Artboard, och i popup-fönstret ställer du radie till 50pt och sidorna till 3. Klicka sedan på OK. Fyll triangeln med en brun färg.

Steg 19

Med den valda triangeln, gå till Effekt> Stylize> Round Corners och tillämpa dem.

Steg 20

Med den valda triangeln, expandera utseendet (Objekt> Expand Utseende). Gå nu till Objekt> Path> Offset Path och använd en 10pt offset som visas.

Steg 21

Välj båda formerna och klicka på Exclude-knappen i Pathfinder Palette.

Steg 22

Skapa fler trianglar precis som vi gjorde i steg 18. Placera dem i mitten av varje triangelsida enligt bilden.

Steg 23

Klicka på Divide-knappen i paletten Pathfinder, som kommer att bryta dessa in i enskilda former som visas.

Steg 24

Med Direct Selection Tool (A) markerar du den markerade delen i bilden nedan och använder knappen Unite Pathfinder. Upprepa det som behövs för att få varje pil att fästa i en kurva som visat ...

Steg 25

Omforma formerna om nödvändigt och flytta dem lite från varandra, vilket skapar ett mellanrum mellan varje pil och kurva.

Steg 26

Skär recycle ikonen med hjälp av skärverktyget som visas. Placera det på framsidan av påsen som visas.

Steg 27

För att göra det lite mer intressant skapar du en kopia av sidan och fyller den med undulerade fina prickar (ett mönster som du hittar under Fönster> Färger> Mönster). Ställ opaciteten till 27%.

Steg 28

Upprepa steg 27 framåt. Ställ opaciteten till 27%.

Steg 29

Skapa en kopia av bakre form bakom sig själv (Command + C + B) och gör den lite större. Ändra gradientens riktning så att den övre delen är ljusare.

Slutsats

Titta, den miljövänliga papperspåseikonen är klar. Jag hoppas att du haft denna introduktionsnivåhandledning.

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.