Snabbtips Hur man gör en Retro Pixel Cube med Adobe Illustrator

I den här snabba tipsen kommer du att lära dig hur du använder verktyget Rectangle Grid, Live Paint Bucket och 3D Extrude and Command-verktygen för att skapa en pixel stil kubbild. Denna handledning har ett Vectortuts-tema, men du kan självklart skapa allt du vill. Ta inspiration från dina favorit videospel för att göra en snabb och enkel pixel kub. Låt oss börja!


Steg 1

Skapa ett nytt RGB-dokument av alla storlekar. Jag har valt 512px. Ställ in enheterna till pixlar.


Steg 2

Alternativ + Klicka på tavlan med det rektangulära rutverktyget. Du kan hitta verktyget under Penverktyget grupperat med linjesegmentverktyget. Ställ in bredden och höjden till 200px och uppdelarna till 10. Klicka på OK.


Steg 3

Markera rutnätet med markeringsverktyget (V) och håll ned Alternativ och dra för att skapa två kopior av rutnätet.


Steg 4

Jag ska göra en kub baserat på temat Vectortuts, så jag har valt några nyanser på blått och räddat dem till Swatches Palette. Om du använder HSB-färgreglaget kan du välja en central färg och ändra ljusstyrka (B) och mättnad (S) utan att ändra färgtonen (H) på färgen.


Steg 5

Välj ett av rutorna och välj Live Paint Bucket (K). Du kommer märka att det har några färgglansfärger under det, det här är färgerna i dina färgprov. Du kan blanda igenom prickarna med pilknapparna. När du är redo att färglägga ett block klickar du på. Rutnätet blir till en levande färggrupp.


Steg 6

Börja med att rita de motiv du vill ha på kubens sidor. För att underlätta, kan du klicka på + Dra för att färga mer än ett block. Om du är osäker på den design du vill, rita ungefär ett 11 till 11 kubenät på papper för att planera det.


Steg 7

När du har slutfört mönster, välj rektangelverktyget (M) och alternativet Klicka på tavlan för att göra en 200px med 200px rektangel. Klicka på OK.


Steg 8

Drag var och en av designkubarna i symbolpanelen. Det finns ingen skillnad mellan filmklipp och grafik för den här övningen, så det är okej att ha någon av dem valda. Jag gillar att klicka på mittpunkten som registrering för att göra skalning lättare om jag behöver använda den senare.


Steg 9

Välj den nya rutan och gå till Effekt> 3D> Extrude & Bevel. På rullgardinsmenyn väljer du Isometric Top som position och ställer in 200pt som Extrude Depth. Klicka på kartkartknappen för att öppna kartkonstinställningarna.

I alternativen Kartkonst visas en symbolmeny och en ytväljare. Bläddra igenom ytorna och använd konstverket efter eget val. Om du tittar på den transformerade kuben på tavlan, märker du att den har röda riktlinjer för att ange vilken yta som väljs. Använd detta för att hitta ytan du vill tillämpa konstverk på. Ange varje yta och klicka på OK.


Steg 10

Ibland när du skapar ett 3D-objekt i Adobe Illustrator, kanske du märker att det konstverk som du har kartlagt till en yta är upp och ner. Det här är enkelt att fixa. Öppna symbolpanelen och dubbelklicka på de symboler som behöver ändras, detta tar dig in i symbolredigeringsfönstret. I det här fallet måste jag vända på Pen och Hjärtsymbolerna.


Steg 11

För att uppdatera effekten, välj kuben och öppna Utseendepanelen och klicka på Extrude & Bevel-effekten och alternativdialogen öppnas igen. Det finns inget att göra här, klicka bara på OK. Detta uppdaterar symbolerna och kuben fixas.


Steg 12

Ta bort eller flytta de symboler som du tidigare skapat från tavlan och placera 3D-objektet mitt i tavlan. Expandera Utseendet (Objekt> Expand Utseende). Ta upp kuben (Command + Shift + G) så att de tre sidorna kan väljas.


Steg 13

I den här delen kommer vi att lägga till några ljuseffekter. Detta är ett praktiskt tips jag har använt med mina illustrationer nyligen. Klicka på kubens övre yta. Om det inte är grupperat, gör det nu. (Markera kubens övre yta och inget annat, tryck sedan på Command + G). När det är grupperat kan du ansöka om ett nytt utseende. Välj gruppen, lägg till en ny fyllning i Utseendepanelen (Klicka på Fyll-knappen längst ner på panelen) och använd en lutningsfyllning från en mörk version av huvudfärgen till vit. Klicka på Opacity-inställningarna och välj Överlägg som blandningsläge och minska opacitet till något som ser bra ut (det här kommer att vara annorlunda beroende på vilken färg du använder.) Repetera samma för vänsterpanelen.


Steg 14

För baksidan kommer det ingen ljuskälla, så gå tillbaka till Utseendepanelen och sätt en solid fyllning av den mörka färgen i lutningen och byt opacitet till något som ser fint ut.

När du är klar ska du ha något som ser ut så här.


Slutsats

Jag grupperade hela formen och applicerade en droppskugga i Utseendepanelen. Jag har också lagt till en bakgrund med en radial gradient, och linjer med rektangelnätverktyget. Ta en lek med de olika typerna av bilder du kan göra. Ta inspiration från oldskools videospel som Super Mario Brothers eller till och med nya spel som Minecraft att komma på roliga sätt att använda denna tut. Ha så kul!