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

Cómo crear una ilustración de Halloween con un gatito blanco en Adobe Illustrator

Scroll to top

Spanish (Español) translation by Andrea Jiménez (you can also view the original English article)

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

En este tutorial, aprenderás a crear una ilustración inspirada en Halloween con un lindo gatito. Usarás principalmente óvalos y otras formas básicas. Es un poco más largo de lo habitual, pero fácil de seguir, y dará lugar a un resultado final adorable. ¡Empecemos!

1. Creando la cabeza

Paso 1

Presiona la herramienta Elipse (L) y crea una elipse. Quita el color del trazo si tienes uno y configura el color de relleno en R=216 G=217 B=218. Toma la Herramienta de selección directa (A) y selecciona los puntos de anclaje izquierdo y derecho, luego muévelos hacia abajo.

creating the headcreating the headcreating the head

Paso 2

Ahora crearemos las orejas. Necesitamos dibujar un triángulo (usando el mismo color de relleno) y lo crearemos a partir de la Herramienta Polígono. Toma la herramienta Polígono y haz clic en tu mesa de trabajo. En la nueva ventana de diálogo, escribe 3 lados con cualquier Radio. Luego, haz clic en Aceptar.

Manténlo seleccionado y ve a Efecto > Deformar > Abombar. En la nueva ventana, aparecerán Opciones de deformación. Asegúrate de configurar el Estilo en Abultamiento, Doblado 60%, Distorsión Horizontal 0%, Vertical 0%. Haz una copia más de la oreja al frente (Control-C, Control-F), luego hazla más pequeña y configura el color de relleno en R=243 G=117 B=121. Acabamos de crear una oreja del gatito.

creating the earscreating the earscreating the ears

Paso 3

Gira un poco la oreja y colócala sobre la cabeza. Mantén toda la oreja seleccionada y haz clic derecho. En la ventana emergente, selecciona Transformar > Reflejar. Selecciona Eje vertical de reflexión y pulsa Copiar.

Mueve la segunda oreja y colócala en el lado derecho. Para hacer las orejas justo en el medio de la cabeza, puedes seleccionar ambas orejas, hacer clic derecho y seleccionar Grupo. Presiona la tecla Mayús y manténla presionada, y luego selecciona la cabeza y las orejas juntas. Ve al panel Alinear (Ventana > Alinear) y pulsa Centro de alineación horizontal.

placing the earsplacing the earsplacing the ears

Paso 4

Ahora a los ojos. Elige un color de relleno verde (R=141 G=139 B=0) y con la herramienta Elipse (L) dibuja un óvalo. Dibuja otro óvalo sobre él y haz que el color de relleno sea más oscuro (R=96 G=91 B=3). Dibuja un pequeño círculo blanco como resaltado.

Gira el ojo un poco hacia la izquierda. Luego crea otro ojo: haz clic derecho y presiona Transformar > Reflejar, Vertical, Copiar. Mueve el ojo nuevo del lado derecho.

creating and putting the eyescreating and putting the eyescreating and putting the eyes

Paso 5

Dibuja un óvalo rosa con el color de relleno R=243 G=117 B=121. Manteniéndolo seleccionado, presiona la herramienta Convertir punto de anclaje (Mayús-C) y presiona el punto de anclaje más bajo para que sea nítido. Acabamos de crear la nariz. Coloca la nariz entre los ojos, ligeramente más abajo.

creating and placing the nosecreating and placing the nosecreating and placing the nose

Paso 6

Usando el color de la cabeza, dibujaremos el pelaje. Ajusta las opciones del lápiz: haz doble clic en la herramienta Lápiz (N) y configura la Fidelidad de tolerancias en 4 px y la suavidad en 40%. Marca Rellenar nuevos trazos de lápiz y, luego, pulsa OK. Intenta dibujar algo como en la imagen de abajo. Para cerrar el trazado, debes mantener pulsado el botón Alt al finalizar el trazado. Dibuja tres piezas diferentes de piel: en la parte superior de la cabeza y en la mejilla izquierda y derecha. ¡La cabeza está lista!

drawing the furdrawing the furdrawing the fur

2. Creando el cuerpo

Paso 1

Usando la herramienta Elipse (L) dibuja un óvalo (color de relleno R=216 G=217 B=218). Toma la herramienta de selección directa (A) y, moviendo los controladores, crea una forma como en la imagen de abajo.

creating the bodycreating the bodycreating the body

Paso 2

Coloca el cuerpo debajo de la cabeza (Control-X, Control-B).

placing the bodyplacing the bodyplacing the body

Paso 3

