Vístete para Halloween con Pixel Art isométrico en Adobe Photoshop

Lo que vas a crear

Has hecho un personaje de pixel art, se ve bastante normal y lleva ropa normal. Pero se acerca Halloween, y deberíamos entrar en la acción de truco o trato.

Tomaremos nuestro personaje y un pequeño personaje de niños, y los disfrazaremos de Batman y Chucky, solo porque sí. También haremos un gato o'lantern para establecer el estado de ánimo.

por favor refiérase a tutorial isométrico de personajes de pixel art Si todavía no tienes un personaje..

1. Personaje infantil

En el tutorial anterior ya hicimos que nuestro personaje tuviera el tamaño más pequeño posible, pero todavía hay un poco de margen para reducirlo aún más y hacer una versión infantil..

Paso 1

Recuerde guardar una copia original de sus personajes, para guardarlos todos para cualquier uso futuro..

Ahora, con una copia del carácter original, podemos mover / superponer algunas secciones para reducirlo, o podemos eliminar algunas secciones de píxeles y luego volver a unir las piezas, que se verían así:

Paso 2

Ahora solo faltan algunos retoques en el cuello de la camisa, el brazo y una de las piernas. Notalos y aplícalos..

Hemos dado un hijo a nuestro carácter, y sin mucho trabajo.!

2. Juego de niños

Vamos a convertir al niño en el asesino Chucky. Querrás comprobar algunas imágenes de referencia..

Paso 1

Aquí he cambiado un poco el color de los pantalones y los he convertido en monos. Las correas y las líneas superiores de los monos son un tono más oscuro del azul. Y agregué un píxel rojo en el cofre para el logo de "Good Guys". Es un pequeño detalle, y no debe ser de alto contraste..

Paso 2

La camisa debe ser diferente. Así que crearemos una manga larga con un tono rojo más saturado y rayas oscuras alternadas.

Todas las franjas serán de diferentes colores, pero será mejor estéticamente si dos colores diferentes con el mismo nivel de brillo no están en contacto. Así que tratemos de mantener los colores más oscuros alternando con los más claros..

Paso 3

Cambiaremos los colores de las rayas, pero los puños y el cuello deben permanecer rojos como en el original..

Etapa 4

Los pantalones también deben tener puños con rayas, pero debido a la cantidad de píxeles que tenemos allí, solo usemos el mismo rojo de la camisa con una o dos píxeles de altura.

Paso 5

El cuerpo está listo, así que cambiemos el color del cabello por el de jengibre y le demos al niño una línea de cabello en retroceso para acercarnos más al aspecto de Chucky..

Paso 6

Vayamos por el aspecto más espeluznante que Chucky tenía en las últimas películas, así que agregaremos algunos mechones de cabello a la parte posterior de la cabeza y editaremos los toques de luz del cabello..

Paso 7

Y, por supuesto, las cicatrices faciales, que pueden ser del mismo color que en el cuello, pero también pueden tener un tono ligeramente más rojo..

Paso 8

Un último detalle sería un cuchillo de cocina, Chucky parece tener una afinidad con ellos. Podemos insinuar que lo sostiene con su mano invisible y solo agrega una pequeña cuchilla en el costado:

3. El caballero oscuro

Ahora vamos a convertir nuestro personaje adulto en el cruzado de capa. De nuevo, eche un vistazo a las imágenes de referencia. He elegido hacer el traje de batalla de The Dark Knight porque es una gran película..

Es un traje blindado y ligeramente complejo; No podremos incluir todos los detalles (lamentablemente, el símbolo del bate en el cofre no es posible transmitir en esta resolución), pero obtendremos un montón de detalles sutiles en.

Paso 1

Empecemos por hacer que la ropa de nuestro personaje sea toda negra. Usaremos cuatro tonos de gris para esto; Estoy usando 50%, 35%, 20% y 5%, que es el tono que uso en los esquemas.

Paso 2

