1. Design & Illustration
  2. Drawing/Illustration
  3. Character Design

Cómo crear un simpático muñeco de jengibre en Adobe Illustrator

Scroll to top
This post is part of a series called Easy Character Design.
How to Create a Game Character Sprite Sheet in Affinity Designer
Create a Kawaii Farmer for the Harvest Season in Adobe Illustrator

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

El diseño de personajes es siempre divertido y creativo. Si te gusta tanto como a mí, entonces no te pierdas este tutorial y aprende a crear un simpático personaje de pan de jengibre en forma vectorial.

Al principio crearás el cuerpo del muñeco de jengibre, y luego crearás la textura de pan de jengibre utilizando dos efectos y un pincel de dispersión. Después de hacer las sombras e iluminaciones, tu muñeco de jengibre tendrá un aspecto 3D, y luego viene la parte creativa, donde crearás la cara, añadirás el glaseado y todos los adornos.

Si te interesan otros diseños de personajes, puedes comprar personajes vectoriales en Envato Market. ¡Comencemos!

1. Comienza un nuevo proyecto

Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, configura las dimensiones y luego selecciona Píxeles como Unidades y RGB como Modo de color. Asegúrate de que la opción Alinear nuevos objetos con cuadrícula de píxeles no está marcada.

A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 1 px y una vez allí, ve a Unidades para asegurarte de que están configuradas como en la siguiente imagen. Yo suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo.

start new illustrator documentstart new illustrator documentstart new illustrator document

2. Crea el cuerpo del muñeco de jengibre

Paso 1

Empieza por la cabeza y dibuja un círculo con la herramienta Elipse (L). Continúa con las piernas, que son dos rectángulos redondeados.

create gingerbread man body 1create gingerbread man body 1create gingerbread man body 1

Paso 2

Toma la herramienta Pluma (P) y dibuja la forma del cuerpo entre la cabeza y las piernas. Después, dibuja las manos como en la siguiente imagen.

create gingerbread man body 2create gingerbread man body 2create gingerbread man body 2

Paso 3

Ahora, selecciona la cabeza, el cuerpo y las piernas y presiona Unir en el panel Buscatrazos. Haz algunos ajustes adicionales, si es necesario moviendo algunos de los puntos de anclaje con la herramienta Selección directa (A) y también utiliza la herramienta Convertir punto de ancla (Mayús-C) para generar controladores porque las esquinas deben ser suaves.

create gingerbread man body 3create gingerbread man body 3create gingerbread man body 3

3. Crea la textura de pan de jengibre

Paso 1

Selecciona todas las formas y rellénalas con un marrón cálido; luego ve a Efecto > Estilizar > Resplandor interior y aplica los ajustes mostrados a continuación. Antes de continuar, envía las manos detrás del cuerpo.

create gingerbread texture 1create gingerbread texture 1create gingerbread texture 1

Paso 2

Con las formas aún seleccionadas, ve al panel Apariencia y añade un Nuevo relleno encima del primero. Usa blanco como color de relleno; luego ve a Efecto > Artístico > Película granulada y aplica los ajustes que se muestran en la imagen de abajo. Establece el Modo de fusión de este relleno en Luz Suave y la Opacidad en 22%.

create gingerbread texture 2create gingerbread texture 2create gingerbread texture 2

Paso 3

Todavía con las formas seleccionadas, añade un Nuevo relleno en el panel Apariencia. Usa blanco como color de relleno; luego ve a Efecto > Textura > Texturizar y aplica los ajustes mostrados a continuación. Ajusta este Relleno en el Modo de fusión Multiplicar y 77% de Opacidad.

create gingerbread texture 3create gingerbread texture 3create gingerbread texture 3

4. Añade sombra a los brazos del muñeco de jengibre

Paso 1

Usa la herramienta Pluma (P) para dibujar un trazado justo entre el brazo izquierdo y el cuerpo. Selecciona un Trazo de 3 pt y el Perfil de Ancho 1 en el panel Trazo. Luego, ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 3 px. Reduce la Opacidad al 75% y después, envía este trazado detrás del cuerpo pero delante de la mano izquierda.

add shadow to gingerbread arms 1add shadow to gingerbread arms 1add shadow to gingerbread arms 1

Paso 2

Copia y Pega delante (Control-F) este trazado, cambia el color de relleno y elimina el efecto de Desenfoque gaussiano del panel Apariencia. Lleva este trazado delante del cuerpo para crear más definición.

add shadow to gingerbread arms 2add shadow to gingerbread arms 2add shadow to gingerbread arms 2

Paso 3