Ahora, crearemos una división entre la cabeza y el cuerpo. Simplemente selecciona la cabeza, haz una copia detrás (Control-C, Control-B) y muévela un poco hacia abajo. Haz que el color de relleno sea más oscuro (R=201 G=202 B=204). Luego selecciona el cuerpo y haz una copia al frente (Control-C, Control-F). Mientras mantienes presionada la tecla Shift, selecciona la copia más oscura de la cabeza y, en el panel Buscatrazos, presiona el botón Intersecar.

optically dividing the head and the bodyoptically dividing the head and the bodyoptically dividing the head and the body

Paso 4

Esta siguiente forma está diseñada para mostrar la pata trasera del gatito. Dibuja un óvalo usando la herramienta Ellipse (L) con un relleno de R=201 G=202 B=204. Para que los puntos de anclaje superior e inferior sean nítidos, toma la herramienta Convertir punto de anclaje (Mayús-C) y pulsa estos puntos de anclaje. Luego ve a Efecto > Deformar > Arco. En la nueva ventana de diálogo, escribe lo siguiente: Estilo Arco vertical, Plegado 50%, Distorsión horizontal 0%, Vertical 0%. Pulsa OK. Después, expande esta forma (Objeto > Expandir apariencia).

creating the shape to show the hind pawcreating the shape to show the hind pawcreating the shape to show the hind paw

Pon la forma donde tiene que estar la pata trasera. Además, si no te gusta el resultado que realizaste en el paso anterior, mueve los controladores de esta forma con la herramienta de selección directa (A) para lograr el resultado que quieres.

placing the shape to show the hind pawplacing the shape to show the hind pawplacing the shape to show the hind paw

Paso 5

Para dibujar las patas delanteras, comienza con un óvalo. Con la herramienta selección directa (A), mueve los controladores para crear la forma que se muestra a continuación. Haz otra copia (Control-C, Control-B) y hazla más oscura (R=201 G=202 B=204) y un poco más amplia.

creating the front pawcreating the front pawcreating the front paw

Paso 6

Toma las dos formas que hiciste en el paso anterior y ponlas en su lugar. Luego toma la forma más oscura y colócala donde tiene que estar la segunda pata. Envía esta segunda pata delantera a la parte posterior (Control-X, Control-B).

placing the front pawsplacing the front pawsplacing the front paws

Paso 7

¡La última parte de esta hermosura es una cola! Una vez más, dibuja un óvalo (el mismo color de relleno que el cuerpo y la cabeza). Envíalo a la parte posterior (Control-X, Control-B) y ve a Efecto > Deformar > Arco. En la nueva ventana de diálogo, escribe lo siguiente: Estilo Arco horizontal, Plegado -30%, Distorsión horizontal -65%, Vertical 0%. Pulsa OK. Luego, expande esta forma (Objeto > Expandir apariencia). ¡Este lindo gatito está listo!

creating and placing the tailcreating and placing the tailcreating and placing the tail

3. Creando el sombrero de bruja

Paso 1

Presiona la herramienta Polígono y haz clic en tu mesa de trabajo. En una nueva ventana de diálogo, escribe 3 lados con cualquier radio. Configura el color de relleno en R=0 G=0 B=24. Ve a Efecto > Deformar > Arco. En la nueva ventana, selecciona Estilo Arco Vertical, Curva -30%, Distorsión Horizontal 0%, Vertical 0%. Presiona OK. Luego expande esta forma (Objeto > Expandir apariencia). Usando la Herramienta de Selección Directa (A), mueve las manijas de esta forma para lograr el siguiente resultado.

creating the top of the witch hatcreating the top of the witch hatcreating the top of the witch hat

Paso 2

Haz una nueva copia al frente (Control-C, Control-F). Haz la nueva copia más clara (R=23 G=23 B=44) y asegúrate de que las partes superiores de estas dos formas estén en el mismo punto.

Configura el color de relleno en R=234 G=96 B=19 y dibuja un círculo en la parte superior. Para crear un círculo redondo agradable, mantén presionada la tecla Mayús al crear esta forma. Crea una copia más clara (R=243 G=115 B=33) de este círculo naranja para agregar volumen.

creating the top of the witch hat 2creating the top of the witch hat 2creating the top of the witch hat 2

Paso 3

Dibuja un óvalo para la parte inferior del sombrero de bruja. Haz una copia de la misma en frente (Control-C, Control-F). Toma la Herramienta de selección directa (A), selecciona el punto de anclaje más bajo en esta nueva copia y muévela hacia arriba. Mantén seleccionada la última forma creada y vuelve a hacer una copia más en la parte posterior (Control-C, Control-B). Muévelo hacia arriba y configura el color de relleno en R=66 G=66 B=84. ¡El sombrero de bruja está listo!