Para el cuello del traje mantendremos la línea original del cuello de la camisa con el tono más oscuro, pero justo encima de eso agregaremos algunos píxeles del segundo tono más oscuro, y encima de esa otra línea de píxeles del tono más oscuro. Así que mantenemos el cuello y la línea de la mandíbula del personaje, y los píxeles más claros que se encuentran en el medio representan las placas del traje que cubren el cuello..

Paso 3

Ahora pinte toda la cabeza (excepto alrededor de la boca, por supuesto) con el segundo tono más oscuro de gris. El agujero para la boca podría tener algunas formas diferentes. Esta es la forma que creía que se veía mejor, pero puedes probar alternativas.

Etapa 4

La nariz serán dos píxeles verticales del gris más claro y los ojos serán cada uno dos píxeles horizontales del gris más oscuro. En relación con nuestro personaje, estas características han cambiado un píxel pero es lo mejor porque el gris oscuro que separa la nariz del orificio de la boca realza el contraste de estas características..

Paso 5

Ahora con el segundo gris más claro haremos resaltes que se extienden desde la parte superior de la cabeza hasta los pómulos, pero sin entrar en contacto con la nariz o el orificio de la boca..

Paso 6

Agregaremos resaltes adicionales, ahora con el gris más claro en la frente para mayor volumen y detalle; vea cómo estos nuevos aspectos destacados ayudan a transmitir el amenazador ceño fruncido que Batman siempre lleva consigo.

Paso 7

Ahora para las orejas de murciélago. Aquí en rojo están los nuevos píxeles que ocuparán:

Y a la derecha el acabado que deberían tener..

Ahora la capucha está completa. ¡A la armadura corporal! Podemos eliminar el tono de gris más claro y usar solo los tres tonos más oscuros para la mayoría del resto.

Paso 8

Hagamos que todo el brazo se vuelva gris (el segundo tono más oscuro) y que el contorno más interno del brazo se extienda hasta el cuello (debe estar alineado) para agregar un descanso en el traje, que representa el lugar donde se encuentran las placas de armadura.

Paso 9

Deje el resalte del hombro en su lugar (debe tener un 35% de sombra), pero elimine cualquier resalte sobrante debajo del cuello y agregue algunos reflejos para los bíceps (dos píxeles deben hacer) y para el puño (un píxel).

Paso 10

Finalmente para el brazo, agreguemos también algunos tonos más oscuros; un par de píxeles (el tono gris más oscuro) debajo del hombro para mostrar las placas de armadura, y un píxel ligeramente debajo del resaltado de bíceps para hacer que ese bíceps salga un poco más. También agregaremos uno más justo encima del punto culminante para darle un toque de volumen al antebrazo.

Y, por supuesto, no te olvides de las aletas de guante de Batman..

Paso 11

Ahora, en el cofre, agregaremos un gran detalle para el área pectoral del traje. Aquí es donde va el símbolo del murciélago, por supuesto, pero tratar de agregarlo solo afectaría nuestro cuidadoso sombreado, por lo que es mejor dejarlo fuera. Nuestro Batman todavía será suficientemente reconocible.

Paso 12

Justo sobre la línea de los pantalones, agreguemos el cinturón utilitario de Batman, que usaremos como una especie de color bronce, sin sobresalir tanto. Rellenemos el área entre el cinturón y el resalte pectoral con el tono más oscuro y agregue una pequeña pista al abs de seis paquetes que estos trajes de superhéroe siempre se aseguran de incluir.

Es solo un paquete de cuatro en nuestro caso, pero creo que eso servirá. El torso esta terminado.

Paso 13

Ahora en las piernas, los únicos puntos destacados que tendremos serán en los muslos, rodilleras (deben verse como signos de exclamación) y los dedos de los pies:

Paso 14

Agreguemos más detalles con el tono gris más oscuro: un píxel un poco debajo de cada rodillera y una línea vertical desde la parte posterior de la rodilla hasta la parte inferior de la bota.

Paso 15

También agregaremos algunos retoques al área de los calzoncillos ... No es mi intención obtener gráficos, pero Batman usa armadura de ingle. Así que para obtener esos volúmenes, agregué un mínimo de sombreado oscuro a la parte superior de los muslos y un poco de gris más claro justo debajo de la mitad del cinturón..