A continuación, dibuja un trazado justo entre el brazo derecho y el cuerpo con la herramienta Pluma (P). Selecciona un Trazo negro de 1 pt y el Perfil de Ancho 1 en el panel Trazo. Ve a Efecto > Desenfocar > Desenfoque gaussiano, aplica un Radio de 4 px, y luego reduce la Opacidad al 50%. Envía este trazado detrás del cuerpo pero delante de la mano derecha.

add shadow to gingerbread arms 3add shadow to gingerbread arms 3add shadow to gingerbread arms 3

5. Añade sombreado al cuerpo del muñeco de jengibre

Paso 1

Toma la herramienta Pluma (P) o la herramienta Lápiz (N) y dibuja los cinco trazados en el lado izquierdo del cuerpo (1). Selecciona un Trazo de 10 pt y el Perfil de Ancho 4 pero presiona la opción de Voltear a lo largo en el panel Trazo (2). Manteniendo todos los trazados seleccionados, ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 5 px (3).

add shading to gingerbread man 1add shading to gingerbread man 1add shading to gingerbread man 1

Paso 2

Luego, dibuja seis trazados, como los que se muestran abajo, siguiendo el borde del cuerpo del muñeco de jengibre (1). Selecciona un Trazo de 10 pt y el Perfil de Ancho 4 en el panel Trazo (esta vez no lo voltees) (2) y luego aplica un Desenfoque gaussiano de 5 px (3).

add shading to gingerbread man 2add shading to gingerbread man 2add shading to gingerbread man 2

Paso 3

Dibuja un trazado en el cuello, selecciona un Trazo de 10 pt y el Perfil de Ancho 4 en el panel Trazo. Ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 5 px; luego establece el Modo de fusión Subexposición de color y 15% de Opacidad.

add shading to gingerbread man 3add shading to gingerbread man 3add shading to gingerbread man 3

6. Añade iluminaciones al cuerpo del muñeco de jengibre

Paso 1

Usa la herramienta Pluma (P) o la herramienta Lápiz (N) para dibujar cinco trazados siguiendo el lado derecho del cuerpo del muñeco de jengibre (1). Selecciona un Trazo de 10 pt y el Perfil de Ancho 1 en el panel Trazo (2). Aún teniendo estos trazados seleccionados, ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 5 px (3).

add highlights to gingerbread man 1add highlights to gingerbread man 1add highlights to gingerbread man 1

Paso 2

A continuación, dibuja un trazado como el que se muestra a continuación. Selecciona un Trazo de 10 pt y el Perfil de ancho 4 en el panel Trazo. Aplica un Desenfoque gaussiano de 3 px y luego establece el Modo de fusión en Luz suave.

add highlights to gingerbread man 2add highlights to gingerbread man 2add highlights to gingerbread man 2

7. Enmascara el cuerpo del muñeco de jengibre

Paso 1

Selecciona el cuerpo y las manos y luego haz clic en Copiar y Pegar en mismo lugar (Mayús-Control-V). Elimina todas las apariencias existentes del panel Apariencia y pulsa Unir en el panel Buscatrazos. Vamos a nombrar la nueva forma "cuerpo completo" y antes de continuar, haz una copia para más tarde.

mask the gingerbread man 1mask the gingerbread man 1mask the gingerbread man 1

Paso 2

Selecciona todo en tu mesa de trabajo y ve a Objeto > Máscara de recorte > Crear (Control-7).

mask the gingerbread man 2mask the gingerbread man 2mask the gingerbread man 2

8. Añade detalles a la textura de pan de jengibre

Paso 1

Toma la herramienta Lápiz (N) y dibuja cinco trazados como se muestra en la siguiente imagen, uno sobre cada mano, cada pierna y uno sobre la cabeza (1).

Selecciona un Trazo amarillo de 0.5 pt y el Pincel de dispersión "Ink Spatter 1" que puedes encontrar en el menú Biblioteca de pinceles > Artístico > Artístico_Tinta.

Abre la ventana Opciones de trazo del panel Apariencia y cambia los ajustes como se muestra en la imagen de abajo (2). Agrupa (Control-G) estos trazados y ajusta el Modo de fusión a Luz suave (3).

add details on gingerbread texture 1add details on gingerbread texture 1add details on gingerbread texture 1

Paso 2

Toma la herramienta Lápiz (N) de nuevo y dibuja seis trazados aleatorios como se muestra en la siguiente imagen (1). Selecciona un Trazo negro de 0.5 pt y el Pincel de dispersión "Ink Spatter 1", luego cambia la configuración en la ventana Opciones de trazo (2). Agrupa (Control-G) estos trazados; luego establece el Modo de fusión en Superponer y el 55% de Opacidad (3).

