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!
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.
Öppna ett nytt dokument och välj rektangelverktyget (M). Skapa en rektangel. Vi bryr oss inte om färg och stroke.
Välj skjuvverktyget. Det här verktyget finns under Transform Tool.
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.
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.
Välj båda formerna och fyll dem med en beige-brun och sätt slaget till ingen.
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.
Lägg till fler ankarpunkter om det behövs.
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.
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.
Lägg till en liten triangel till vänster på botten av påsen. Fyll den med en mörkare färg eller gradient.
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.
Skapa en kopia av alla former, välj sedan alla och gå till Pathfinder Palette. Där väljer du Unite form-läget.
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).
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.
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.
Välj skuggformen. Applicera sedan en Gaussian Blur-effekt på 10 pixlar.
Ställ in transparensens opacitet till 14%
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.
Med den valda triangeln, gå till Effekt> Stylize> Round Corners och tillämpa dem.
Med den valda triangeln, expandera utseendet (Objekt> Expand Utseende). Gå nu till Objekt> Path> Offset Path och använd en 10pt offset som visas.
Välj båda formerna och klicka på Exclude-knappen i Pathfinder Palette.
Skapa fler trianglar precis som vi gjorde i steg 18. Placera dem i mitten av varje triangelsida enligt bilden.
Klicka på Divide-knappen i paletten Pathfinder, som kommer att bryta dessa in i enskilda former som visas.
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 ...
Omforma formerna om nödvändigt och flytta dem lite från varandra, vilket skapar ett mellanrum mellan varje pil och kurva.
Skär recycle ikonen med hjälp av skärverktyget som visas. Placera det på framsidan av påsen som visas.
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%.
Upprepa steg 27 framåt. Ställ opaciteten till 27%.
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.
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.