Hur man skapar en Retro, Vector Invaders Illustration

I denna handledning lär du dig hur du skapar en retro "Space Invader" -stil illustration med hjälp av grundläggande former och Extrude & Bevel-effekten. Det här är relativt enkelt att skapa och massor av roliga att göra. Det kräver lite planering för kompositionen och några andra detaljer. Låt oss gå igenom hur du skapar denna design.

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 Version CS3
  • Svårighet: Mellanliggande
  • Beräknad slutförd tid: 1,5 timmar

Steg 1

Börja med ett A4-landskapsdokument och öppna gridinställningarna (Illustrator> Inställningar> Guider och galler). Ange gridlinjen till varje 1,5 mm, underavdelningar till 1 och markera rutorna i svart rutan.

Steg 2

Slå på Snap to Grid (Visa> Snap to Grid) och sätt på gallret (Visa> Visa galler). Zooma sedan in i rutnätet längst upp till vänster och använd Rektangelverktyget för att rita en kvadrat med en svart fyllning och inget slag i ett av rutnätet. Det här är enkelt att göra med Snap to Grid startat.

Steg 3

Fortsätt att rita rutor i rutnätet för att skapa den första rymdiga karaktären.

Steg 4

Använd sedan samma tecken genom att dra det andra tecknet och starta tre rutor från det första tecknet, som visas nedan.

Steg 5

Okej, nu ska vi skapa en rad av dessa små dåliga pojkar. Välj båda tecknen med musen och Kopiera / Dra dem (Alt-Drag) till höger, placera dem tre rutor till höger om det andra tecknet, släpp musen och sedan Alt-tangenten.

Steg 6

Omedelbart efter steg 5 väljer du Objekt> Transformera> Transformera igen eller (Command + D) och upprepa det fyra gånger tills du har en rad med 12 inkräktare.

Steg 7

Nu ska vi använda processen Kopiera / Dra och Transform igen för att skapa fler rader av invaders. Välj först alla tecken och Kopiera / Dra dem (Alt-dra) neråt, placera dem två rutor från botten av första raden (släpp musen och sedan Alt-tangenten).

Steg 8

Omedelbart efter väljer du Objekt> Transformera> Transformera igen eller (Command + D) och upprepa det tre gånger, så nu borde du ha fem rader av inkräktare, som visas nedan.

Steg 9

Nu vill vi radera raderna. Välj den andra och fjärde raden med musen och välj sedan Objekt> Transformera> Flytta och ange: Horisontell på 13,5 mm, Vertikal av 0 mm, Avstånd på 13,5 mm och Vinkel på 0 mm. Slutligen. Slutligen trycker du på OK.

Steg 10

OK, du borde nu ha något som ser ut som bilden nedan. Kontrollera om teckenens ögon är upptagna under varandra (som visas med den tonade remsan). Om inte, välj bara den andra och fjärde raden igen och flytta dem med musen tills de klickar i rätt läge.

Steg 11

Nu kan vi skapa det försvarande rymdskeppet. Använd rektangelverktyget och dra ett kvadrat med en svart fyllning och inget slag i ett av rutnätet under den sista raden av inkräktare någonstans nära mitten. Återigen är det lätt att göra med Snap To Grid fortfarande på. Fortsätt att rita rutor och rektanglar i rutnätet för att skapa tecknet nedan med några extra rutor för skotten.

Steg 12

För att spränga invaderarna radera några av rutorna och flytta andra runt. Du kan följa mönstret nedan eller skapa ditt eget.

Steg 13

Nu kan vi ta bort några invaderare för att ställa in scenen, igen kan du följa mönstret nedan (ta bort de magenta dem) eller välj din egen.

Steg 14

Lägg nu några skott från invaderarna, igen kan du följa mönstret nedan eller välja ditt eget.

Steg 15

Stäng av Snap to Grid (Visa> Snap to Grid) och dölj nätet också (Visa> Hide Grid). Markera alla bilder och klippa det (Redigera> Klipp). Visa sedan sidan vid Faktisk storlek (Visa> Faktisk storlek) och klistra sedan in bilderna i (Redigera> Klistra in). Detta kommer att placera konstverket mitt på sidan.

Steg 16

Välj sedan ett Space Invader-tecken med de lilla stickiga benen och Kopiera / Dra det (Alt-Drag) till vänster. Medan det fortfarande är markerat, hämta Pathfinder-fönstret (Fönster> Pathfinder), välj knappen Lägg till bildområde i avsnittet Formlägen (se nedan) och tryck sedan på Expand-knappen. Detta kommer att sammanfoga alla bitar i ett objekt.

Steg 17

Detta är en upprepning av steg 16, men den här gången väljer du den andra formstilen för invaderaren och Kopiera / Dra den (Alt-Drag) till höger. Återigen, medan den fortfarande är vald, trycker du på knappen Lägg till form i formavsnittet och trycker sedan på Expand-knappen.

