Creazione di Pixel Art in Flash con Pixel Tools v2.0

Questa è un'introduzione a Pixel Tools v2.0. Scaricheremo gli strumenti, li installeremo e li useremo per disegnare un pupazzo di neve sfacciato!

Abbiamo trovato questo fantastico autore grazie a FlashGameLicense.com, il posto dove comprare e vendere giochi Flash!


Anteprima del risultato finale

Diamo un'occhiata al risultato finale su cui lavoreremo, è un bel pupazzo di neve.


Passaggio 1: download

Prima di poter utilizzare Pixel Tools, devi prima scaricarli e installarli in Flash. Puoi trovare il file ospitato su Anipedia di thebackalley.com. Fai clic sul link sotto "contenuti" che dice Pixel Tools v2.0 e individuerà i link per il download nella pagina. Da lì basta fare clic con il tasto destro del mouse sul link di download e salvarlo dove preferisci.

Nota: Pixel Tools v2.0 non funziona molto bene con Flash 5 o Flash MX (funziona comunque per MX04); CS4 funziona ma genera alcuni messaggi di errore nella finestra di output. CS5 funziona senza errori.


Passaggio 2: installazione

Flash generalmente installa "Adobe Extension Manager", ma se non è già presente sul tuo computer, puoi scaricarlo da http://www.adobe.com/exchange/em_download/

Aprilo e fai clic su "Installa nuova estensione". Da qui seleziona il file appena scaricato, lo installerà per te.


Passaggio 3: aprire Personalizza pannello strumenti

Apri Flash (se è già aperto, chiudilo e riaprilo). Vai al menu Modifica, quindi fai clic su "Personalizza pannello strumenti" che si trova nella parte inferiore.


Passaggio 4: Personalizza il pannello Strumenti

In questo pannello puoi scambiare strumenti dalla barra degli strumenti con i tuoi nuovi strumenti pixel; seleziona quattro strumenti che non usi spesso, rimuovili e aggiungi i tuoi quattro nuovi strumenti pixel (ellisse di pixel, pixel cancellati, pixel pencil, pixel line).

Se non si desidera sostituire gli strumenti, è sufficiente aggiungerne di nuovi come elementi secondari di uno strumento esistente. Puoi fare questo acquisto semplicemente scegliendo un oggetto e aggiungendolo, ma non sostituendo lo strumento originale.


Passaggio 5: controllare l'installazione

Trova i tuoi strumenti; se hai seguito correttamente tutti i passaggi precedenti dovresti vedere gli strumenti nella barra degli strumenti ovunque tu abbia scelto di aggiungerli.


Passaggio 6: dimensioni

Impostiamo alcune dimensioni per il file flash. Le dimensioni non contano onestamente; mantienilo di default se vuoi. Quindi crea lo sfondo # C5D8E2, che è di un bel colore blu.


Passaggio 7: lo strumento griglia

La griglia è uno strumento molto potente e con gli strumenti pixel potrebbe essere il più potente nel tuo arsenale. Inizieremo facendo clic sul menu Visualizza nella parte superiore della finestra e selezionando "Griglia> Modifica griglia".

Seleziona "Mostra griglia", quindi "Aggancia alla griglia" e modifica l'altezza e la larghezza della griglia a 1 px ciascuna.


Passaggio 8: snap

Una volta impostata la griglia, torna al menu Visualizza, fai clic su Aggancio e nel menu a discesa seleziona "Aggancia ai pixel".

Questo renderà ogni singolo segno di matita che fai schioccare alla griglia!


Passaggio 9: lo strumento Pixel Ellisse

Come puoi vedere nell'immagine in basso (e nell'anteprima), realizzeremo un pupazzo di neve semplice (sfacciato). E cosa fai sempre per primo in un pupazzo di neve? I 3 segmenti arrotondati del corpo.

Utilizzeremo lo strumento Ellisse pixel. Come si usa il normale strumento cerchio, basta selezionarlo e trascinare i tre cerchi come mostrato. Assicurati che il colore del cerchio sia bianco e seleziona "nessun colore" per il contorno.

