Fare Pixel Art in Photoshop (Ultimate Guide Pixel Art Photoshop)
la Maggior parte del tempo abbiamo bisogno di immagini di alta qualità e ritratti, ma a volte abbiamo bisogno di alcuni pixel dell’immagine da utilizzare nella progettazione o abbiamo solo bisogno di pixel art di qualsiasi immagine di noi. Ho intenzione di mostrarvi il metodo esatto di come fare pixel art Photoshop di qualsiasi oggetto o ritratto da qualsiasi immagine.
Ora hai catturato la tua foto e volevi renderla pixelata come una vecchia pixel art divertente, retrò, a 8 bit.
In questa situazione, abbiamo Photoshop per convertire le immagini in pixel art Photoshop li rende pixelated.
Se si voleva imparare a convertire i loghi pixelated o icone ad alta risoluzione icone quindi, clicca qui!
Ora, se si voleva imparare la tecnica completa per rendere questa pixel art in Photoshop, non vi resta che attaccare con me fino alla fine di questo articolo.
Perché in questo articolo, vi mostrerò l’ultima guida passo-passo su come fare pixel art Photoshop e fare qualcosa di simile divertente, retrò, 8-bit vecchia immagine pixelated.
Indice
Passo 1: Impostazione di un file Pixel Art
In Photoshop, vai a File > Nuovo. Assegna un nome al documento di tua scelta. Impostare il file per le seguenti dimensioni:
- Larghezza di 500 px
- Altezza di 500 px
- Orientamento Orizzontale
- Risoluzione a 50
- Modalità Colore RGB
Quindi fare clic su Crea.
Passaggio 2: Apri Immagine del soggetto
Apri una foto di qualcuno o qualcosa che desideri utilizzare per questo progetto. Per farlo basta trascinare e rilasciare l’immagine del soggetto sul documento o si può andare a File > Luogo incorporato.
Questo ti chiederà di andare nella posizione dell’immagine e aprirla.
Il primo passo è ridimensionarlo, per ottenere i risultati che vogliamo.
Se desideri ritagliare la parte inferiore del soggetto in una forma circolare, apri lo strumento Tendone ellittico, avvicinati a un angolo e tieni premuto il tasto Maiusc mentre trascini una selezione circolare su di esso.
Taglieremo il nostro soggetto all’interno della selezione premendo Ctrl o Cmd + J per creare un duplicato della selezione e ora possiamo semplicemente nascondere il livello inferiore.
Fare clic sull’icona del bulbo oculare accanto al livello inferiore per nasconderlo.
Passo 3: Rimozione sfondo
Successivamente, elimineremo il resto dello sfondo dietro il nostro soggetto e maschereremo il soggetto.
Ci sono molti modi per farlo e il tuo metodo dovrebbe dipendere dalle caratteristiche della tua foto.
Per questo esempio, se lo sfondo è bianco puro o di qualsiasi colore, è possibile utilizzare lo strumento my Magic Wand.
È possibile effettuare la Tolleranza 10 e assicurarsi che “Contiguous” sia controllato. “Contiguo” farà in modo che venga selezionata solo l’area bianca al di fuori del mio soggetto.
Quindi ho diversi tipi di strumenti di selezione in Photoshop e alcuni di loro usano anche l’IA per completare le selezioni.
- Tendone rettangolare: È possibile selezionare porzioni rettangolari di un’immagine con questo strumento.
- Lazo: Questo strumento di selezione consente di disegnare il proprio profilo a forma libera di ciò che si desidera selezionare. Questo funziona meglio per quelle aree che non si qualificano come forme.
- Selezione rapida: Questo strumento è usato come lo strumento lazo, tranne che funziona meglio su un’area con bordi chiaramente definiti. Si trascina il mouse e il contorno “scatta” ai bordi.
È possibile utilizzare gli strumenti di selezione rapida per eseguire la selezione e se si desidera essere perfettamente precisi sulle selezioni è possibile utilizzare lo strumento Penna per farlo.
Ma come fare le selezioni non è il tutorial quindi non dovremmo perdere tempo a imparare come selezionare gli oggetti.
Utilizzare uno degli strumenti di selezione che si desidera utilizzare e fare una selezione di sfondo e quindi solo premere Elimina sulla tastiera per eliminare lo sfondo dal soggetto.
Per deselezionarlo, premere Ctrl o Cmd + D sulla tastiera.
Passo 4: Aggiunta del tratto
Ora dobbiamo aggiungere un tratto nero attorno al nostro soggetto per renderlo più simile alla pixel art retrò a 8 bit, ma tutto dipende da te.
È possibile saltare questo passaggio di applicazione del tratto.
Per aggiungere un tratto, fare clic con il pulsante destro del mouse sul livello soggetto e selezionare Opzioni di fusione.
Ora nell’opzione di fusione selezionare Stroke e nelle impostazioni stroke.
Imposta il colore su nero, la dimensione su 5 pixel e la posizione su “Esterno”. Quindi, fare clic su OK o premere Invio o Invio.
Passo 5: Conversione in Pixel Art Photoshop
Ora dobbiamo applicare il nostro filtro per rendere l’immagine pixelata. Ma prima di convertire la nostra immagine in pixel art, dobbiamo convertire la nostra immagine in un oggetto avanzato, in modo da poter aggiungere filtri e ulteriori regolazioni ad esso in modo non distruttivo.
Per fare ciò, fare clic con il pulsante destro del mouse sul livello soggetto dal pannello Livelli e fare clic su “Converti in oggetto avanzato”.
Ora possiamo applicare i filtri in modo non distruttivo, quindi vai su Filter > Pixelate > Mosaic.
Rendere la dimensione della cella 10 quadrato o è possibile utilizzare qualsiasi valore che si desidera in base alle proprie preferenze.
Punto 6: Aggiunta di funzionalità a Pixel Art Photoshop
Come puoi vedere, abbiamo la nostra pixel art quasi pronta, ma dobbiamo aggiungere una funzionalità se il nostro ritratto o oggetto deve essere mostrato correttamente.
Successivamente, aggiungeremo quadrati in bianco e nero per accentuare alcune caratteristiche del nostro personaggio. Ti mostrerò 2 modi per farlo.
Per prima cosa, ti mostrerò come farlo se stai usando una versione precedente a CC. Quindi, mostrerò come farlo usando CC o successivo, che ha un metodo preciso.
Prima di Photoshop CC:
Se si utilizza una versione precedente a CC, creare un nuovo documento premendo Ctrl o Cmd + N o andare su File e Nuovo. Rendere la larghezza e l’altezza 10 pixel ciascuno e la risoluzione, 50 pixel per pollice. Il colore è nero. Quindi, fai clic su “Crea ” o”Apri”.
Per vederlo sulla tela alla sua dimensione massima, premi Ctrl o Cmd + 0. Vai a Modifica e “Definisci Preset pennello”. Quando viene visualizzata questa finestra, basta fare clic su OK.
Apri indietro il documento pixel art. Indipendentemente dalla versione che stai usando, rimuoviamo i quadrati più leggeri lungo il bordo del tuo personaggio.
Vai a Selezionare e “Gamma colori”. Scegli “Highlights”. Rendere la sfocatura è 0% e l’intervallo è 1.
Fare clic sull’icona Maschera di livello per creare una maschera di livello della selezione accanto al livello attivo.
Creeremo un nuovo livello sotto il livello attivo, facendo clic con Ctrl o Cmd sull’icona Nuovo livello. Useremo questo livello come sfondo.
Per ora, riempiamolo di bianco, e poiché il bianco è il nostro colore di sfondo, premi Ctrl o Cmd + Canc. Fare clic sul livello superiore per renderlo attivo e creare un nuovo livello sopra di esso.
Per le versioni precedenti a CC, aprire lo Strumento matita e il Selettore matita. L’ultima miniatura è il preset che abbiamo salvato in precedenza.
Fare clic su di esso per renderlo attivo e assicurarsi che la sua opacità è al 100%.
Questo primo metodo richiede grande cura nell’allinearlo direttamente sul quadrato sottostante.
Se non è allineato esattamente, premere Ctrl o Cmd + z per annullare l’ultimo passaggio e riprovare.
Per rendere il pennello bianco, premere “x” sulla tastiera per invertire i colori di primo piano e di sfondo.
Photoshop CC o Versioni successive:
Per coloro che utilizzano CC o versioni successive, vai a Visualizza e “Nuovo layout guida”. Nelle colonne e nelle righe, digita 50 pixel ciascuno e mantieni tutto il resto vuoto e deselezionato.
Se non vedi le linee guida, premi Ctrl o Cmd + H. Nota che le nostre linee guida si allineano perfettamente con i quadrati del personaggio.
Apri lo “Strumento Selezione rettangolare” e assicurati che l’icona” Aggiungi alla selezione ” sia attiva. Questo aggiunge ulteriori selezioni per la nostra immagine come li facciamo.
Vai a Visualizza e assicurati che “Snap” sia selezionato, oltre a “Guide”. Questo farà in modo che le selezioni che aggiungiamo, si aggancerà alla griglia.
Dopo aver effettuato un cluster di selezioni, riempirlo di nero e deselezionarlo.
Se vuoi vedere il tuo personaggio senza le linee guida, premi Ctrl o Cmd + H. Per renderli nuovamente visibili, ripeti gli stessi tasti.
Passo 7: Regolazione colori e luminosità
Per rendere l’arte più pop abbiamo bisogno di aggiungere un po ‘ di saturazione e contrasto alla nostra immagine.
Per farlo vai al pannello Livelli e crea un livello di regolazione Luminosità / Contrasto e nella sua impostazione aumenta il contrasto a circa 20 + a 40+. Si può anche giocare con la luminosità per ottenere risultati migliori.
Quindi vai al Pannello Livelli e crea un livello di regolazione tonalità / Saturazione e nella sua impostazione aumenta la Saturazione a circa 10 + a 20+.
Passaggio 8: Aggiunta di un nuovo colore di sfondo
Ora possiamo aggiungere un nuovo sfondo alla nostra pixel art importandolo nel documento e posizionando il livello di sfondo sotto il livello soggetto.
Puoi semplicemente creare un livello di colore solido e selezionare un nuovo colore e prendere il livello sotto il livello soggetto per creare un colore di sfondo di qualsiasi colore.
Conclusione
Questi sono alcuni passi che si seguono si può fare pixel art in Adobe Photoshop in pochi secondi. Basta leggere l’articolo una volta, provalo e sei a posto!
Assicurati di commentare i tuoi commenti e suggerimenti sull’articolo.
Domande frequenti
- Che cos’è la pixel art?
Risposta: Pixel art è una forma di arte digitale, creata attraverso l’uso di software, in cui le immagini vengono modificate a livello di pixel. L’estetica per questo tipo di grafica proviene da computer a 8 bit e 16 bit e console per videogiochi, oltre ad altri sistemi limitati come calcolatrici grafiche.
- Dove fare pixel art?
Risposta: Ci sono molti strumenti online per farlo, ma il software più versatile in cui è possibile effettuare pixel art in Adobe Photoshop.
Sono un Graphic Designer con oltre 5 anni di esperienza. Specializzato in Adobe Photoshop.
Ottieni informazioni su qualsiasi modifica di Photoshop, manipolazione di Photoshop, design del logo, volantini, biglietti da visita, ritratti di cartoni animati e qualsiasi tipo di lavoro relativo alla progettazione grafica e all’editing di Photoshop.