Share
Cosa starai creandoPer molto tempo ho evitato la pixel art, perché mi sembrava così rigida. Dopotutto, abbiamo bisogno di limitarci consapevolmente a un vecchio stile che viene dai tempi in cui eravamo, in effetti, limitati. Ma ora abbiamo così tanti strumenti avanzati, possiamo creare immagini foto realistiche, quindi limitare le nostre capacità è come tagliare le ali fuori dal processo di creazione. Tuttavia, non possiamo negare che oggigiorno, quando gli artisti cercano di essere sempre più realistici nelle loro opere, la pixel art è ancora accattivante.
Il problema è che pixel art sembra non obbedire alle regole della pittura normale. Ti piacerebbe accendere musica e dipingere quasi inconsciamente, ma qui non funziona. All'improvviso le linee sembrano ruvide, i colori non si vogliono fondere e da anni fa sembrano tutte le tue creazioni in Microsoft Paint, anche se sei un bravo artista in generale!
Esiste un modo per creare pixel art senza rinunciare al metodo di creazione spontaneo e rapido? Abbiamo davvero bisogno di contare i pixel uno per uno per simulare un bordo liscio? E perché in realtà abbiamo bisogno di limitarci ai tipici strumenti di MS Paint quando lavoriamo in un potente Photoshop? La risposta è, non lo facciamo.
In questo tutorial ti mostrerò il modo più pigro possibile per creare un'arte semi-pixel credibile, forse non la più perfetta e chiara, ma che non limiterà la tua libertà artistica con un'accurata costruzione.
Come per ogni disegno, abbiamo bisogno che la grafica sia iniziata con uno schizzo. Non è necessario iniziare con la scala dei pixel, disegnare la tua immagine nel modo che preferisci, sul computer o nel tuo album da disegno. Se vuoi usare lo stesso schizzo come me, ecco un metodo veloce per questo. Tuttavia, ti suggerisco di creare la tua linea d'arte e di adattare il mio ulteriore consiglio ad essa.
Inizia con uno schizzo semplice e disordinato che rappresenta la tua idea principale.
Lo schizzo non ha bisogno di essere pulito affattoCrea i semplici blocchi del corpo. Immagina di essere tutti in 3D.
Inizia a definire il corpoAggiungi i blocchi per i dettagli più grandi che non sono stati inclusi nel tuo primo schizzo.
Aggiungi ulteriori dettagliAggiungi tutti i dettagli di cui hai bisogno. Non è necessario che sia una linea pulita, assicurati di includere tutto ciò che vorresti avere nel lavoro finale.
Termina lo schizzoCreare un Nuovo file (Control-N) e impostare la dimensione a 245 X 331 (o meno). Abbiamo bisogno di scegliere qualcosa di abbastanza piccolo da far risaltare i pixel, ma anche abbastanza grande da risparmiare spazio per i dettagli.
La risoluzione più piccola, meno pixel sarai in grado di utilizzareIncolla il tuo schizzo nel file appena creato. Uso Strumento di trasformazione gratuito (Control-T) quando si tiene Cambio ridimensionare lo schizzo e adattarlo all'area. Assegna un nome al livello Schizzo.
Venendo a Visualizza> Mostra> Pixel Grid puoi attivare e disattivare una specie di linee guida utili. Sono sottili linee bianche che mostrano i bordi dei pixel. È necessario decidere quale vista preferisci e, a volte, potrebbe essere più facile disattivarla, soprattutto quando ombreggiatura e colorazione.
Griglia 1 pixel disattivata; Griglia a 2 pixel attivaAbbassare il Opacità del Schizzo livello per creare un modello per la grafica al tratto. Scegli qualsiasi valore adatto a te, poi serratura il livello.
Creare un Nuovo livello (Control-Shift-Alt-N) e prendi il Pencil Tool (B) con la dimensione di 1px. Quindi disegna semplicemente il contorno con la matita, come se lo stessi facendo in una scala più grande con un pennello. Non preoccuparti del bordo robusto!
L'impostazione per una matita affilata
Il bordo rugoso è creato da pixel coopedati. Una linea morbida in scala ridotta deve contenere il minor numero possibile di pixel, senza interrompere la continuità. Il metodo più semplice per farlo è assicurarsi che tutti i pixel entrino in contatto solo in un modo (lato o angolo, mai entrambi).
Le linee che abbiamo creato non seguono affatto questa regola, perché Photoshop ha una vista diversa sulle linee morbide. Avremo bisogno di rivedere tutto il lineart per trovare i pixel ridondanti!
Utilizzare il Strumento gomma (E) nel Modalità matita. Assicurarsi Trasferimento è deselezionato in Impostazioni pennello (F5), in modo che fosse indipendente dalla pressione della penna. Utilizzando la dimensione di 1px cancellare le parti ridondanti.
C'è un'eccezione a questa regola. È possibile che le forme affusolate e affusolate debbano essere "chiuse" con un pixel aggiuntivo, altrimenti sembrerebbero aperte dalla distanza.
Questo è ciò a cui miriamo. Assegna un nome al livello Schema.
Ora dobbiamo creare un Maschera di ritaglio per definire il "dentro" del drago. Eseguire le seguenti operazioni:
Creare un Nuovo strato sotto Schema e riempire la selezione con il Paint Bucket Tool (G). Usa qualcosa di grigio al 50% (# 808080). Nam il livello Maschera di ritaglio.
Trascina lo schizzo tra la maschera di ritaglio e la struttura. Fai clic su Struttura e schizzo quando tieni premuto Cambio per selezionarli entrambi, quindi premere Control-Alt-G creare un Maschera di ritaglio.
Ora dobbiamo definire la line art interna. Creare un Nuovo strato sotto la struttura e disegnare le linee con i pixel.
Pulisci il lineart come facevamo prima. Assegna un nome al livello Linea artistica.
C'è una grande differenza tra lineart casuale e pulitoLa line art è terminata, ora abbiamo bisogno di creare una forma 3D. Lo faremo usando il bianco e il nero come indicatori di luce e ombra.
In questo modo vorremmo usare una matita più grande per creare tratti più diversi. Controlla solamente Trasferimento nel Impostazioni pennello e assicurarsi che sia impostato su Pressione della penna (funziona solo con i tablet!).
Creare un Nuovo strato sotto Lineart. Nominalo Occlusione ambientale 1. Definiremo la forma senza preoccuparci di luci e ombre al momento.
Il metodo per questo è semplice. Scegli un colore un po 'più luminoso della base e dipingi sottilmente le aree tra le linee della grafica al tratto. Non avvicinarti troppo a loro! Se spingi la penna abbastanza delicatamente, otterrai vari tratti di opacità.
Cambiare il Opacità di Linea artistica a 10%. In questo modo diventerà parte dell'ombreggiatura.
Creare un Nuovo strato e nominalo Occlusione ambientale 2. Ancora una volta, seleziona un po 'più luminoso e dipingi sui tratti precedenti, cercando di non toccare i loro bordi.
Tempo per l'ombra. Creare un Nuovo strato e nominalo Ombra. Cambialo Modalità di fusione a Moltiplicare. Usa il grigio, Pennello morbido (non una matita questa volta!) per dipingere le ombre come faresti normalmente con l'arte non pixel.
Impostazioni per un pennello morbido
Qui ho dipinto le ombre rosse in modo da poter vedere meglio la loro posizione
I tratti che abbiamo usato sono morbidi e stanno rendendo l'immagine meno "pixel" che vorremmo. Possiamo sistemarlo facilmente. Duplicato (controllo-J) Shadow layer, disattivare la visibilità dell'originale, quindi selezionare la copia (denominarla Shadow 2). Vai a Filtro> Converti per filtri intelligenti. Colpire ok, poivai a Filtro> Disturbo> Aggiungi disturbo e cambia le opzioni in base alle tue esigenze.
Accendi il Ombra strato indietro. Vedi se si incastrano l'un l'altro. Se vuoi più pixel look, cambia il Opacità del Ombra strato o addirittura eliminarlo. Puoi sempre modificare la quantità di rumore di doppio clic suo Aggiungi rumore proprietà.
Creare un Nuovo strato e dipingi le aree illuminate con una spazzola morbida bianca. Uso Modalità di fusione schermo per renderlo più brillante. Assegna un nome al livello Luce.
Ancora una volta, dobbiamo renderlo più difficile nell'aspetto. Ripeti il processo, questa volta usando una quantità maggiore di rumore.
Assicurati che tutto appaia come lo vuoi tu.
Il corpo è ancora molto liscio, quindi usiamo altri trucchi per risolverlo. Innanzitutto, puoi cambiare il Opacità di Linea artistica per renderlo più chiaro. Inoltre, crea un Nuovo strato e aggiungi pixel bianchi disordinati sul momento saliente.
Unisci i pixel bianchi disordinati con pixel un po 'più scuri.
Puoi fare lo stesso trucco con l'area ombreggiata e i pixel nero / grigio scuro.
Creare un Nuovo strato e nominalo Base di colore. Utilizzare il Paint Bucket Tool (G) con la versione scura e insatura del colore principale che si desidera utilizzare (nel mio caso, # 496d91). Quindi cambialo Modalità di fusione a Moltiplicare.
Disattiva la visibilità di Base di colore. Creare un Nuovo strato per ogni colore che vuoi usare. Prendi un Pennello morbido nel Sciogliere modalità e dipingi le aree che vuoi colorare. Non preoccuparti dell'accuratezza ora, sii tanto disordinato quanto vuoi. Quindi accendi Base di colore, cambiare il Modalità di fusione dei livelli di colore a Colore, e, se necessario, modificare il Opacità di loro per fonderli.
Creare un Nuovo strato e nominalo Colore chiaro. Usa un bianco morbido Spazzola nel Normale modalità per dipingere le aree illuminate. Quindi cambia il Modalità di fusione del livello a copertura.
Creare un Nuovo strato, nominalo Pixel Light. Disegna punti disordinati e luminosi su tutta l'area precedentemente definita con Strumento di matita. L'obiettivo è renderlo più pixel in look.
Cambiare il Modalità di fusione di Pixel Light a Dodge Color e abbassatelo Opacità mescolarsi nel Colore chiaro.
Creare un Nuovo strato e nominalo Evidenzia Colore. Utilizzare il Strumento di matita e bianco per dipingere piccoli punti di luce nelle aree più luminose. Puoi usare Schermo Modalità di fusione per questo.
Creare un Nuovo strato, nominalo Colore ombra. Usare un Pennello morbido per dipingere sopra le aree d'ombra con un colore che potrebbe essere una luce ambientale. Nel mio caso, è viola. Cambialo Modalità di fusione a Colore e abbassare il Opacità se lo trovi necessario.
Crea un nuovo livello e nominalo Luce riflessa. Utilizzare il Strumento di matita disegnare la luce riflessa con una versione più luminosa del colore precedente. Tenerlo solo nell'area ombreggiata! Quindi cambia il Modalità di fusione del livello a copertura.
Dobbiamo occuparci del contorno. Come puoi vedere, sembra fantastico sullo sfondo nero, ma se vogliamo rendere lo sfondo trasparente, non saremo in grado di controllare il colore del contorno.
Creare un Nuovo strato appena sotto Schema e nominalo lisciatura. Usa bianco Matita disegnare una linea a destra del contorno nero. Copia il suo flusso per evitare i pixel coassati. Cambiare il Modalità di fusione del livello a Schermo e abbassare il Opacità se necessario.
Ora abbiamo un contorno decente che si adatta ad ogni sfondo senza trasparenza sui bordi.
Quando sei pronto per salvare il file, premi Control-Shift-Alt-S a Salva per Web. Selezionare GIF come il formato. Puoi controllare in sicurezza Trasparenza, perché abbiamo fatto in modo che non ci fossero pixel semitrasparenti nel contorno.
Puoi anche rendere la tua immagine ancora più pixellata giocando con le opzioni. Abbassare la quantità di colori è la più semplice, ma Web Snap e lossy ti darà effetti fantastici senza cambiare i colori.
Meno colori, meno qualità ...
... ma puoi anche rendere i pixel più distintivi pixel-look senza di essa!In questo tutorial abbiamo imparato come creare un effetto pixel art quando sei troppo pigro e impaziente di farlo nel modo giusto, o quando sei come me e sei troppo abituato a dipingere il flusso di lavoro. Funziona al meglio per le opere di grandi dimensioni, ma puoi modificarlo anche con quelle più piccole. Spero ti sia piaciuta la lezione!
Accentsconagua