creating the bottom of the witch hatcreating the bottom of the witch hatcreating the bottom of the witch hat

Paso 4

Decoremos este sombrero con un lazo para hacerlo aún más adorable. Dibuja un óvalo (¿te diste cuenta de que estamos creando esta ilustración principalmente a partir de óvalos?). Presiona la herramienta Cuentagotas (I) y toma el mismo color de relleno naranja del pompón en la parte superior del sombrero. Mueve los puntos de ancla superior e inferior hacia la izquierda usando la Herramienta de selección directa (A).

Crea una segunda copia (Control-C, Control-V) y júntalas como se muestra en la segunda imagen. Mantén estas dos formas seleccionadas, haz clic derecho y selecciona Transformar > Reflejar. Después, selecciona Eje de reflexión Vertical, Ángulo de 90 grados y presiona Copiar. Mueve las dos nuevas copias a la derecha.

creating the bow 1creating the bow 1creating the bow 1

Paso 5

Crea un óvalo (color de relleno R=243 G=115 B=33) en el medio para hacer el nudo del lazo. Los dos óvalos estrechos y oscuros detrás del nudo nos mostrarán los pliegues del lazo.

creating the bow 2creating the bow 2creating the bow 2

Paso 6

Agrupa todo el lazo y colócalo sobre el sombrero.

placing the bow on the witch hatplacing the bow on the witch hatplacing the bow on the witch hat

4. Poniéndole el sombrero de bruja al gatito

Selecciona todo el sombrero, no lo agrupes y colócalo en la cabeza del gatito. Simplemente selecciona la parte trasera del sombrero y presiona Control-X, Control-B para enviarlo a la parte trasera.

putting the witch hat on the kittenputting the witch hat on the kittenputting the witch hat on the kitten

5. Tallado de la calabaza

Paso 1

Primero tenemos que dibujar una calabaza. Dibuja un óvalo naranja, color de relleno R=243 G=115 B=33. Mueve los puntos de anclaje izquierdo y derecho un poco hacia abajo.

creating the shape of the pumpkin 1creating the shape of the pumpkin 1creating the shape of the pumpkin 1

Paso 2

Haz otra copia en la parte de atrás (Control-C, Control-B), muévela hacia la izquierda y gírala un poco hacia la derecha. Configura el color de relleno para la nueva copia en R=234 G=96 B=19. Manténlo seleccionado y crea un reflejo de esto (haz clic derecho y presiona Transformar > Reflejar, Vertical, Copiar). Mueve esta tercera parte a la derecha.

Selecciona la copia que realizaste en este paso (imagen 1) y crea una nueva detrás (Control-C, Control-B). Deslízala hacia la izquierda y configura el color de relleno en R=221 G=83 B=14. Haz un reflejo de esta copia (haz clic derecho y Transformar > Reflejar, Vertical, Copiar) y deslízalo hacia la derecha.

creating the shape of the pumpkin 2creating the shape of the pumpkin 2creating the shape of the pumpkin 2

Paso 3

Ahora comencemos a tallar los ojos. Comenzaremos con un triángulo (R=191 G=60 B=2). Ve a Efecto > Deformar > Abombar. En la nueva ventana de diálogo, ingresa lo siguiente: Estilo Abultamiento Vertical, Plegado 50%, Distorsión Horizontal 0%, Vertical 0%. Presiona OK.

creating the eye of the pumpkincreating the eye of the pumpkincreating the eye of the pumpkin

Paso 4

Crea el segundo ojo. Manténlo seleccionado y mantén presionada la tecla Alt para moverlo hacia un lado.

Después, dibuja dos círculos y colócalos como en esta imagen. Selecciona los dos círculos juntos (recuerda mantener presionada la tecla Shift para esto), toma la Herramienta Cuentagotas (I) y toma el mismo color de la parte correspondiente de la calabaza.

placing the eyes of the pumpkin placing the eyes of the pumpkin placing the eyes of the pumpkin

Paso 5

Para tallar la boca, crea un óvalo con un color de relleno naranja oscuro, igual que la parte triangular del ojo (usa la Herramienta Cuentagotas (I)). Haz afilados los puntos de ancla izquierdo y derecho (usa la herramienta Convertir puntos de anclaje (Mayúsculas-C). Luego ve a Efecto> Deformar> Arco. Ingresa Estilo Arco horizontal, Doblado -50%, Distorsión horizontal y Vertical 0%. Presiona OK. Agrega dos rectángulos (usando la Herramienta Rectángulo (M)) con el mismo color de relleno que la parte correspondiente de la calabaza.

creating the mouth and teeth of the pumpkincreating the mouth and teeth of the pumpkincreating the mouth and teeth of the pumpkin

Paso 6

Coloca la boca donde debe estar.

placing the mouth and teeth on the pumpkinplacing the mouth and teeth on the pumpkinplacing the mouth and teeth on the pumpkin

6. Poniendo el gatito en la calabaza

Ayudemos al gatito a subirse a la calabaza.

placing kitty on the pumpkinplacing kitty on the pumpkinplacing kitty on the pumpkin

7. Dibujando la araña

Paso 1

Un óvalo gris (R=109 G=110 B=112) formará el cuerpo de la araña. Desliza los puntos de anclaje izquierdo y derecho hacia abajo.

Dibuja un ojo usando dos círculos con colores de relleno gris claro y negro. Haz dos ojos copiando y pegando, y colócalos como se muestran.

creating the body and eyes of the spidercreating the body and eyes of the spidercreating the body and eyes of the spider

Paso 2

Haz que el color del trazo sea el mismo que el del cuerpo de la araña y, en el panel Trazo, marca Tapa redonda. Luego ve al panel Herramientas y haz doble clic en la herramienta Lápiz (N). En la nueva ventana de diálogo, haz Fidelidad de tolerancia 4 px y Suavidad 40%. En el panel Trazo, haz que el Peso del trazo sea muy grueso (en relación con el cuerpo de la araña) y dibuja cuatro patas.

Mantén estas patas seleccionadas y haz un reflejo para crear cuatro patas más. Muévelas hacia la derecha.

creating the legs of the spidercreating the legs of the spidercreating the legs of the spider

8. Creando la telaraña

Paso 1

Configura el color del trazo en R=64 G=64 B=65 y elimina el color de relleno. Toma la herramienta Polígono y haz clic en tu mesa de trabajo. Escribe 10 lados con cualquier Radio. Crea dos polígonos más del mismo tipo, siendo cada uno más pequeño que el dibujado anteriormente.

Toma la herramienta Segmento de línea y mantén presionada la tecla Mayús para dibujar una línea recta. Con el mismo color de relleno, dibuja dos pequeños círculos en los extremos. Agrupa los círculos y la línea. Coloca esta línea en el centro de los polígonos.

Mantén la línea seleccionada y presiona la herramienta Rotar (R), luego presiona la tecla Enter. Aparecerá una nueva ventana. Escribe 15 o 20 grados y presiona Copiar. Sigue presionando Control-D para repetir tu último movimiento. La telaraña está lista.

creating the spider webcreating the spider webcreating the spider web

Paso 2

Coloca las arañas allí.

settling the spiders on the spider websettling the spiders on the spider websettling the spiders on the spider web

9. Creando el fondo

Crea dos círculos como se muestra en la siguiente imagen. El círculo más pequeño debe tener un color de relleno de R=35 G=31 B=32, y el más grande R=88 G=89 B=91.

Mantén seleccionado el círculo más grande y ve a Efecto > Distorsionar y Transformar > Zig Zag. Luego ingresa Opciones Tamaño 4 px, Absoluto, Crestas por segmento 20, Puntos suaves y presiona OK.

creating the background shapecreating the background shapecreating the background shape

10. Colocando el fondo

Coloca los dos círculos que hiciste en el paso anterior detrás de todo lo que creaste antes. Como puedes ver, hice algunas arañas y un par de telarañas. Organiza todo como quieras.

placing the background shapeplacing the background shapeplacing the background shape

11. Creando el fondo rayado

Ahora necesitamos crear otro fondo. Toma la Herramienta Rectángulo (M) y crea un rectángulo con 600 px de ancho y alto. Ponlo detrás de todo. Configura el color de relleno en R=243 G=242 B=227.

Después, crea una copia más en el frente y haz que sea más oscura (R=216 G=214 B=168) y más estrecha.

Mantén seleccionada la nueva franja verde, mantén presionadas las teclas Mayús y Alt, y mueve esta franja hacia la derecha. Luego sigue presionando Control-D para repetir tu último movimiento. Detente cuando llenes el cuadrado verde claro.

creating the striped backgroundcreating the striped backgroundcreating the striped background

12. Colocando el fondo rayado

Selecciona el cuadrado verde claro y las rayas verdes más oscuras juntas, y colócalas detrás de todo lo que hiciste antes. ¡Tu ilustración está lista! ¡Felicidades!

placing the striped background placing the striped background placing the striped background

Conclusión

¡Mira! ¡Puedes crear ilustraciones adorables usando formas básicas! Espero que hayas aprendido algunos trucos y puedas aplicarlos por tu cuenta. ¡No puedo esperar a ver tus resultados!