Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Pixel Art

Cómo Hacer Personajes a base de Pixel

Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Learn Adobe Photoshop.
How to Create a Wolverine Photo Manipulation With Adobe Photoshop

Spanish (Español) translation by Rodney Martinez (you can also view the original English article)

Final product image
What You'll Be Creating

Si alguna vez pensó en crear un arte pixel, entonces aquí está una instrucción muy rápida y fácil para uno de los aspectos más fundamentales de él: los personajes.

Estaremos creando un personaje extremadamente sencillo, pero aunque será sencillo, aún así tendrá una cantidad de detalles decentes, así que servirá bien como un avatar para usted mismo o para representar su película favorita o personaje de TV o celebridades.

¿No puede pensar en ninguna inspiración? Quizás trabaje desde una imagen desde Envato Market.

1. Crear el Cuerpo del Personaje

Por lo general, recomendaría empezar por la cabeza y eso todavía es un punto de inicio viable, pero ya que este personaje será tan sencillo y sus proporciones serán un poco realistas, el cuerpo, también será un buen lugar para empezar.

Necesitará crear un archivo nuevo en Adobe Photoshop. Podría ser de 100 px por 100 px, el personaje que yo hice es de sólo 28 px de alto.

Paso 1

Vamos a definir un color de piel. Esto es de 25° en (Tono) Hue, 40% Saturation (Saturación) y 98% Brightness (Luminosidad), pero elija lo que mejor funcione para usted.

defining skin color

Paso 2

Vamos a estar trabajando con al Herramienta Pencil (Lápiz) con un tamaño de punto de 1 px y conforme a una buena cantidad de zoom, igual a 800%.

Con nuestro color recién creado, dibuje las piernas, las cuales será de 2 px en todo con un pixel vacío entre cada pierna… esto servirá bien a menos que esté haciendo un personaje regordete.

Las dimensiones de las piernas nos ayudarán a definir el resto del personaje.

basic legs and torso

Tal vez desee probar sus propias dimensiones/proporciones y no solamente seguirme, para ver cuál le gusta más. Pero si quiere que su personaje se parezca igual al mío, entonces las piernas de la imagen anterior son de 9 px de tal, y también lo es el tronco.

Paso 3

Para terminar las extremidades, añadimos los brazos a los lados, simplemente son de un pixel extra aparte del tronco. También añadimos una línea extra de pixeles al pie de las piernas con un pixel extra en cada lado para los pies.

Además, añadí una fila de pixeles para los hombros. Es un poco extraño llamar a las esquinas de los hombros "redondeadas” pero esos pixeles que faltan nos darán una figura más redondeada —y además, más natural—, al final.

finishing limbs

Paso 4

Finalmente, añadimos la cabeza, también con algunas esquinas "redondeadas". Yo las hice tan anchas como el tronco y de 7 px de alto.

adding head

2. Añada las Características Faciales

Nuestro personaje será muy diminuto, limitado por su pequeño tamaño, pero aún será capaz de añadir algunos detalles.

Paso 1

Hay suficiente espacio en la cara para añadir un par de ojos.

Yo elegí hacerlos un poco tono más oscuros (un 15% más oscuro) que el tono de la piel. No quería tener demasiado contraste ahí ya que no pensé que deberíamos de ser capaces de ver el color de los ojos en una resolución tan pequeña.

adding eyes

Paso 2

Vamos añadir algo de cabello. Yo use un tono de café oscuro y añadí una fila extra de pixeles, así que la cabeza creció en tamaño un poco más, debido al cabello.

adding hair

Paso 3

Añadí un poco de cabello a los lados de la cabeza. Yo use un color más claro como si este fuera corto o suavizado. Para añadir este color tuve que reducir la opacidad Opacity de la Herramienta Pencil (Lápiz) a 50%, esto se puede hacer muy fácilmente presionando el número 5 mientras las Herramienta Pencil está activada. Solamente recuerde que después tiene que regresar la Opacidad a 100% (puede presionar el número 0). Y finalmente, le di a mi personaje un poco de un peinado pompadour.

finishing hair

3. Añada la Ropa

La ropa estará donde podamos hacer el máximo de nuestra personalización. Este estilo se beneficia de no usar más de cualquier pixel en los contornos, así que incluso si el personaje es pequeño, nos permite bastante detalles.

Paso 1

Vamos a poner algunos pantalones sobre el personaje. El tono aquí es un aguamarina con baja saturación, que estoy usando para representar los jeans azules. Para probar variaciones en los colores, por lo general, uso copiar Copy el área que estoy coloreando hacia una capa nueva New Layer y abro el panel Hue/Saturation/Llightness (Tono/Saturación/Luminosidad) (Image > Adjustments > Hue/Saturation…) y muevo los deslizadores en ese panel hasta que me gusta el resultado.

adding pants

Paso 2

Añada algunos zapatos. Le haré algunas zapatillas y serán casi blancas, aunque en realida no hay mucho espacio para darle detalles.

No las haré blancas debido a que dejaré el fondo blanco. Una desventaja de no usar contornos es que si el fondo y el primer plano de colores son iguales, entonces algunos detalles se pierden.

adding shoes

Paso 3

Ponga una camiseta en el personaje. Me gusto como este color salió con el color de los pantalones. Hice la camisa con mangas cortas y cuello V.

adding shirt

Paso 4

Como dije antes, usted puede añadir una cantidad regular de detalles, quizás una corbata o algunos gráficos en medio de la camiseta. Añadí algunos bandas (con contraste bajo).

adding extra details

Paso 5

Y finalmente otra capa de ropa: una chaqueta. Si quiere podría darle accesorios al personaje como un chaleco o un reloj de pulsea o audifonos.

more extra details a jacket

4. Sombra del personaje

Ahora que están listos todos los detalles del personaje y de la ropa, añadamos un toque de sombra que corresponde a los diferentes volúmenes del personaje.

Paso 1

Crear una capa nueva New Layer y en ella dibujar sus sombras en negro.

Algunas de las sombras aquí corresponden al molde de la sombra de la cabeza sobre el cuello y al molde de la sombra de la chaqueta sobre la camiseta.  El resto solamente corresponde a los volúmenes del personaje, las piernas no son planas, así que sombrear un lado expresa un volumen extra, y lo mismo sucede con el lado derecho del tronco.

the shape of the shadow

Los brazos, creo que son muy pequeños para agregarles sombras.

Paso 2

Y para aplicar el sombreado, solamente reduzca la Opacity de la capa a 15% o algo parecido. Usted puede hacer eso en el panel capas Layers o también presionando el número 15 en el teclado mientras la herramienta movimiento Move,  está seleccionada.

the shadow applied character finished

Entonces puede combinar con la capa debajo Merge Down (Layer > Merge Down) y exportar su gráfico.

Visto al 100% el personaje podría ser demasiado pequeño para apreciarse. Así que puede seleccionarlo a través de Select, copiarlo vía Copy y Rescale para cambiar el tamaño a 200% o 300% (Edit > Free Transform) con Interpolation ajustada a Nearest Neighbor.

Luego guarde, Save, preferiblemente como un archivo de formato PNG o GIF, ¡y termino!

¡Asombroso Personaje Completo!

¡Felicitaciones! Ha terminado su personaje pixel.

Por supuesto, ahora usted puede hacer más de estos, o abordar algo como su banda favorita de rock o un grupo de personajes que le guste de la TV o de las películas, o hacer uno de usted mismo o de sus amigos, etc.

End result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.