Crear la Piel para un Personaje de Minecraft in Adobe Illustrator

¿Siempre quisiste crear tu propia piel para un personaje de Minecraft, pero nunca supiste dónde comenzar? ¡Enhorabuena! Hoy te explicaré todo el proceso, mostrándote cómo tomar una plantilla básica y volverla un producto usable.

¡Si suena interesante, toma una taza de café y vamos a comenzar!

Antes de comenzar, quiero que sepas que todo el proyecto forma parte de un antiguo tutorial, donde te mostré cómo crear un personaje de Minecraft usando Affinity Designer.

Hoy haremos algo diferente tomando ese personaje terminado y hacerlo en Adobe Illustrator, usando un plantilla personalizable.

En este punto, algunos pueden resaltar que hay muchos editores en línea que te permiten lograr el mismo resultado, pero ya que tengo total control sobre el proceso creativo desde el comienzo hasta el final, me tomé tiempo para hacer una plantilla personalizable que he adjuntado para facilitarte las cosas.

Si quieres recrear el tutorial en Affinity, no te preocupes, ya que he creado una plantilla separada para que todos puedan realizar esto.

También, no olvides que puedes siempre expandir el proyecto yendo a GraphicRiver, donde encontrarás una gran selección de arte de pixel.

Habiendo dicho eso, vamos a cambiar nuestro enfoque al proyecto y saltar directo a ello.

1. ¿Cómo Cargar el Archivo de Origen?

Antes de comenzar a trabajar en el personaje, tenemos tomar un poco de tiempo y prepararnos para cuando el recurso se termine de cargar.

Así que, suponiendo que ya lo descargaste, ábrelo ya sea cargándolo de Illustrator (Archivo > Abrir y luego ve a la carpeta donde los descargaste) o da doble-clic directamente al archivo.

Tan pronto como el archivo esté cargado, serás capaz de ver la plantilla verdadera, que consiste en estructuras de 64 x 64 px esparcidas en todo el cuerpo del personaje, que ha sido cuidadosamente etiquetado para saber dónde está cada forma.

2. ¿Cómo Preparar un Nuevo Archivo de Proyecto?

Ya que no queremos alterar el archivo de plantilla, vamos a tomar un par de segundos y guardarlo com un nuevo proyecto (Archivo > Guardar como...), asegurándote de darle un nombre personal para que lo podamos distinguir luego de otros diseños.

3. ¿Cómo Usar Capas Personalizadas?

Si abres el panel de Capas, puedes ver que me tomé el tiempo de preparar algunas capas para cada sección del cuerpo, que he etiquetado individualmente para que puedas usarlas fácilmente para construir el personaje gradualmente.

La capa de guías tiene algunas sub-capas que puedes desactivar para identificar y aislar una sección específica del cuerpo, si quieres mantener el proceso del diseño tan organizado como sea posible.

Cuando comienzas a trabajar en el proyecto en si, recomiendo que bloquees todas las capas, excepto con la cual estás trabajando, para que seas capaz de enfocarte en una sección a la vez, que te ayudará a tener fluidez en todo el proceso.

Habiendo dicho eso, procedamos al proceso creativo, donde veremos que tan fácil es hacer un personaje personalizado usando nada más que un par de simples rectángulos.

4. ¿Cómo Crear las Formas de Cuerpo Principal?

Tan pronto que nuestro proyecto esté preparado, podemos comenzar a trabajar en la piel, y así haremos poniendo las formas principales.

Paso 1

Selecciona la Herramienta Rectángulo (M) y, usando #95693D como tu color de Relleno, comienza a dibujar sobre cada una de las guías, asegurándote de posicionar las formas resultantes en sus respectivas capas.

Paso 2

Ahora, ya que tengo el personaje creado en Affinity Designer, voy a copiar (Control-C) y Pegar (Control-F) el diseño en Illustrator, y luego usaré la Herramienta Cuenta Gotas (I) para escoger y aplicar los colores a las diferentes partes del cuerpo de la piel, manteniendo presionando Alt y luego simplemente dando clic en ellos.

5. ¿Cómo Añadir Detalles a la Cabeza de los Personajes?

Una vez que tengamos todo nuestras secciones del cuerpo, podemos añadir detalles, y lo haremos comenzando con la cabeza. Así que, supongamos que estás en la capa correcta (que sería la séptima), aplica zoom en la sección superior de la Mesa de Trabajo y saltemos directamente a ello.

Paso 1

Habilita el modo Previsualización de Pixeles (Alt-Control-Y), y luego dibuja la boca usando rectángulo de 2 x 1, que colorearemos usando #bc9069 y luego alinearemos al centro del frente de la cara, posicionandolo a una distancia de 1 px de su borde inferior.

Paso 2

Añade el ojo derecho usando dos cuadrados de 1 x 1 px horizontalmente puestos uno del otro, coloreando el izquierdo usando #ffffff y el derecho usando #402c1b. Una vez terminado, selecciona y agrupa las dos usando Control-G, posicionándolos como se ve en la imagen de referencia.

Paso 3