Steg 18

Välj nu de två Space Invaders du just har skapat och Lås dem (Objekt> Lås> Urval). Välj sedan resten av konstverket och välj sedan knappen Lägg till bildområde i formavsnittet och tryck sedan på Expand-knappen. Lås upp de två extrainvadersna (Objekt> Lås upp alla).

Steg 19

Du borde nu ha tre separata föremål (se nedan).

Steg 20

Nästa kommer vi att tillämpa 3D-effekten. Välj huvudkroppen av inkräktarna (Nr.2) och välj Extrude & Command Effect (Effects> 3D> Extrude & Command). Var noga med att markera rutan Förhandsgranska och ange: Rotera runt X-axeln med 24 °, Rotation runt Y-axeln på -12 °, Rotation runt Z-axeln på -12 °, Perspektiv på 120 °, Extrude djup på 15pt och Ytans yta Plastskuggning. Tryck inte på OK, först tryck på knappen Fler alternativ.

Steg 21

I rutan Fler alternativ ändras skuggfärgen till ingen och dra den vita cirkeln på sfären till höger som visas nedan (detta ändrar ljusets riktning).

Steg 22

Nu skapar du ett nytt ljus genom att klicka på ikonen New Light och dra den vita cirkeln på sfären till vänster enligt bilden (det här ger oss ett mer dramatiskt utseende). Klicka nu på OK eller du kan leka med Rotations, Perspective och Extrude Depth för att skapa en titt du kanske föredrar först.

Steg 23

Välj sedan en av de övriga återstående invadersna och använd samma effekt (Effekter> Tillämpa Extrude & Bevel).

Steg 24

Nu valet lämnade de sista inkräktarna och tillämpar samma effekt igen (Effekter> Applicera Extrude & Bevel).

Steg 25

Nästa vill vi utvidga effekten som vi just tillämpat. Markera alla bilder och välj Objekt> Expand Utseende.

Steg 26

Nu kan vi lägga till lite färg. Dubbelklicka först på Magic Wand Tool för att få fram preferensrutan och ställ in toleransen till 4.

Steg 27

Med hjälp av Magic Wand Tool väljer du den mörkaste gråfärgen på basen av någon av inkräktarna (se nedan). Detta kommer nu att välja alla baser på grund av den inställning vi tillämpade i Magic Wands Tolerance.

Steg 28

Med alla baser valda, applicera en färg på dem. Jag har gått för 50% cyan, 50% magenta, 50% gul och 100% svart för att ge mig en rik svart färg.

Steg 29

Återigen med Magic Wand Tool, välj den ljusaste grå / vita färgen på sidan av någon av inkräktarna (se nedan).

Steg 30

Med alla valda sidor applicera en färg på dem. Jag har valt 0% cyan, 50% magenta, 100% gul och 0% svart för en ljus orange färg.

Steg 31

Återigen använder Magic Wand Tool för att välja den ljusgrå färg på ansiktet av någon av tecknen (se nedan).

Steg 32

Med alla valda sidor applicera en färg på dem. Jag har valt 0% cyan, 0% magenta, 0% gul och 0% svart, med andra ord: vit.

Steg 33

Därefter väljer du Direct Selection Tool.

Steg 34

Använd verktyget för att individuellt välja de vita ansiktena på det försvarande rymdskeppet och skotten som kommer från det (se nedan), kom ihåg att hålla Shift-tangenten nere medan du går.

Steg 35

När alla ansikten är valda, använd en färg. Jag gick för 100% cyan, 0% magenta, 100% gul och 45% svart för en mörkgrön färg.

Steg 36

Återigen med hjälp av Direct Selection Tool, välj orangefärgade sidor av rymdskepp och skott.

Steg 37

Applicera nu en färg på dessa val. Jag gick för 100% cyan, 0% magenta, 100% gul och 75% svart för en ännu mörkare grön färg.

Steg 38

Du borde ha något som ser ut som bilden nedan. Välj nu de extra inkräktarna (se nedan) en i taget, skala upp dem och rotera dem till positioner som ser bra ut för dig.

Steg 39

Nu är det dags för slutgiltiga handen. Markera alla bilder och gruppera dem tillsammans (Objekt> Grupp). Kopiera nu gruppen (Redigera> Kopiera) och Klistra in bakåt (Redigera> Klistra in bakåt). Nästa, skala och rotera kopian, något som liknar det som visas nedan fungerar. Ändra sedan fyllfärgen till ingen, strokefärgen till 85% svart och sätt stroke till en vikt av 0.3pt.

Slutligen använder du rektangulärverktyget för att rita en låda med en fyllning på 100% svart och ingen slag runt illustrationen. Skicka det nu till baksidan (Objekt> Ordna> Skicka till baksida).

Slutsats

Jag hoppas att du fann det här användbart och hade kul att göra denna design! Den slutliga bilden är nedan!

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