Share
Cosa starai creandoSe segui questa serie di esercitazioni di pixel art, potresti già avere una macchina molto bella per il tuo personaggio di pixel art nel suo mondo di pixel art. Aggiungiamo un altro veicolo alla tua collezione creando un elicottero, oppure se stai cercando un modo più rapido per aggiungere elementi alla tua città isometrica, puoi acquistare molti elementi isometrici dal mercato di Envato.
Basiamo come al solito l'altezza dell'elicottero sul personaggio di pixel art.
L'elicottero dovrebbe essere circa il doppio dell'altezza del personaggio. Le proporzioni non devono essere strettamente realistiche; alla fine di solito è meglio avere veicoli e edifici più piccoli di quelli precisi, in modo che i personaggi rimangano visibili e importanti su illustrazioni più grandi e complesse.
Se hai già una macchina pixel art, allora congratulazioni! Possiamo usarlo per definire la lunghezza dell'elicottero. Facciamo un quadrato con l'altezza precedentemente definita e la lunghezza della macchina.
Se non hai la macchina, allora vai a farcela! Oppure immagina una lunghezza che è circa 1,5 volte la lunghezza del personaggio sdraiato.
Ora prendiamo quel quadrato e lo copiamo uno accanto all'altro per avere tre quadrati in una linea. Sarà la lunghezza del nostro elicottero.
Ripulisci le interruzioni nel mezzo e formeremo l'elicottero su questo rettangolo.
Il modo in cui metteremo insieme il nostro elicottero sarà facendo una sorta di progetto su di esso; un disegno piatto di uno dei suoi lati.
Se pensi ad un elicottero, la sua forma non è molto complessa dall'alto o dal davanti. Faremo il disegno della vista laterale perché è lì che si trova la maggior parte delle complessità. È abbastanza facile trovare disegni di elicotteri con le viste superiore, frontale e laterale nelle ricerche di immagini, quindi sentiti libero di farlo o segui semplicemente questo disegno lungo.
Andando dall'alto verso il basso, aggiungiamo una linea parallela, il più vicino possibile alla cima (1 px tra le due linee). Questo definirà le pale dell'elicottero.
Sotto le lame dovrai aggiungere alcune linee verticali per i rotori. Posizionali a circa 1/3 della lunghezza e alti come, ad esempio, la testa del personaggio, o comunque ti potrebbe piacere il meglio.
Sotto ho aggiunto un paio di altre linee parallele. Stanno impostando le dimensioni del motore: una linea per la parte superiore e l'altra per il fondo, che è allo stesso tempo il tetto della cabina dell'elicottero.
Daremo all'elicottero una coda attaccata all'ultima linea che abbiamo aggiunto e raggiungendo la linea superiore. Le righe che salgono sono 2: 1 (ovvero 2 pixel che salgono ogni volta che passa 1 pixel) e 3: 1. In questo modo otteniamo una forma di cuneo e li uniamo in cima con una linea 1: 1 per dargli una forma di pinna fresca.
E dare al motore un punto sul retro dove finisce.
Alcune di queste linee non avremo più bisogno, quindi puliamo.
Ho aggiunto un punto sulla lama dove alla fine si allargherà e avrà un materiale diverso. E poi ho copiato la lama, l'ho ruotata e l'ho posizionata sul lato opposto, estendendola oltre il rettangolo di delimitazione.
Ora "incidiamo" un passaggio nel motore, per renderlo più complesso e perché si avvicina all'elicottero di riferimento che ho usato.
Dovremo definire più linee dal basso verso l'alto. I primissimi saranno per i pattini di atterraggio, poi un po 'più in alto di quelli che avremo sul fondo della cabina dell'elicottero, e più in alto ancora sopra una linea che dovrebbe più o meno definire dove finiranno le finestre e il parabrezza che vanno dal in basso verso l'alto.
Da poco sopra l'ultima linea superiore abbiamo aggiunto, una nuova diagonale salirà fino a raggiungere la linea del motore più in alto. Questa diagonale è 2: 1 e sarà il parabrezza dell'elicottero.
Pulisci, s'il vous plait. Non avremo bisogno dell'ultima linea orizzontale e di nulla oltre il parabrezza.
Il motore dovrebbe partire un po 'più indietro, quindi spostare la diagonale indietro verso il punto centrale tra il parabrezza e il gradino più alto del motore.
E dare la parte superiore del parabrezza un angolo più morbido.
Ora continuiamo a lavorare sulla coda dell'elicottero.
C'è un boom tra la coda e la cabina, e non dovrebbe essere troppo sottile.
E dovrebbe esserci una pinna inferiore.
Aggiungi una linea 1: 1 dallo stesso punto in cui la pinna superiore inizia a uscire dal fondo del braccio e punta verso il basso e indietro.
E finisci la pinna. Non ha bisogno di specchiare esattamente la pinna superiore, ma dovrebbe avere anche una leggera forma a cuneo.
Qui è un po 'più largo e meno alto.
Ora puoi pulire le linee sotto il braccio.
Un piccolo dettaglio: aggiungiamo una linea appena sopra il braccio, collegando il motore alla coda.
E per chiudere la cabina, aggiungiamo una diagonale dal boma al fondo. Questo è molto ripido e un po 'frastagliato, che di solito è meglio evitare, ma almeno se manteniamo la linea regolare a 4: 1, allora non sarà troppo frastagliato.
Termina la cabina arrotondando gli angoli e pulendo le linee intorno ad essa.
Sul carrello di atterraggio. I pattini sono più corti della cabina e si curvano verso l'alto.
Collega lo skid alla cabina con due coppie di linee verticali ...
... e la vista del profilo del nostro elicottero è praticamente fatta.
Ovviamente, l'elicottero non sarà sottilissimo, quindi iniziamo a ingrandirlo.
Riempi l'intero disegno dell'elicottero con qualsiasi colore casuale.
Un modo semplice per farlo è quello di fare una selezione che comprenda completamente il disegno, e quindi con il Strumento di riempimento e con la relativa impostazione contigua deselezionata, fare clic su un'area vuota.
E poi per rimuovere tutto il colore indesiderato, usa il Strumento bacchetta magica con la sua impostazione Contigua verificato. Quindi seleziona e cancella semplicemente le due aree che hanno il colore indesiderato (l'intera area che circonda l'elicottero e il rettangolo nel mezzo del carrello di atterraggio).
È possibile aggiungere a una selezione con il Strumento bacchetta magica e qualsiasi altro strumento di selezione tenendo premuto Cambio mentre si utilizza lo strumento. Quindi in questo caso avresti potuto tenere premuto Cambio, cliccato sulle due aree, e quindi solo premere Elimina una volta ... non che ciò ti salvi più di un secondo, ma può diventare utile in altri momenti.
È anche possibile sottrarre da una selezione premendo alt, oltre a intersecare una selezione premendo entrambi alt e Cambio.
Crea una copia dello stato precedente del disegno dell'elicottero e la riutilizzeremo in seguito.
Rimuovere il carrello di atterraggio nella versione originale. Questo sarà lo strato intermedio nel panino chopper che stiamo per fare.
Prendi la copia del disegno originale e, facoltativamente, dagli un altro colore. E rimuovi il motore e tutta la parte superiore.
Ci libereremo anche del boom: farò il taglio dove ho disegnato questa linea verticale, appena dentro il carrello di atterraggio.
Rimuovere la sezione posteriore e arrotondare gli angoli.
Questo renderà gli strati destro e sinistro del "sandwich".
Prepara il panino!
Spazia gli strati in modo uniforme ...
... il tutto dovrebbe essere largo come una macchina ...
Mi piace che l'elicottero sia un po 'paffuto, quindi l'ho fatto un po' più largo della macchina. Ma in realtà una larghezza della macchina è abbastanza precisa per molti modelli di elicotteri.
Diffondiamo un po 'i pattini. Semplicemente Selezionare quello anteriore e spostarlo di 2 px in orizzontale e 1 px in verticale.
Ripeti il processo con il pattino posteriore, nella direzione opposta.
... e perché non ottenere il carrello d'atterraggio già guardando bene.
Se vuoi puoi unire l'intero "sandwich" in un unico livello. Quelle erano semplicemente delle linee guida, e ora possiamo arrivare a lavorare sulle linee reale / finale dell'elicottero.
Iniziamo con il motore; potrebbe essere la forma più complessa che dobbiamo coprire.
In un Nuovo strato, Disegna una linea che segna l'asse del motore e altre due linee che saranno i suoi bordi. Disegna questo diritto sul tetto per ottenere la larghezza corretta; dovrebbe essere largo quasi quanto la cabina ma non altrettanto largo.
Ora sposta le linee nella parte superiore del motore e dai loro la giusta lunghezza.
Daremo a questa superficie una sorta di forma a goccia. Possiamo avviarlo tagliando gli angoli con linee orizzontali e verticali diritte.
Arrotondare leggermente gli angoli, ad eccezione di quello nella parte posteriore, e rimuovere la linea di mezzo.
Adesso Selezionare questa nuova forma, e Alt-nudge in basso di circa 4 pixel, o qualsiasi cosa è sufficiente per soddisfare il piccolo passo nella parte del motore della linea guida.
Pulisci (rimuovi le linee posteriori) e dovresti avere la stessa forma ma ora con un po 'di spessore.
Prendi la metà anteriore della superficie a goccia e applicala sugli angoli anteriori rimanenti contrassegnati dalle linee guida del motore.
Ora hai praticamente due forme leggermente diverse.
Puoi pulire le linee non necessarie (queste due forme formano una superficie, nella parte sul retro dove si incontrano) e correggere la linea che sale dalla curva inferiore a quella superiore, sulla forma più nuova.
Questa linea dovrebbe mantenere la stessa pendenza di 2: 1 che abbiamo disegnato sulle linee guida.
Ora aggiungeremo alcune linee del tetto. Molto di questo sta ripercorrendo le stesse linee delle linee guida ma, naturalmente, questo non è un problema se si ricorda il Cambio trucco con il Strumento di matita.
Un'altra riga di righe viene aggiunta qui. Per dare all'elicottero un po 'più di larghezza di quanto suggerito dal panello delle linee guida, vogliamo essere in grado di arrotondare gli angoli della cabina, e le linee guida non hanno tenuto conto di questo.
Non so il Cambio trucco con il Strumento di matita? Basta fare clic su un punto con il Strumento di matita, tenere premuto Cambio, clicca su un altro punto e una linea retta collegherà i punti.
Continuare a lavorare sul tetto, andare avanti e finire il tetto e collegare le linee come meglio credi.
Qualche altra connessione proprio qui.
Notare la forma a cuneo in cui le due linee d'angolo inferiori della cabina si collegano molto vicino al retro del motore.
Coprendo più della cabina, alcune linee sono disegnate proprio sopra il panello delle linee guida. Ma attraversando, le linee salgono tra gli strati sandwich, formando una linea retta.
E finalmente diamo alla cabina un lato posteriore. Non stiamo mantenendo la diagonale frastagliata delle linee guida, quindi possiamo essere leggermente creativi con quest'area, dato che hai forme curve che si connettono con altre forme curve. Quindi, in pratica, puoi essere un po 'meno accurato finché fai qualcosa che pensi sia bello.
Ridisegna l'intero boom della coda; nessuna modifica a questo.
Non vuoi ridisegnare? Puoi anche andare al livello delle linee guida, selezionare i contorni con il Strumento bacchetta magica, e poi con il Strumento Lazo poligonale (Anti-alias spuntato e Piuma a 0 px) intersecare solo il boom (con il Alt-Shift trucco menzionato prima) ... copia questo, e incollare in posizione (Modifica> Incolla speciale> Incolla in posizione) e fondersi con il livello dei contorni.
Probabilmente questo sembra più complicato del ridisegnare, ma quando tutti questi suggerimenti diventano una seconda natura e tu dai tutte le scorciatoie da tastiera frequenti, il loro utilizzo richiede pochissimo tempo.
Ora puoi iniziare a ridisegnare il rotore. Possiamo aggiungere un po 'di volume extra alla base.
Facciamo le lame su a Nuovo strato.
Possiamo aggiungere un po 'di qualcosa in cui le due lame si incontrano.
Le lame dovrebbero diventare un po 'più larghe dopo il punto che abbiamo disegnato sulla linea guida.
Una volta che hai disegnato una lama nel modo che preferisci, puoi farlo copia e ruotarlo di 180˚ (Modifica> Trasforma> Ruota di 180˚) e posizionarlo sull'altro lato.
Per rompere il nostro elicottero un po 'di più dallo stesso piano, possiamo avere le lame in una posizione capovolta (Modifica> Trasforma> Rifletti orizzontalmente).
Non abbiamo incluso gli stabilizzatori sulle linee guida, ma sono molto facili da aggiungere. Basta aggiungere un rettangolo abbastanza vicino al boom della coda ...
... e un altro sul lato opposto del braccio di coda.
E un'altra cosa non abbiamo disegnato sulle linee guida; gli elicotteri hanno bisogno di rotori di coda per controllare la loro direzione.
Inizia con una barra sottile che punta perpendicolarmente fuori dalla coda.
E dagli un bel paio di lame.
E infine, abbiamo le forme verso il basso!
Ora sui dettagli e sul colore. Iniziamo aggiungendo alcune finestre.
La parte inferiore delle linee del tetto può fare la parte superiore delle nostre finestre. Abbiamo solo bisogno di aggiungere una linea di fondo.
Abbiamo già una linea proprio nel mezzo della cabina, grazie al panello delle linee guida. Quindi metti un paio di linee su entrambi i lati di quella linea e hai la divisione al centro del parabrezza.
E quindi aggiungere le interruzioni rimanenti per il resto delle finestre.
E il lavoro del sandwich delle linee guida qui è finito.
Eliminalo ... o rendi il livello invisibile se sei di una disposizione sentimentale. In effetti, potresti voler mantenere elementi in corso o tentativi falliti da qualche parte, perché alla fine un sacco di cose possono tornare utili.
Ora puoi riempire l'elicottero con il colore che preferisci.
E ora iniziamo ad aggiungere l'illuminazione adeguata, in un primo momento con alcune aree che possiamo aspettarci di risplendere un po 'più luminose.
E poi coprendo più aree, come le punte dei picchi. Aggiungiamo anche un'altra tonalità più luminosa per le aree che vogliamo far uscire un po 'di più.
Raggiungeremo i colori della finestra in un minuto.
Ora aggiungi sfumature più scure su uno dei lati, sulle aree che si curvano e puntano verso il basso e lontano dalla solita fonte di luce superiore.
E poi aggiungi un'altra tonalità più scura per alcune aree selezionate.
Ora che l'ombreggiatura di base viene eseguita, ammorbidire gli angoli della valle per aiutare a comunicare il modo in cui gli elementi si connettono / si fondono.
Ora scegli il colore della finestra che ti potrebbe piacere. Ho fatto il mio abbastanza scuro; Mi è piaciuto il look.
Applica l'effetto vetro di tua scelta. Tipicamente, mi piace mostrare queste linee più leggere parallele ai bordi del vetro poiché, a mio parere, possono essere lette sia come riflesso dell'esterno dei telai delle finestre sia come sbirciare all'interno dei telai delle finestre, il che va bene in entrambi i casi.
Ora un tocco in più di vetro: renderemo il vetro leggermente visibile attraverso la luce attraverso le finestre sul lato invisibile dell'elicottero.
Inizia ottenendo la forma delle finestre a destra.
E poi mettili dove dovrebbero andare - sul lato opposto della cabina dell'elicottero - e dai loro uno dei colori più chiari della finestra.
Qui ho anche reso più spessa la linea parallela alla parte anteriore del parabrezza. Penso che dia l'impressione di dare una sbirciata ai comandi del cockpit.
Gli elicotteri di solito hanno più di un colore, applicati come strisce o molte altre forme, ma farò semplicemente in modo che il mio abbia un grigio molto chiaro in basso.
Questa è l'area che avrà il nuovo colore. È fatto in un Nuovo strato.
Quindi ho solo abbassato il Layer Opacity e fondersi lo strato fino a dove si trova la colorazione rossa.
E poi ricolora tutte le sezioni con una sfumatura che mi piace.
Se ti piace, puoi anche applicare la nuova colorazione al carrello di atterraggio. In ogni caso, il carrello di atterraggio dovrebbe avere anche un po 'di ombreggiatura.
Dai un grigio scuro ai rotori.
... e all'area tra le lame.
E dare le lame loro sfumature finali. Ho scelto un grigio più leggero e ho dato un po 'di giallo alle punte delle lame.
Finiamo dando al nostro elicottero due stati; può essere sul terreno (nel qual caso dovrebbe proiettare un'ombra direttamente sotto di esso) o può essere nell'aria, nel qual caso dovremmo mostrare le lame in movimento.
A partire dallo stato di messa a terra.
In un Nuovo strato disegneremo forme piatte nere per ogni sezione principale dell'elicottero.
Ecco la cabina.
Ecco le code.
Ed ecco l'ombra delle migliori pale.
Quindi li metti insieme. Dovrebbero essere centrati sull'asse dell'elicottero.
E per applicare l'ombra, sposta questo livello sotto l'elicottero e abbassa la sua opacità. Questa è un'opacità del 15%.
E questo è l'elicottero messo a terra, pronto per essere posizionato su qualsiasi superficie piana.
Per lo stato di volo dell'elicottero, creare cerchi per sostituire le lame in a Nuovo strato per ogni rotore.
Dovrebbero corrispondere alle lame in larghezza. Il cerchio della parte superiore delle pale dovrà essere largo il doppio di quanto è alto per essere in linea con la vista isometrica, mentre il rotore di coda dovrebbe essere un cerchio inclinato a 26,5 ° ... o un po 'come questo:
Questo è applicato con il colore nero ma conferisce al livello una opacità inferiore.
Manteniamo solo un contorno di 1 px di questi cerchi. Questo è fatto facilmente selezionando ogni cerchio con il Strumento bacchetta magica, quindi contraendo la selezione di 1 px (Seleziona> Modifica> Contratto) ed eliminando la selezione risultante.
Quindi aggiungere un paio di cerchi gialli, in piedi per le punte gialle delle lame.
E riempire l'interno con più nero, con opacità inferiore rispetto ai contorni neri.
Per l'ultimo bit dell'effetto movimento, è possibile ridurre l'opacità delle lame rotanti in un paio di forme a cuneo.
Puoi farlo disegnando queste forme a cuneo specchiato, 1/4, su a Nuovo strato, tutto in un'opacità del 50% perché non rimuoveremo le fette, ma abbassiamo la loro opacità.
Una volta che i cunei sono disegnati, selezionali per Comando-clic il livello. In questo modo, una selezione con la stessa forma e opacità del livello selezionato fa clic.
Quindi, sullo strato delle pale rotanti, colpisci Elimina e rimuoverai il 50% di opacità su quel livello, per ottenere ciò:
Puoi quasi sentire questo volo in elicottero!
Sono contento che ce l'hai fatta! Ora il tuo personaggio può volare e muoversi più velocemente che in auto, e la tua biblioteca di oggetti artistici pixel isometrici di oggetti riutilizzabili continua a crescere!
Il cielo è il limite!
Accentsconagua