Suggerimento rapido come creare un cubo di pixel retrò con Adobe Illustrator

In questo suggerimento rapido, imparerai come utilizzare lo strumento griglia rettangolare, il secchiello di pittura dinamica e gli strumenti di estrusione 3D e smusso per creare un'immagine cubo in stile pixel. Questo tutorial ha un tema Vectortuts, ma puoi ovviamente creare qualsiasi cosa tu voglia. Prendi ispirazione dai tuoi videogiochi preferiti per creare un pixel cubo semplice e veloce. Iniziamo!


Passo 1

Crea un nuovo documento RGB di qualsiasi dimensione. Ho scelto 512px. Imposta le unità su pixel.


Passo 2

Opzione + Fai clic sulla tavola da disegno con lo strumento griglia rettangolare. È possibile trovare lo strumento sotto lo strumento Penna raggruppato con lo strumento Segmento di linea. Impostare la larghezza e l'altezza su 200 px e i divisori su 10. Fare clic su OK.


Passaggio 3

Seleziona la griglia con lo strumento Selezione (V) e tieni premuto Opzione e trascina per creare due copie della griglia.


Passaggio 4

Creerò un cubo basato sul tema di Vectortuts, quindi ho selezionato alcune sfumature sul blu e le ho salvate nella palette degli Swatch. Se si utilizzano i cursori dei colori HSB, è possibile scegliere un colore centrale e modificare la luminosità (B) e la saturazione (S) senza modificare la tonalità (H) del colore.


Passaggio 5

Seleziona una delle griglie e scegli il secchio di pittura dinamica (K). Noterai che sotto ci sono alcuni campioni di colore, questi sono i colori nei tuoi campioni. È possibile mischiare i campioni con i tasti freccia. Quando sei pronto per colorare un blocco, clicca. La griglia diventerà un gruppo di pittura dinamica.


Passaggio 6

Inizia a disegnare i disegni che desideri per i lati del cubo. Per semplificare, puoi fare clic su + Trascina per colorare più di un blocco. Se non sei sicuro del design che desideri, disegna approssimativamente una griglia da 11 a 11 su carta per pianificarla.


Passaggio 7

Una volta completati i disegni, seleziona lo strumento Rettangolo (M) e Opzione Fai clic sulla tavola da disegno per creare un rettangolo di 200 px per 200 px. Clicca OK.


Passaggio 8

Trascina ognuno dei cubi del disegno nel pannello Simboli. Non c'è differenza tra Movie Clip e Grafica per questo esercizio, quindi è ok se uno dei due è selezionato. Mi piace fare clic sul punto centrale come registrazione per semplificare il ridimensionamento se ho bisogno di usarlo in seguito.


Passaggio 9

Seleziona il nuovo quadrato e vai a Effetto> 3D> Estrusione e smusso. Dal menu a discesa, selezionare Top isometrica come posizione e impostare 200pt come profondità di estrusione. Fai clic sul pulsante Mappa della mappa per aprire le impostazioni Mappa della grafica.

Nelle opzioni Map Map, vedrai un menu a discesa Symbol e un selettore di superficie. Scorri le superfici e applica le opere d'arte di tua scelta. Se osservate il cubo trasformato sulla tavola da disegno, noterete che ha linee guida rosse per indicare quale superficie è selezionata. Usalo per trovare la superficie su cui vuoi applicare il disegno. Imposta ogni superficie e fai clic su OK.


Passaggio 10

A volte quando crei un oggetto 3D in Adobe Illustrator, potresti notare che il disegno che hai mappato su una superficie è capovolto. Questo è facile da aggiustare. Apri il pannello Simboli e fai doppio clic sui simboli che devono essere modificati, questo ti porterà nella finestra di modifica del simbolo. In questo caso ho bisogno di capovolgere i simboli Pen e Heart.


Passaggio 11

Per aggiornare l'effetto, seleziona il cubo e apri il pannello Aspetto e fai clic sull'effetto Estrusione e smusso e il dialogo dell'opzione si riaprirà. Non c'è niente da fare qui, basta fare clic su OK. Questo aggiornerà i simboli e il cubo verrà corretto.


Passaggio 12

Elimina o sposta i simboli precedentemente creati dalla tavola da disegno e posiziona l'oggetto 3D al centro della tavola da disegno. Espandi l'aspetto (oggetto> Espandi aspetto). Separa il cubo (Comando + Shift + G) in modo che i tre lati possano essere selezionati.


Passaggio 13

In questa parte aggiungeremo alcuni effetti di luce. Questo è un consiglio utile che ho usato recentemente con le mie illustrazioni. Fare clic sulla faccia superiore del cubo. Se non è raggruppato, fallo ora. (Seleziona la faccia superiore del cubo e nient'altro, quindi premi Comando + G). Una volta che è raggruppato, è possibile applicare un nuovo aspetto ad esso. Seleziona il gruppo, aggiungi un nuovo riempimento nel pannello Aspetto (fai clic sul pulsante Riempi nella parte inferiore del pannello) e applica un riempimento sfumato da una versione scura del colore principale al bianco. Fai clic sulle impostazioni Opacità e seleziona Sovrapponi come modalità di fusione e riduci l'opacità a qualcosa di bello (questo sarà diverso a seconda del colore che stai utilizzando.) Ripeti lo stesso per il pannello laterale sinistro.


Passaggio 14

Per il retro non ci sarà alcuna fonte di luce, quindi torna nel pannello Aspetto e imposta un riempimento solido del colore scuro nel gradiente e modifica l'opacità in qualcosa che sembra bello.

Una volta che hai finito, dovresti avere qualcosa che assomigli a questo.


Conclusione

Ho raggruppato l'intera forma e applicato un'ombra esterna nel pannello Aspetto. Ho anche aggiunto uno sfondo con una sfumatura radiale e linee con lo strumento griglia rettangolare. Divertiti con i diversi tipi di immagini che puoi realizzare. Trai ispirazione dai videogiochi di oldskool come Super Mario Brothers o anche da nuovi giochi come Minecraft per trovare modi divertenti di usare questo tut. Divertiti!