Así que ahora solo falta una cosa de nuestro Batman: la capa.!

Paso 16

Marcados en rojo son los píxeles que agregaremos y, a la derecha, cómo los colorearemos..

Agregué un píxel adicional al talón de arranque porque sin eso creo que es más fácil confundir la capa con el talón. Observe que hay un poco de gris más claro hacia la parte inferior de la capa y cómo se corta en el hombro, como si saliera del área de la clavícula..

Y así, Batman está completo.!

4. Jack O'Lantern

Paso 1

Para hacer nuestro jack o'lantern, comenzaremos de la misma manera que lo hicimos con nuestro personaje: con la cara. Los ojos y la boca de las linternas suelen ser triangulares y en zig-zaggy, por lo que se pueden usar pequeñas V invertidas para los ojos y una línea en zig-zag para la boca..

Cuando la calabaza está lista, estas líneas pueden ser un poco difíciles de leer debido a la forma en que los píxeles no se unen sólidamente, por lo que los duplicaremos verticalmente (solo seleccionamos y presionamos un alt. Un píxel hacia abajo) para que se vea así:

Es posible que desee mantener ambas versiones y ver cuál le gusta más al final.

Paso 2

Los bordes de la calabaza tendrán 15 px de ancho por 13 px de alto, y la cara debe quedar baja en este cuadrado debido a la vista superior que estamos usando.

Paso 3

Redondea los bordes del cuadrado y rellena con un color naranja..

Alejaremos la cara por un momento para darle un poco de textura a nuestra calabaza: las crestas verticales que suelen tener las calabazas. La línea negra en la parte superior es donde irá el vástago y donde las líneas de cresta deberían coincidir idealmente. Aunque no podemos transmitir correctamente las líneas que se curvan y se juntan en un tamaño tan pequeño, podemos intentar:

Pero en su mayor parte simplemente serán líneas verticales.

Etapa 4

Ahora volvamos a poner la cara y seleccionamos un área en la parte superior para aumentar el brillo para transmitir un poco mejor la iluminación y el volumen de la calabaza. Utilicé colores personalizados en lugar de simplemente aumentar el brillo; es posible que desee probar tonos más amarillos en los colores más claros y tonos más rojos en los más oscuros.

Paso 5

Para el tallo, debemos agregar un tono de verde que no destaque demasiado. Será una línea de tres píxeles más contornos oscuros a su alrededor..

Paso 6

Y para terminar el tallo, agreguemos un toque de luz a la punta y reemplacemos las líneas horizontales negras donde el tallo y la corteza se unen con tonos más suaves; Más oscuro que el tallo y la corteza, pero no tan negro.

Paso 7

De manera similar, para el rostro podemos usar un color más oscuro que la cáscara pero no tan negro y que ayuda a obtener un acabado más suave..

Paso 8

Como último detalle iremos añadiendo una sombra. Antes no necesitábamos sombras, pero en el caso de Jack o'lantern tiene sentido, ya que es una forma considerablemente más ancha que su huella..

Me gusta usar negro con un 20% de opacidad cuando se trata de sombras.

Mencioné en el tutorial del personaje original que no usa negro en los esquemas por esta razón; Si has estado haciendo contornos negros, entonces la varita mágica no podrá separar los contornos de las sombras. Esto no es un gran problema, pero eventualmente puede ser una molestia..

Así es como se vería nuestro Jack o'lantern terminado, y la imagen de la derecha muestra cómo se vería si mantuviéramos la primera cara más clara.

Me gustan ambos, pero la cara más clara puede ser más difícil de leer cuando se aleja, y es más fácil que la textura de la calabaza interfiera con ella. Así que es más probable que use el más audaz.

¿Quién te estas vistiendo como?

Así que ahora tus personajes disfrazados y Spooky Jack O'Ntern están listos.!

¿Hiciste la casa del tutorial de la casa? Debido a que tus personajes se verían más como en casa, haciendo trucos o tratos con una casa detrás de ellos:

Espero que esto haya sido útil!