Com fan dels jocs retro i l’art de l’Pixel Art m’he topat amb el dubte de com configurar Photoshop per crear sprites, escenes, etc .. buscant per internet vaig trobar diversos tutorials on compliquen massa les coses i et creen més dubtes.
hi ha programes per a crear Pixel Art com ara Aseprite que és increïblement potent, està ple de característiques i és fàcil d’utilitzar. Però per a les persones que ja estan ben familiaritzats amb Photoshop aquesta també és una molt bona eina per a això.
Així que aquí va un ràpid tutorial de 4 senzills passos de com configurar Photoshop per crear píxel art.
El primer que farem és crear un nou document en Photoshop. El Pixel Art és un art creada amb poca resolució per tant començarem amb una imatge petita. No hi ha una regla general d’la mida que ha de tenir el nostre document ja que tot dependrà de diversos factors entre ells que és el que vas a crear com ara un personatge, una escena, un pòster, etc. També dependrà de a on vas a utilitzar aquesta imatge per exemple en un joc o un avatar per al teu perfil.
Si aquestes començant en el món de l’Pixel Art et suggereixo començar amb formats petits que són bons per a principiants ja que no comporten de molts detalls. En el meu cas estaré creant un actor per el meu joc retro de Nintendo Game Boy (Properament tutorial per crear un joc retro sense saber programar). Les mesures de la meva document seran de 16x16px.
Pas 2: Configuració d’Image interpolation to Nearest Neighbors
Quan el teu píxel art canviï de mida o s’ajusti a una escala, voldràs que les vores o cantonades es vegin bé i no borrosos. Per defecte, Photoshop utilitza la interpolació Bicubic (o bilinear) que produeix un efecte borrós quan s’amplien les imatges. Mentre que la interpolació Bicúbica funciona molt bé per a imatges normals, el Pixel Art escalat amb Bicúbic té un aspecte terrible i borrós.
Exemple:
Veus la diferència? A continuació, t’explico com configurar Photoshop per utilitzar l’algoritme d’interpolació d’imatges del “nearest-neighbor”. Per canviar això hem d’anar a “Edit” > “Preferences” > “General” > “Image interpolation” i seleccionar “Nearest Neighbor (preservi hard edges)”. Ha de recordar tornar a canviar-lo quan sigui necessari, ja que això ho configurarà com l’opció per defecte.
Pas 3: configurar Eines
Les 3 Eines bàsiques que has de configurar per començar són:
Llapis: Mida 1px i Duresa 100%
Esborrany: Mida 1px, Duresa 100% i Mode (Llapis)
Pot de Pintura: Desseleccionar Anti-àlies
Assegureu-vos que l’anti-àlies està desactivat. Si es deixa contigu marcat, vol dir que només s’omplen els píxels adjacents de el mateix color. Aquí hi ha un exemple:
Pas 4: Configurar quadrícula
Després aneu a “Edit” > “Preferences” > “Guides, Grid & slices”. a la secció “Grid”, configuri “Gridline Every” i “Subdivisions” en 1 i seleccioneu “píxels” al menú desplegable, si encara no està seleccionat. Després pots tancar la finestra de ” preferències “. I ja aquestes llest per crear el teu art.
Això és tot el que necessites per crear el teu art en píxels!
El Pixel art és molt divertit de fer. Espero que hagis trobat aquest tutorial útil i que hagi aclarit els teus dubtes.
Si vols pots ajudar-me a comprar un cafè per mantenir-me despert i crear mes contingut com aquest en espanyol. Gràcies !!: )
Properament tutorial per crear el teu primer videojoc retro sense necessitat de saber programar !