Crea el ojo izquierdo usando una copia (Control-C > Control-F) de la que acabamos de terminar, que reflejaremos verticalmente (clic-derecho > Transformar > Reflejar > Vertical) y luego posicionaremos en el lado opuesto de la cara.

Paso 4

Usando un par de rectángulos coloreados con #4d3723, dibuja la sección frontal del cabello, siguiendo la imagen de referencia como tu guía principal. Toma tu tiempo, y una vez terminado, selecciona y agrupa (Control-G) todas las formas que componen la cara, antes de proceder a la siguiente.

Paso 5

Procede a la sección izquierda de la cabeza, y crea un pequeño arete usando un rectángulo de 1 x 1 px, que colorearemos usando #e09a50 y luego posicionaremos a una distancia de 3 px del borde izquierdo del cuadrado más grande y 2 px de su inferior.

Paso 6

Añade el segmento de cabello oscuro a la sección inferior de la cabeza usando un rectángulo de 8 x 4 px (#402c1b), encima de la cual añadiremos uno más pequeño de 4 x 2 px (#9563d), que agruparemos (Control-G) y luego posicionaremos como se ve en la imagen de referencia. Una vez terminado, selecciona y agrupa (Control-G) todas las formas que componen la sección actual, haciendo lo mismo para toda la cabeza.

Nota: este paso es opcional si estás lidiando con personajes que tienen cabello corto, ya que cuando estás cargando la piel dentro del juego y mueves la cabeza, no se ve extraño como cuando lidias con cabellos largos.

6. ¿Cómo Añadir Detalles al Torso del Personaje?

Una vez terminado de añadir detalles a la cabeza, podemos proceder a la capa del torso, que gradualmente refinaremos una sección a la vez.

Paso 1

Comienza a trabajar encima de la sección del torso añadiendo la sección trasera del cuello de la blusa, usando un rectángulo de 4 x 1 px, que colorearemos usando #bf522e y luego alinearemos al centro del borde superior de la forma subyacente.

Paso 2

Añade los segmentos del cabello, usando dos rectángulos de 2 x 4 px (#4d3723), que posicionaremos a los lados como se ve en la imagen de referencia. Una vez hecho, selecciona y agrupa (Control-G) todas las formas que componen la sección actual, antes de proceder a la siguiente.

Paso 3

Procede a la sección frontal del torso, y crea la separación del cuello usando un rectángulo de 4 x 2 px (#95693d), verticalmente puesto encima de uno más pequeño de 2 x 1 px (#95693d),que agruparemos (Control-G) y luego alinearemos al centro del borde superior de la forma.

Paso 4

Rápidamente dibuja el cuello usando un par de rectángulos coloreados de #e09a50, que agruparemos (Control-G) y posiciona sobre el corte del cuello, como se ve en la imagen de referencia.

Paso 5

Añade los segmentos del cabello usando dos rectángulos de 2 x 4 px (#4d3723) verticalmente puestos encima de dos más pequeños de 1 x 2 px (#4d3723), que agruparemos individualmente (Control-G) y luego posicionaremos en su lugar, selecciona y agrupa (Control-G) todas las formas antes de proceder a la siguiente sección.

Paso 6

Procede a la sección trasera del torso, y luego añade segmentos de cabello usando tres rectángulo de 1 px, que colorearemos usando #4d3723 y luego posicionaremos como se ven en la imagen de referencia. Una vez hecho, asegúrate de que selecciones y agrupes (Control-G) todas las tres formas, haciendo lo mismo para toda la sección.

Paso 7

Termina la sección actual añadiendo el cinturón usando un rectángulo de 24 x 1 px, que colorearemos usando #37404d y luego posicionaremos a una distancia de 1 px, del borde inferior del torso.

7. ¿Cómo Añadir Detalles a los Brazos del Personaje?

Ahora que hemos terminado de trabajar en el torso, podemos proceder a la siguiente capa (que sería la cuarta) y gradualmente añadir detalles al brazo, comenzando con el correcto.

Paso 1

Crea la sección exterior de la manga de la blusa usando un rectángulo de 4 x 8 px, que colorearemos usando #bf522e y luego alinearemos al borde superior de la forma, asegurando de seleccionar y agrupar (Control-G) las dos.

Paso 2

Dibuja la sección frontal de la manga usando un rectángulo más grande de 4 x 6 px (#e37047) seguidas por dos más grandes (#e37047), que agruparemos (Control-G) y luego posicionaremos como se ve en la imagen de referencia. Una vez hecho, selecciona y agrupa todas las formas que componen la sección actual, usando Control-G.

Paso 3

Añade el lado interior de la sección del cuello usando un rectángulo de 4 x 6 px, que colorearemos usando #bf522e y luego alinearemos al borde superior de la forma, asegurando de seleccionarlas y agruparlas (Control-G).

Paso 4

Crea la sección trasera de la manga usando una copia (Control-G > Control-F) de la parte frontal, que reflejaremos verticalmente (clic derecho > Transformar > Reflejar > Verticalmente) y luego posiciona en la sección del brazo que corresponde, asegurando de borrar las formas subyacentes.

Paso 5

Ya que tenemos una versión terminada del brazo, podemos crear la izquierda usando una copia (Control-C), que pegaremos (Control-F) encima de la quinta capa que ajustaremos dando doble-clic para acceder al Modo Aislado y luego intercambiar de lados como se ve en la imagen de referencia. Una vez terminado, sal del Modo Aíslado presionando Escape, asegurando de borrar las formas debajo, antes de proceder al siguiente paso.

Paso 6

Añade el segmento del cabello encima de la sección de la manga (el hombro) usando un rectángulo de 1 x 4 px, que colorearemos usando #6d4b31 y luego posicionaremos en su borde izquierdo, asegurando de seleccionar y agrupar las dos usando Control-G.

Paso 7

Termina la parte actual del cuerpo añadiendo el segmento del cabello al frente de las mangas usando 1 x 2 px (#4d3723), que posicionaremos como se ve en la imagen de referencia. Una vez hecho, selecciona y agrupa todas las formas, usando Control-G.

8. ¿Cómo Añadir Detalles a las Piernas de los Personajes?

Una vez terminado de añadir detalles a los brazos de los personajes, podemos proceder a la tercera capa, donde nos enfocaremos en refinar las piernas, comenzando desde la izquierda.

Paso 1

Crea la sección interna de la bota usando un rectángulo de 4 x 5 px (#37404d), el cual alinearemos en la parte inferior de la forma subyacente, asegurando de seleccionar y agrupar las formas (Control-G).

Paso 2

Dibuja la sección frontal de la bota usando un par de rectángulos (#37404d), que agruparemos (Control-G) y posicionaremos como se ve en la imagen de referencia.

Paso 3

Añade el vértice pequeño de la blusa usando un rectángulo de 2 x 1 px (#e37047) verticalmente puesto encima de uno más pequeño de 1 x 1 px (#e37047), que agruparemos (Control-G) y luego alinearemos a la esquina superior derecha de la forma. Una vez hecha, selecciona y agrupa (Control-G) todas las formas que componen la sección actual.

Paso 4

Añade la sección del lado exterior de la bota usando un rectángulo de 4 x 5 px (#37404d), que alinearemos al centro del borde inferior de la forma más grande, asegurándonos de agrupar (Control-G) las dos.

Paso 5

Crea el segmento lateral del vértice inferior de la blusa usando un rectángulo de 4 x 2 px (#e37047) y luego alinearemos al borde superior de la forma subyacente más grande. Una vez hecho, selecciona y agrupa (Control-G) todas las formas que componen la sección actual antes de proceder a la siguiente.

Paso 6

Añade los detalles traseros de la pierna usando una copia (Control-C > Control-F) de la que está al frente, que posicionaremos en la derecha y luego ajustaremos como se ve en la imagen de referencia. Una vez hecho, selecciona y agrupa (Control-G) todas las secciones que componen la pierna.

Paso 7

Termina la piel añadiendo los detalles en la pierna derecha usando una copia de la que acabamos de terminar. Pega en la capa apropiada (que sería la segunda) y luego ajusta intercambiando sus secciones como se ve en la imagen de referencia. Una vez hecho, no olvides borrar las formas subyacentes antes presionar el botón Guardar.

9. ¿Cómo Exportar la Piel?

OK, así que ahora tenemos una piel que funciona, lo que significa que todo lo que necesitamos hacer es exportarla para que podamos traerla a Minecraft.

Paso 1

Antes de crear la exportación, tendrás que abrir el panel de Capas y ocular las capas de guía; de otra manera tu piel terminará con impurezas.

Paso 2

Tan pronto como las guías estén ocultas, puedes exportar fácilmente el diseño final yendo a Archivo > Exportar > Guardar para la Web (o usando Alt-Mayus-Control-S), donde queremos poner el formato PNG-24, asegurando de marcar las opciones de Transparencia.

10. ¿Cómo Importar la Piel a Minecraft

Ahora que tenemos nuestro diseño exportado, todo lo que necesitamos es abrir el juego y subir este hermoso diseño.

Paso 1

Una vez que el juego se halla terminado de cargar, da clic en el icono pequeño de percha, que se encuentra en la sección inferior derecha, debajo de tu nombre de usuario y pre-visualización de personaje.

Paso 2

Una nueva ventana debería abrirse, dándote la opción de escoger una nueva piel.

Paso 3

Navega a la carpeta donde exportaste la piel y luego simplemente da doble-clic en ella para subirla dentro del juego.

Paso 4

El juego entonces te pedirá que escojas el modelo correcto para tu piel, que en nuestro caso es el que está en la derecha con los brazos gruesos.

Paso 5

Después de todo, todo lo que necesitas es dar clic en el botón Confirmar, y luego puedes comenzar a jugar con tu piel personalizada.

¡Terminado!

Ahí lo tienes, jugador de Minecraft, un tutorial fácil y genial sobre cómo crear tu propia piel, usando nada más y nada menos que rectángulos.

Como siempre, espero que te hallas divertido en el proyecto, y mucho más importante, aprendido algo nuevo y útil en el camino.

Si tienes alguna pregunta, siéntete libre de publicarlas en la sección de comentarios y te responderé tan pronto como pueda.