Come puoi vedere, questi strumenti creano un riempimento vettoriale Flash normale, ma agganciano il riempimento a blocchi, forme di pixel, piuttosto che le curve morbide a cui siamo abituati dalla grafica vettoriale.


Passaggio 10: lo strumento Gomma pixel

Il corpo di un pupazzo di neve non è fatto da cerchi perfetti, e sembrerà un po 'troppo rigido e semplice se facciamo lo stesso, giusto? Nessun pupazzo di neve è perfetto, gioca con esso.

In questo screenshot, sto usando lo strumento gomma da cancellare per rimuovere parti della neve.


Step 11: Fai un pò di neve

Torneremo allo strumento ellisse per creare cerchi attorno al fondo del pupazzo di neve. Questo darà l'effetto che il pupazzo di neve viene schiacciato nel terreno e parte della neve che viene schiacciata attorno alla base.

Questi piccoli dettagli danno il tuo personaggio di pupazzo di neve.


Passaggio 12: Strumento Linea

Quindi, seleziona lo strumento Linea e, in base alle dimensioni delle tue cerchie, modifica le dimensioni della linea. Quindi cambia il colore in marrone. Se non l'hai già indovinato, ora stiamo facendo le armi del bastone.

Io personalmente creo il mio con 4 dita alla fine, ma mi limito a giocarci! Il punto di questo tutorial è quello di ottenere una comprensione di base e di familiarizzare con gli strumenti.

Anche questo strumento Linea crea riempimenti vettoriali piuttosto che linee vettoriali.


Step 13: il naso di carota

Cambia il colore della tua linea in arancione e prova a creare un naso di carota. Io stesso uso lo strumento cerchio per la grande base del suo naso. Diventa sperimentale; prova a creare dettagli che trovi nel tuo personaggio di pupazzo di neve.


Step 14: The Mouth

Ora seleziona lo strumento matita e disegna una bocca. Questo può essere semplice o può essere estremamente complicato. Dipende da cosa vuoi uscire da questo tutorial. Se vuoi esercitarti, gioca solo per un po '. Se stai solo cercando di ottenere una semplice comprensione degli strumenti, è sufficiente potenziare questo passaggio.


Step 15: The Hat

Ora per il cappello! Basta usare lo strumento linea per creare 4 linee. Riempi il nero con un semplice cappello a cilindro.


Passo 16: i pulsanti

Ora per gli occhi e i pulsanti. Crea un cerchio nero usando lo strumento ellisse per creare questi cerchi. Ora selezionalo, copia, fai clic con il tasto destro e seleziona "incolla sul posto". Usa i tasti freccia per muoverlo. Si muoverà perfettamente nella griglia fintanto che si usano le frecce al posto del mouse.


Step 17: The Pipe

Creiamo ora una pipa con lo strumento linea! 5 righe, quindi riempirlo.


Step 18: The Smoke

È un fatto scientifico che i tubi abbiano sempre fumo che esce da loro! Anche se la maggior parte dei pupazzi di neve non ha una pipa illuminata, la nostra è proprio così bella! Seleziona l'ellisse del pixel e crea un gruppo di cerchi grigi come mostrato nell'immagine.


Step 19: Sopracciglia

Sembra che non abbiamo usato lo strumento a mano libera tanto quanto gli altri, quindi lo useremo per creare alcune sopracciglia.


Step 20: Finitura e pratica

Ripulisci tutto ciò che non ti piace, quindi siediti e guarda cosa hai creato. È un piccolo pupazzo di neve impertinente!

Ora che hai usato pixel più piccoli su un personaggio più grande, torna indietro e guarda ai vecchi giochi. Guarda come creano personaggi con il minimo dettaglio possibile. E se lo desideri, ricreare personaggi dai tuoi giochi preferiti è una grande pratica per gli strumenti pixel!

Ecco un ottimo sito Web in cui è possibile trovare sprite da praticare con: http://www.spriters-resource.com/. Continua a praticare e divertiti!