1. Design & Illustration
  2. Character Design

Cómo Crear una Ilustración de Cupido del Día de San Valentín en Adobe Illustrator

Scroll to top
Read Time: 11 min
This post is part of a series called Easy Character Design.
How to Create a Cute Monster Character in Adobe Illustrator

() translation by (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 hacer a un ángel cupido bebé con un lindo arco y flecha, usando principalmente la Herramienta de Elipse. Verás como una ilustración compleja puede ser compuesta con elementos simples, sin ningún boceto previo.

1. Creando la Cabeza y la Cara

Paso 1

Empezaremos con la cabeza. Ve a la Herramienta Elipse (L) y dibuja un elipse, no muy largo. Establece el color en R=207 G=158 B=118. Toma la Herramienta Selección Directa (A) y selecciona los puntos de anclaje izquierdo y derecho y muévelos hacia abajo.

creating the shape of the headcreating the shape of the headcreating the shape of the head

Paso 2

Escoge un relleno de color café (R=87 G=28 B=31) y usa la Herramienta Elipse (L) para dibujar otro elipse. Haz un pequeño círculo blanco para resaltar. Luego haz dos ojos: selecciona todo el ojo y muévelo hacia la derecha mientras presionas las teclas Alt y Shift. Agrupa los ojos para tu conveniencia (click derecho > Agrupar).

creating the eyescreating the eyescreating the eyes

Paso 3

Como el cuerpo y la cabeza de cupido están orientados hacia diferentes direcciones, pon los ojos en la cabeza y rótalos un poco hacia la izquierda usando la Herramienta Selección (V).

placing the eyesplacing the eyesplacing the eyes

Paso 4

Ahora la nariz. Empecemos con un elipse largo con el color de relleno R=173 G=117 B=80. Manténlo seleccionado y usando la Herramienta Convertir Punto de Ancla (Shift-C), presiona en los puntos de anclaje derecho e izquierdo para hacerlos más afilados. Manténlos seleccionados y ve a Efecto > Deformar > Arco. En la nueva ventana, ajusta las opciones: Estilo Arco Horizontal, Curvar 50%, Distorsión Horizontal 0% y Vertical 0%. Da click en OK. Ahora expande la figura con Objeto > Expandir Apariencia.

creating the nosecreating the nosecreating the nose

Paso 5

Pon la nariz en la cara y rótala de la misma forma que rotaste los ojos.

placing the noseplacing the noseplacing the nose

Paso 6

Ahora haremos la boca usando la nariz. Selecciona la nariz y haz un reflejo horizontal con ella (click derecho > Transformar > Reflejar). En la nueva ventana, selecciona Eje Horizontal del reflejo y presiona Copiar. Mantén presionado Alt (para hacer la copia) y Shift (para arrastrar la figura derecha) al mismo tiempo y arrastra la figura de la boca un poco hacia abajo. Tendrás dos formas idénticas una encima de la otra.

Haz otra copia de la primer figura que hiciste con la nariz, antes de arrastrarla hacia abajo (Control-C, Control F). Mantén seleccionada esta tercer copia, mantén presionada la tecla Shift y selecciona la copia que moviste hacia abajo. Ahora ve al panel de Buscatrazos y presiona el botón de Menos Frente. Colorea de blanco esta nueva figura. Acabas de crear los dientes.

Imagen 2. Dibuja un elipse blanco como el de la imagen de abajo, que está encima de los dientes. Yo marqué el elipse con el color de trazo rojo para una mejor visibilidad, pero solo necesitas un color de relleno blanco sin ningún color de trazo. Selecciona los dientes y el elipse blanco al mismo tiempo (presiona la tecla Shift para seleccionar dos o más figuras juntas). En el panel de Buscatrazos, presiona Intersección. Los dientes están listos.

creating the mouth 1creating the mouth 1creating the mouth 1

Paso 7

Agreguemos la lengua. Dibuja un elipse rosa sobre la parte inferior de la boca. Establece el color en R=246 G=156 B=154. Haz una copia de la figura lunar café (Control-C, Control-F) y mantén junto el elipse rosa que está encima; ahora, presiona el botón de Intersección en el Buscatrazos.

creating the mouth 2creating the mouth 2creating the mouth 2

Paso 8

Agrupa toda la boca (click derecho > Agrupar) y ponlo en la cara. Rótalo un poco a la izquierda, así como lo hiciste con los ojos y la nariz.

placing the mouthplacing the mouthplacing the mouth

Paso 9

Ahora las mejillas. Dibuja un elipse y usando la Herramienta Cuentagotas (I), toma el mismo color de relleno que la cara de cupido. Exactamente en el medio, dibuja otro elipse pequeño (con la ayuda de la Herramienta Cuentagotas (I), toma el mismo color de relleno que la lengua).

Para alinear estos dos óvalos, usa el panel de Alinear (Ventana > Alinear) y haz click en los botones de Centrar Horizontalmente y Centrar Verticalmente. Selecciona ambos y en el panel de Herramientas (Ventana > Herramientas) da click en Herramienta Fusión (W). Después, usando esta herramienta, selecciona el punto de anclaje del óvalo rosa y el punto de anclaje del elipse café claro.

Si te cuesta trabajo usar la Herramienta Fusión, puedes usar el Degradado Radial para la mejilla.

creating the cheekcreating the cheekcreating the cheek

Paso 10

Haz dos mejillas copiando y pegando y ponlas donde deberían de ir. Rota la mejilla izquierda un poco hacia la izquierda y la mejilla derecha hacia la derecha (ambas se rotan con el mouse).

placing the cheeksplacing the cheeksplacing the cheeks

2. Haciendo las Orejas

Las orejas serán dos elipses idénticos. El color de relleno deberá ser como el color de relleno de la cara.

creating and placing the earscreating and placing the earscreating and placing the ears

3. Haciendo el Cabello

Paso 1

Establece el color de relleno en R=242 G=225 B=139 y dibuja muchos, muchos círculos para hacer el cabello. Recuerda mantener presionada la tecla Shift para crear círculos iguales. Te en cuenta que algunos deberán estar detrás de la cabeza, así que ponlos detrás con Control-X, Control-B.

creating the hair 1creating the hair 1creating the hair 1

Paso 2

Haz el color de relleno más claro (R=245 G=232 B=167) y dibuja unos cuantos círculos en el cabello.

creating the hair 2creating the hair 2creating the hair 2

Paso 3

Selecciona algunos círculos como en la imagen de abajo. Manténlos seleccionados y ve a Objeto > Trazado > Desplazamiento. En la ventana de diálogo, pon Desplazamiento: 10 px, Uniones: En Ángulo, Límite en ángulo: 4, OK. Manténlo seleccionado y, usando la Herramienta Cuentagotas (I), toma el mismo color que en la nariz de cupido. Manteniendo los círculos seleccionados, en el panel de Buscatrazos presiona el botón de Unir. Tendrás algo parecido a una oruga. Después presiona varias veces click derecho > Organizar > Enviar Detrás para ver el fleco del cabello.

Haz una copia de la cabeza (Control-C, Control-F). Selecciona la figura de la oruga junto con la nueva copia de la cabeza y presiona el botón de Intersección en el Buscatrazos.

creating the shadow under the haircreating the shadow under the haircreating the shadow under the hair

4. Haciendo el Cuerpo

Paso 1

Haz el color de relleno igual que el de la cara y dibuja un elipse. Rótalo usando la Herramienta Selección (V). Después toma la Herramienta Selección Directa (A) y mueve las orillas para crear la forma como en la imagen de abajo.

creating the body shapecreating the body shapecreating the body shape

Paso 2

Ahora haremos la sombra del cuerpo. Dibuja un elipse encima, está marcado con un trazo rojo en la imagen de abajo, pero en realidad el trazo y el relleno no importan. Haz otra copia del cuerpo (Control-C, Control-F); mantenlo seleccionado junto con el elipse del trazo rojo, presiona Menos Frente en el Buscatrazos. Rellena la figura con un color obscuro R=201 G=150 B=111. Agrupa el cuerpo y la sombra para que no se muevan (click derecho > Agrupar).

creating the shadow on the bodycreating the shadow on the bodycreating the shadow on the body

Paso 3

Ponlo debajo de la cabeza (Control-X, Control-B).

placing the bodyplacing the bodyplacing the body

5. Haciendo el Brazo Derecho

Paso 1

Ahora haremos la parte superior del brazo. De nuevo, dibuja un elipse (el mismo color de relleno que la cara). Con la ayuda de la Herramienta Selección Directa (A), mueve las esquinas para obtener una figura como la que se muestra abajo.

creating the right armcreating the right armcreating the right arm

Paso 2

Hagamos la mano. De nuevo, usa el mismo color de relleno y un elipse un poco más redondeado. Mueve las esquinas para obtener una figura como se muestra abajo. Mantén la tecla Alt mientras mueves las esquinas del pulgar.

creating the right handcreating the right handcreating the right hand

Paso 3

Junta la parte superior del brazo con la mano.

composing the whole right armcomposing the whole right armcomposing the whole right arm

Paso 4

Haz una copia de la parte superior del brazo (Control-C, Control-B) y rellénalo con el color R=193 G=140 B=101. Desplaza la copia obscura un poco hacia abajo. Esto es para dividir el brazo del cuerpo y hacerlo más visible. Agrupa todo el brazo.

creating the shadow under the right armcreating the shadow under the right armcreating the shadow under the right arm

Paso 5

Pon el brazo en el cuerpo.

placing the right armplacing the right armplacing the right arm

6. Haciendo el Brazo Izquierdo

Paso 1

El brazo izquierdo es solo una copia más obscura del brazo derecho (mismo relleno de color R=193 G=140 B=101, igual que la sombra debajo del fleco). Solo agrega un elipse como en la imagen de abajo para mostrar que la mano está sosteniendo algo. Establece el color de relleno en R=207 G=158 B=118 para este elipse.

creating the left armcreating the left armcreating the left arm

Paso 2

Pon el brazo izquierdo detrás del cuerpo.

placing the left armplacing the left armplacing the left arm

7. Haciendo la Pierna Derecha

Paso 1

Mantén el mismo relleno de color como en los pasos anteriores y dibuja un elipse. Toma la Herramienta Selección Directa (A), selecciona los puntos de anclaje izquierdo y derecho y muévelos hacia arriba.

creating the right leg 1creating the right leg 1creating the right leg 1

Paso 2

Crea una copia de la misma figura que creaste en el paso anterior y hazla más estrecha, pero no mucho, porque queremos hacer un cupido rellenito. Haz dos elipses como se muestra a continuación.

creating the right leg 2creating the right leg 2creating the right leg 2

Paso 3

Ahora haremos los pies. Dibuja un óvalo pequeño y mueve las esquinas para lograr un resultado como se muestra en la segunda imagen. Después, agrega cinco óvalos pequeños—esos son los dedos del pie.

creating the right footcreating the right footcreating the right foot

Paso 4

Pon el pie en la pierna. Agrupa toda la pierna.

composing the right leg composing the right leg composing the right leg

Paso 5

Pon la pierna derecha en el cuerpo.

placing the right legplacing the right legplacing the right leg

8. Haciendo la Pierna Izquierda

La pierna izquierda es una copia de la pierna derecha, pero en un color más obscuro. Así que, haz una copia de la pierna derecha, toma la Herramienta Cuentagotas (I) y toma el mismo color de relleno que el brazo izquierdo. Después pon la pierna izquierda detrás del cuerpo.

creating and placing the left legcreating and placing the left legcreating and placing the left leg

9. Haciendo los Calzoncillos

Paso 1

Ahora ya sabes cómo mover las esquinas de las figuras, así que dibuja un elipse rosa (R=248 G=175 B=174). Mueve las esquinas como se muestra en la imagen de abajo para cubrir la parte inferior de cupido.

creating the briefscreating the briefscreating the briefs

Paso 2

Haz algunos círculos más claros (R=250 G=193 B=192) como ondas. Cuando termines con las ondas, pon los calzoncillos encima (Control-X, Control-F).

creating the ruffles of the briefs 1creating the ruffles of the briefs 1creating the ruffles of the briefs 1

Paso 3

Ahora para la última parte más tradicional del atuendo de cupido: las ondas en la pierna izquierda. Dibuja unos cuantos círculos adicionales (R=239 G=156 B=156) en la pierna izquierda y después pon los calzoncillos y las ondas en la pierna derecha encima. Para esto, necesitarás seleccionar los calzoncillos y las ondas de la pierna derecha y dar click en Control-X, Control-F.

creating the ruffles of the briefs 2creating the ruffles of the briefs 2creating the ruffles of the briefs 2

Paso 4

Algunos elipses rosados serán las alas. No importa cuántos elipses uses para esto. Establece el color de relleno en R=251 G=210 B=209. Agrupa la ala para que no se mueva.

creating the wingcreating the wingcreating the wing

Paso 5

Pon la ala en la espalda de cupido. Asumiremos que la segunda ala no está visible.

placing the wingplacing the wingplacing the wing

10. Haciendo el Arco

Paso 1

Dibuja un elipse café (R=87 G=28 B=31). Manténlo seleccionado y ve a Objeto > Trazado > Desplazamiento. En la nueva ventana de diálogo inserta Desplazamiento: -10 px, Uniones: En Ángulo, Límite en ángulo: 4, OK. Tendrás dos elipses, que deberás seleccionar e ir al panel de Buscatrazos y presionar el botón de Excluir.

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

Paso 2

¿Te diste cuenta de que ya casi estamos al final del tutorial y seguimos usando la Herramienta Elipse? ¡Creaste una persona utilizando solo una figura básica!

¡Pero sé paciente! Ahora necesitamos dividir el elipse que creamos en el paso anterior y para esto usaremos la Herramienta Rectángulo (M). Dibuja un rectángulo largo y estrecho en medio del elipse. El rectángulo tiene que ser más largo que el elipse. Selecciona las dos figuras y presiona Menos Frente en el Buscatrazos. Desagrupa los elipses divididos (click derecho > Desagrupar) y borra la parte izquierda innecesaria. Dibuja el rectángulo largo y estrecho nuevamente, como en la imagen de abajo. Agrega dos círculos pequeños. Ahora el arco está listo.

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

Paso 3

Ahora haremos la punta de la flecha. Mantén el mismo color de relleno y dibuja otro elipse y mueve hacia arriba los puntos de anclaje de la derecha y la izquierda.

creating the tip of the arrow 1creating the tip of the arrow 1creating the tip of the arrow 1

Paso 4

Gíralo hacia la izquierda y luego presiona click derecho en tu mouse. En la ventana emergente, selecciona Transformar > Reflejo. Luego en la nueva ventana de diálogo, introduce Eje Vertical, Ángulo 90 grados, Copiar. Mueve la figura nueva hacia la derecha. Selecciona las dos figuras y presiona el botón de Unir en el Buscatrazos. Presiona la Herramienta Convertir Puntos de Ancla (Shift-C) y da click en el punto de anclaje más bajo de la figura. Obtendrás una curva afilada en la punta de la fecha. Ahora haz una copia de este corazón y arrástralo en algún lugar de tu mesa de trabajo para usarlo después.

Y el último paso: ¡mueve para abajo esta curva afilada de la punta usando la Herramienta de Selección Directa (A) para que veas qué tan afilada puede ser una flecha del amor!

creating the tip of the arrow 2creating the tip of the arrow 2creating the tip of the arrow 2

Paso 5

Usando la Herramienta Rectángulo (M), crea un rectángulo largo y coloca la punta de la flecha sobre el.

placing the tip on the arrowplacing the tip on the arrowplacing the tip on the arrow

Paso 6

Dibuja otro rectángulo, toma la Herramienta Selección Directa (A) y mueve los dos puntos de anclaje hacia la izquierda. Tendrás una figura en forma de tubería paralela. Mantén seleccionada esta figura y presiona click derecho > Transformar > Reflejo. Introduce Eje Horizontal, Ángulo 0 grados y presiona Copiar. Muévela hacia abajo como se muestra en la figura de abajo.

creating the last part of the arrow creating the last part of the arrow creating the last part of the arrow

Paso 7

Crea toda la flecha. También puedes agregar un círculo blanco para resaltar.

composing the arrowcomposing the arrowcomposing the arrow

Paso 8

Dale a cupido las armas del amor. Ten cuidado con los brazos: el brazo derecho debe estar sobre el arco y la flecha y los "dedos" del brazo izquierdo también.

placing the arrow and bowplacing the arrow and bowplacing the arrow and bow

11. Haciendo e Fondo

Paso 1

Crea un cuadrado azul (R=184 G=223 B=255) detrás de cupido, 600 px de profundidad y altura.

creating the backgroundcreating the backgroundcreating the background

Paso 2

Cambia el color a R=221 G=242 B=245 y usa círculos para dibujar las nubes. Después cambia el color a R=232 G=247 B=249 y dibuja más círculos encima de las nubes, así como lo hiciste con el cabello de cupido. Agrupa cada nube por separado.

creating the cloudscreating the cloudscreating the clouds

Paso 3

Pon las nubes detrás de cupido, pero en frente del fondo.

placing the cloudsplacing the cloudsplacing the clouds

Paso 4

¿Recuerdas la copia del corazón que guardaste para después? ¡Ahora es el momento! Cambia el color del fondo a R=131 G=185 B=231 y copia y pégalos alrededor. Pon un corazón (color de relleno R=251 G=210 B=209) en los calzoncillos de cupido.

spreading the heartsspreading the heartsspreading the hearts

Conclusión

¡Felicidades, tu ilustración de cupido está lista! ¡Ahora ya puedes confesar tu amor a tu enamorado este Día de San Valentín!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads