Pixel Art Guide: 3 modi per creare Pixel Art con Photoshop

Sommario:

Anonim

Pixel art della varietà NES flashback a 8 bit è di gran moda in questo momento, sia in giochi come The Incident e Sword & Sworcery o solo per gli avatar sul web. Se ti stai chiedendo come vengono creati alcuni di quei meravigliosi pixel art e come puoi farlo da solo, ecco alcuni suggerimenti per pixel art quasi istantanei. Useremo la funzione di zoom di OS X, Pixelfari, e configureremo anche Photoshop per creare la tua pixel art retrò e ripulire i risultati di altri metodi.

1) Usa lo zoom di Mac OS X per pixelare le immagini e creare Instant Pixel Art

Probabilmente ormai sai che se tieni premuto il tasto Ctrl e scorri con due dita verso l' alto o verso il basso su un trackpad, ingrandirai lo schermo (o tieni premuto Ctrl e usi una rotellina su un mouse esterno). Bene, se disabiliti l'anti-aliasing nello strumento OS X Zoom puoi usare questa funzione per creare immagini pixelate da qualsiasi cosa. Ecco come:

  • Premi Comando+Opzione+\ per disabilitare l'anti-aliasing nello zoom dello schermo
  • Passa il cursore del mouse sopra l'immagine che desideri pixelare all'istante
  • Controllo+Ingrandisci l'immagine e guarda i pixel crescere
  • Fai uno screenshot dell'intero schermo con Comando+Maiusc+3

Usando questa tecnica ho creato istantaneamente questo MacBook pixel-art:

Se necessario, puoi quindi ripulire l'immagine in Photoshop utilizzando le tecniche di Photoshop menzionate in questo articolo per modificare su un preciso livello di pixel. Alcuni suggerimenti per questo metodo:

  • Le immagini di base più piccole sono migliori, creare icone da un'immagine e ingrandirle è fantastico
  • Più contrasto è generalmente migliore
  • Prova diversi livelli di zoom

È anche importante fare uno screenshot a schermo intero in modo che l'immagine venga catturata in tutta la sua gloria pixelata.

2) Disegna Pixel Art in Photoshop con questi suggerimenti per la configurazione

Se hai Photoshop, puoi regolare alcune impostazioni per renderlo migliore per il disegno e la modifica di pixel art:

  • Cambia il modo in cui Photoshop ridimensiona le immagini regolando le preferenze di "Interpolazione immagine" su "Vicino più vicino (mantieni i bordi netti)
  • Abilita una griglia tramite le preferenze > Guide, sezioni della griglia e conteggio > 1×1
  • Configura correttamente lo strumento Matita su un diametro di 1px con durezza del 100%
  • Utilizza più livelli di zoom sia per una visualizzazione ravvicinata dei pixel sia per la risoluzione finale desiderata

La configurazione di Photoshop sarà simile a questa:

Queste tecniche di Photoshop provengono da Brandon Trebitowski, uno sviluppatore iOS, e se sei interessato a progettare pixel art il suo post sul blog sull'argomento è altamente raccomandato, puoi leggerlo qui su BrandonTreb.com .

3) Crea Instant Pixel Art con Pixelfari

Un altro trucco per velocizzare la tua creazione di pixel art, e persino realizzare pixel art quasi istantanei, è utilizzare il browser Web a 8 bit Pixelfari . Pixelfari viene dallo sviluppatore Nevan Morgan e puoi scaricarlo immediatamente qui.

Essenzialmente tutto ciò che devi fare è trascinare qualsiasi immagine in Pixelfari e renderà automaticamente l'immagine come pixel art, quindi fare uno screenshot della finestra Pixelfari. Non è perfetto ma crea un buon punto di partenza che può poi essere affinato utilizzando le tecniche citate sopra da Brandon.

Ecco il logo OSXDaily inserito in Pixelfari senza altre modifiche, questo è un ottimo esempio di come funziona.

Ancora se vuoi ripulire l'output puoi utilizzare i suggerimenti di Photoshop sopra menzionati, oppure puoi persino utilizzare la funzione di zoom di OS X per iper-pixelare i risultati in Pixelfari.

Ovviamente ci sono altri modi per farlo, ma per una rapida pixelizzazione le tecniche di Zoom e Pixelfari sono ottime, e la configurazione di Photoshop è perfetta per disegnare da zero o ripulire le tue immagini pre-pixelate.Puoi anche provare a utilizzare Paintbrush, il clone di MSPaint, ma è più difficile ottenere il prezzo con quell'app. Infine, un bel riferimento generale è Natomic, che contiene alcuni suggerimenti generali su ombreggiatura, illuminazione, utilizzo di linee e altro, le sue vecchie informazioni ma i pixel esistono da molto tempo, quindi le tecniche sono ancora molto rilevanti.

Pixel Art Guide: 3 modi per creare Pixel Art con Photoshop