add details on gingerbread texture 2add details on gingerbread texture 2add details on gingerbread texture 2

9. Crea los ojos del muñeco de jengibre

Paso 1

Utiliza la herramienta Elipse (L) para dibujar dos círculos blancos a modo de ojos para el muñeco de jengibre. Con ambos ojos seleccionados, ve a Efecto > Estilizar > Resplandor interior y luego a Efecto > Estilizar > Sombra paralela y aplica los ajustes mostrados a continuación.

create gingerbread man eyes 1create gingerbread man eyes 1create gingerbread man eyes 1

Paso 2

Dibuja dos círculos más pequeños y rellénalos de marrón.

create gingerbread man eyes 2create gingerbread man eyes 2create gingerbread man eyes 2

10. Crea las cejas del muñeco de jengibre

Paso 1

Dibuja dos trazados sobre los ojos (1) y dales un Trazo azul de 9 pt. En el panel Trazo, pulsa la opción Remate redondeado para obtener los extremos redondeados (2). Con ambos trazados seleccionados, ve a Objeto > Expandir (3).

create gingerbread man eyebrows 1create gingerbread man eyebrows 1create gingerbread man eyebrows 1

Paso 2

Selecciona las formas de las cejas y ve a Efecto > Estilizar > Resplandor interior. Aplica los ajustes y pulsa OK.

create gingerbread man eyebrows 2create gingerbread man eyebrows 2create gingerbread man eyebrows 2

Paso 3

Todavía con las formas de las cejas seleccionadas, añade un Nuevo relleno en el panel Apariencia por encima del primero. Usa blanco como color de relleno; luego ve a Efecto > Distorsionar y transformar > Transformar y aplica la configuración que se muestra en la siguiente imagen. Ahora, ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 8 px.

create gingerbread man eyebrows 3create gingerbread man eyebrows 3create gingerbread man eyebrows 3

Paso 4

Con las formas de las cejas seleccionadas, ve a Efecto > Estilizar y aplica el efecto Sombra paralela.

create gingerbread man eyebrows 4create gingerbread man eyebrows 4create gingerbread man eyebrows 4

11. Crea la boca del muñeco de jengibre

Paso 1

Usa la herramienta Pluma (P) para dibujar un trazado para la boca y dale un Trazo rojo de 7 pt. Ve a Objeto > Expandir para convertir el trazo en un relleno.

create gingerbread man mouth 1create gingerbread man mouth 1create gingerbread man mouth 1

Paso 2

Selecciona la forma de la boca; luego ve a Efecto > Estilizar > Resplandor interior y aplica los ajustes que se muestran abajo (1).

Añade un Nuevo relleno sobre el primero y selecciona el color rosa como color de relleno. Ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -2 px (2) y luego ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 3 px (3).

create gingerbread man mouth 2create gingerbread man mouth 2create gingerbread man mouth 2

Paso 3

Con la forma de la boca aún seleccionada, aplica el efecto de Sombra paralela utilizando la configuración de la siguiente imagen.

create gingerbread man mouth 3create gingerbread man mouth 3create gingerbread man mouth 3

12. Crea el cabello del muñeco de jengibre

Paso 1

Usa la herramienta Pluma (P) o la herramienta Lápiz (N) y dibuja un trazado ondulado para el pelo del muñeco de jengibre. Selecciona un Trazo marrón de 6 pt, Remate redondeado y luego ve a Objeto > Expandir.

create gingerbread man hair 1create gingerbread man hair 1create gingerbread man hair 1

Paso 2

Una vez seleccionada la forma del cabello, aplica el efecto Resplandor interior utilizando los ajustes que se muestran a continuación y después aplica el efecto Sombra paralela utilizando los mismos ajustes que para la forma de la boca.

create gingerbread man hair 2create gingerbread man hair 2create gingerbread man hair 2

13. Crea los botones

Usa la herramienta Elipse (L) para dibujar dos círculos a modo de botones para el cuerpo. Selecciona azul como color de relleno y aplica el efecto Resplandor interior usando los ajustes mostrados a continuación (1).

Añade un Nuevo relleno encima del primero y establece el color en blanco. Ve a Efecto > Distorsionar y transformar > Transformar, aplica los ajustes de la imagen que se muestra abajo y pulsa OK. Ahora, ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 8 px. Reduce la Opacidad al 66% (2).

Todavía con los botones seleccionados, aplica el efecto Sombra paralela usando los mismos ajustes que para la forma de la boca (3).

