Quick Tips: Hvordan lage en Retro Pixel Cube med Adobe Illustrator

I denne hurtig Tip, vil du lære hvordan du bruker rektangel Grid Tool, Live Paint bøtte og 3D Extrude og Bevel verktøy for å gjøre en pixel stil kube bilde. Denne opplæringen har en Vectortuts tema, men du kan selvfølgelig lage noe du liker. Ta inspirasjon fra dine favoritt spill å gjøre en rask og enkel piksel kube. La oss komme i gang!

Trinn 1

Lag ny RGB dokument i alle størrelser. Jeg har valgt 512px. Sette enhetene til piksler.

Trinn 2

Option + Klikk på artboard med Rectangular Grid Tool. Du finner verktøyet under Pen Tool gruppert med Line Segment Tool. Sett Bredde og Høyde til 200px og skillevegger til 10. Klikk på OK.

Trinn 3

Velg rutenettet med Selection Tool (V) og hold nede Tilvalg og dra for å lage to kopier av nettet.

Trinn 4

Jeg kommer til å lage en kube basert på temaet Vectortuts, så jeg har valgt noen nyanser på blå og lagret dem til Prøver Palette . Hvis du bruker HSB farge glidere, kan du velge en sentral farge og endre lysstyrke (B) og metning (S) uten å endre Hue (H) av fargen.

Trinn 5

Velg ett av ristene, og plukke Live Paint Bucket (K). Du vil merke at det har noen fargeprøver av farge under det, er det disse fargene i fargeprøver. Du kan shuffle gjennom fargeprøvene med piltastene. Når du er klar til å farge en blokk, klikk. Rutenettet vil slå inn en Live Paint Group.

Trinn 6

Start for å trekke design du ønsker på sidene av kuben. For å gjøre det enklere, kan du klikke + Drag å farge mer enn ett kvartal. Hvis du er usikker på motivet du vil, omtrent trekke ut en 11 med 11 kube rutenett på papiret for å planlegge den ut.

Trinn 7

Når du har gjennomført design, velg rektangel Tool (M) og Alternativ Klikk på artboard å lage en 200px ved 200px rektangel. Klikk på OK.

Trinn 8

Dra hvert av design kuber inn i Symboler Panel. Det er ingen forskjell mellom filmklipp og grafisk for denne øvelsen, så det er ok å ha noen av dem valgt. Jeg liker å klikke på Middle Point som registrering for å gjøre skalering lettere hvis jeg trenger å bruke den senere

Trinn 9

Velg den nye plassen og gå til Effect >.; 3D > Extrude & Bevel. Fra rullegardinmenyen, velg Isometrisk Top som posisjonen og angi 200pt som Extrude Dybde. Klikk på kartet Art knappen for å åpne Kart Kunst innstillinger.

I Kart Kunst alternativene, vil du se et symbol på rullegardinmenyen og en overflate velgeren. Bla gjennom overflater og bruke skisser av ditt valg. Hvis du ser på den transform kube på artboard, vil du legge merke til at den har røde retningslinjer for å indikere hvilken overflate er valgt. Bruk dette til å finne overflaten du ønsker å bruke bilder til. Still hver overflate og klikk på OK.

Trinn 10

Noen ganger når du oppretter et 3D-objekt i Adobe Illustrator, kan du merke at kunstverket som du har tilordnet en overflate er oppside ned. Dette er lett å fikse. Åpne Symboler Panel og dobbeltklikk på symbolene som må endres, vil dette ta deg inn i symbolet redigeringsvinduet. I dette tilfellet må jeg vende Pen og hjertet symboler.

Trinn 11

For å oppdatere effekten, velger kuben og åpne Utseende Panel og klikk på Extrude & Bevel effekt og alternativet dialog åpner igjen. Det er ingenting å gjøre her, bare klikk OK. Dette vil oppdatere symbolene og kuben vil bli fikset.

Trinn 12

Slett eller flytt symbolene du tidligere laget fra artboard og plasser 3D-objektet i midten av artboard. Utvid Utseende (Object > utvide Utseende). Del opp kuben (Command + Shift + G) slik at de tre sidene kan velges.

Trinn 13

I denne delen vil vi legge til noen lyseffekter. Dette er en hendig tips jeg har brukt med mine illustrasjoner siste. Klikk den øverste siden av kuben. Hvis det ikke er gruppert sammen, gjøre det nå. (Velg den øverste siden av kuben, og ingenting annet, og trykk deretter Command + G). Når den er gruppert, kan du bruke en ny utseende til det. Velg gruppen, legge til en ny fylle i Utseende Panel (Klikk på Fill-knappen nederst på panelet) og bruke en gradient fylle fra en mørk versjon av hovedfargen til hvit. Klikk på opacity innstillingene og velge Overlay som blending mode og redusere opacity til noe som ser fint (dette vil være forskjellig avhengig av hvilken farge du bruker.) Gjenta det samme for Venstre sidepanel.

Trinn 14

For ryggen blir det ingen lyskilde, så gå tilbake til Utseende Panel og sette en solid fylle av den mørke fargen i gradient og endre opacity til noe som ser fint.

Når du er ferdig, bør du ha noe som ser ut som dette.

Konklusjon

gruppert jeg hele formen og anvendt en skygge i Utseende Panel. Jeg har også lagt til en bakgrunn med en radial gradient, og linjer med rektangel Grid Tool. Ha en leke seg med de forskjellige typer bilder du kan gjøre. Ta inspirasjon fra Oldskool videospill som Super Mario Brothers eller nye spill som Minecraft til å komme opp med morsomme måter å bruke denne tut. Ha det gøy! Anmeldelser