create gingerbread man buttonscreate gingerbread man buttonscreate gingerbread man buttons

14. Añade el glaseado al muñeco de jengibre

Paso 1

Toma la herramienta Lápiz (N) y dibuja un trazado ondulado en los brazos y las piernas. Para los dos trazados del lado izquierdo (más cercanos a nosotros) selecciona un Trazo de 9 pt y para los dos trazados del lado derecho, selecciona un Trazo de 8 pt. Selecciona también la opción Remate redondeado en el panel Trazo. Después de eso, ve a Objeto > Expandir.

create icing on gingerbread man 1create icing on gingerbread man 1create icing on gingerbread man 1

Paso 2

Una vez seleccionadas las formas del glaseado, aplica el efecto Resplandor interior y luego el efecto Sombra paralela.

create icing on gingerbread man 2create icing on gingerbread man 2create icing on gingerbread man 2

Paso 3

A continuación, toma la herramienta Pluma (P) y dibuja la forma de los pantalones seguida de las dos líneas. Dales un Trazo blanco de 5 pt y luego ve a Objeto > Expandir.

create icing on gingerbread man 3create icing on gingerbread man 3create icing on gingerbread man 3

Paso 4

Una vez seleccionada la forma del pantalón y las dos líneas, aplica el efecto Resplandor interior, utilizando la configuración mostrada a continuación, y luego el efecto Sombra paralela, utilizando la configuración mostrada anteriormente.

create icing on gingerbread man 4create icing on gingerbread man 4create icing on gingerbread man 4

Paso 5

Dibuja un nuevo trazado ondulado en los pantalones, dale un Trazo blanco de 6 pt, y luego ve a Objeto > Expandir. Aplica el efecto Resplandor interior y el efecto Sombra paralela utilizando la misma configuración.

create icing on gingerbread man 5create icing on gingerbread man 5create icing on gingerbread man 5

15. Crea el corbatín

Paso 1

Primero, dibuja dos formas triangulares y un pequeño círculo entre ellas, y selecciona rojo como color de relleno.

Teniendo sólo la forma triangular de la derecha seleccionada, aplica el efecto Resplandor interior usando los ajustes de la siguiente imagen. Añade un Nuevo relleno encima del primero y establece el color de relleno en blanco. Ve a Efecto > Distorsionar y transformar > Transformar y aplica la configuración mostrada a continuación; luego ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 8 px. Reduce la Opacidad al 66%.

Las otras dos formas tienen más o menos los mismos ajustes, pero para el triángulo del lado izquierdo elimina sólo el efecto Resplandor interior del panel Apariencia.

create gingerbread man bow tie 1 create gingerbread man bow tie 1 create gingerbread man bow tie 1

Paso 2

Aplica el efecto Sombra paralela, utilizando los ajustes que se muestran en la siguiente imagen, a las tres formas que componen el corbatín. Ya el muñeco de jengibre está listo.

create gingerbread man bow tie 2 create gingerbread man bow tie 2 create gingerbread man bow tie 2

16. Crea la sombra del muñeco de jengibre

Paso 1

Toma la copia del "cuerpo completo" que hiciste antes en el tutorial y rellénala de negro. Mueve esta forma a otra capa detrás del muñeco de jengibre. Ahora, ve a Efecto > Distorsionar y transformar > Distorsión libre y arrastra los puntos de las esquinas como se muestra a continuación para distorsionar esta forma.

create gingerbread man shadow 1create gingerbread man shadow 1create gingerbread man shadow 1

Paso 2

Todavía con el trazado negro seleccionado, ve a Objeto > Expandir apariencia para ampliar el efecto de Distorsión libre. Alarga un poco la forma de la sombra arrastrando el cuadro delimitador con la herramienta Selección (V) hacia arriba o utiliza la herramienta Selección directa (A) para seleccionar sólo la parte superior de la forma (cabeza y brazos) y mover estos puntos hacia arriba.

create gingerbread man shadow 2create gingerbread man shadow 2create gingerbread man shadow 2

Paso 3

Reemplaza el relleno negro con el degradado lineal mostrado a continuación. Ve a Efecto > Desenfocar > Desenfoque gaussiano y aplica un Radio de 3 px y después de eso, reduce la Opacidad al 80%.

create gingerbread man shadow 3create gingerbread man shadow 3create gingerbread man shadow 3

 

¡Felicidades! Terminaste

Añade el fondo de tu elección, y la ilustración del muñeco de jengibre está lista. Espero que este haya sido un tutorial divertido, y hazme saber si quieres más diseños de personajes.

final gingerbread man characterfinal gingerbread man characterfinal gingerbread man character