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

Cómo Crear una Ilustración de Relajación con Café en Adobe Illustrator

Scroll to top

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

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

Todos tienen su manera de relajarse y de disfrutar su vida. Uno de mis momentos favoritos del día es tomar un café por la mañana-éste es casi el único momento cuando me puedo sentar cómoda y leer algunos libros porque una vez que se acaba ese momento, me pongo mi atuendo de Mujer Maravilla tratando de terminar todo el trabajo.

En éste tutorial, quiero compartir éste momento especial al ilustrar a una dama que se está relajando con su café. Mientras creas ésta ilustración, aprenderás a manipular formas y también te familarizarás con la Herramienta Anchura, que no he usado antes en mis tutoriales previos. Como es habitual, usaremos formas básicas y el Efecto Deformar.

¿Por qué no exploras GraphicRiver y encuentras más personajes? Quizá decidirás hacer otro estilo de cabello o incluso ropa, quién sabe...

1. Cómo Crear la Cabeza

Paso 1

Después de abrir Adobe Illustrator, crea un nuevo documento con una Anchura y Altura de 850 x 850 px.

Usando la Herramienta Elipse (L), dibuja un óvalo. En la imagen de abajo, puedes ver qué color de relleno necesitas. Para dar a la cabeza una forma irregular, ve a Efecto > Deformar > Inflar. Ingresa las opciones que ves abajo.

creating the head shapecreating the head shapecreating the head shape

Paso 2

Comencemos dibujando la parte superior del cabello. Dibuja dos óvalos crema con la Herramienta Elipse (L). Toma la Herramienta Selección Directa (A) y mueve los manejadores de los puntos ancla para crear la forma que quieres.

creating the front haircreating the front haircreating the front hair

Paso 3

Para crear cabello largo, haz otro óvalo crema y cambia su forma: ve a Efecto > Deformar > Inflar. Ingresa las opciones mostradas abajo. Asegúrate de colocar éste óvalo detrás de la cabeza (Control-C, Control-B).

creating the back haircreating the back haircreating the back hair

Paso 4

Hagamos una banda para cabello. Crea otros dos círculos usando la Herramienta Elipse (L), y hazlos que se superpongan como en la imagen de abajo. Ve al panel Buscatrazos y presiona el botón Menos Frente.

creating the hair bandcreating the hair bandcreating the hair band

Paso 5

Coloca ésta banda en el cabello.

Ahora agregaremos las orejas. Haz otro óvalo pequeño y rótalo a la izquierda. Coloca ésta oreja en el lado izquierdo de la cabeza. Mientras mantienes la oreja izquierda seleccionada, haz click-derecho con tu mouse y selecciona Transformar > Reflejo. Una vez que tengas un cuadro de diálogo, selecciona Eje Vertical, Ángulo de 90 grados, y presiona Copiar. Mueve la nueva oreja a la derecha.

placing the hair bandplacing the hair bandplacing the hair band

Paso 6

Para los ojos soñadores y relajados, crea un óvalo. Luego toma la Herramienta Tijeras (C) y haz click en los lados izquierdo y derecho de la elipse. Elimina la parte superior de la elipse al presionar el botón Suprimir en tu teclado. Debería quedarte un arco. Incrementa el Grosor del trazo y marca Remate Extremo Redondeado en el panel Trazo.

Para agregar pestañas, haz una copia de éste arco, decrementa el grosor del trazo, y únelo al vértice izquierdo de arco más grande. Haz otra copia de éste pequeño arco. Nuestro ojo romántico está listo.

creating the eyecreating the eyecreating the eye

Paso 7

Coloca el ojo izquierdo en el rostro y crea el ojo derecho. Haz click-derecho en tu mouse y selecciona Transformar > Reflejo. Una vez que tengas un cuadro de diálogo, selecciona Eje Vertical, Ángulo de 90 grados, y presiona Copiar. Mueve el nuevo ojo a la derecha.

placing the eye and creating another oneplacing the eye and creating another oneplacing the eye and creating another one

Paso 8

Ahora los labios. Creemos una pequeña elipse rojo opaco y al usar la Herramienta Convertir Punto de Ancla (Mayúsculas-C), haz punteados los puntos de ancla izquierdo y derecho al hacer click en ellos. Después de eso, selecciona esos dos puntos de ancla de nuevo (con la Herramienta Selección Directa (A))  muévelos arriba al presionar la Flecha Arriba en tu teclado.

Para el labio superior, crea otra pequeña elipse roja. Selecciona los puntos de ancla superior e inferior con la Herramienta Selección Directa (A)) y mueve a la derecha al presionar la Flecha Derecha en tu teclado. Haz una copia reflejada de ésta forma: click-derecho en tu mouse y selecciona Transfomar > Reflejo. En el cuadro de diálogo, selecciona Eje Vertical, Ángulo de 90 grados, y pulsa Copiar. Mueve ésta copia a la derecha. Los labios están listos.

(Nota: No necesitas los trazos negros-es solo para mostrarte la forma y la colocación).

creating the lipscreating the lipscreating the lips

Coloca los labios en el rostro.

placing the lipsplacing the lipsplacing the lips

Paso 9

Dále a la dama unas gafas.

Crea un óvalo con un trazo de color gris oscuro y ningún relleno. Para crear la forma mostrada abajo, mueve los manejadores de los puntos de ancla al usar la Herramienta Selección Directa (A). Agrega una línea desde el lado izquierdo de ésta forma usando la Herramienta Segmento de Línea (\).

Luego crea la parte derecha de las gafas, igual como lo hemos hecho en los pasos previos: click-derecho, Transformar > Reflejo. En el cuadro de diálogo, selecciona Eje Vertical, Ángulo de 90 grados, y pulsa Copiar. Mueve ésta copia a la derecha. Usa la Herramienta Arco para hacer la parte de en medio de las gafas y adjunta los lentes. Un elegante par de gafas está listo. Puedes experimentar con la forma de los marcos para crear un original par de gafas como tu quieras.

creating the glassescreating the glassescreating the glasses

Ahora coloca el par de gafas en el rostro.

placing the glassesplacing the glassesplacing the glasses

2. Cómo Crear el Cuerpo

Paso 1

Comencemos creando el cuello y los hombros. Para el cuello, crea un rectángulo usando la Herramienta Rectángulo (M) y únelo a la cabeza. Después de eso, crea un óvalo horizontal (usa la Herramienta Elipse (L)) y únelo al cuello.

creating the neckcreating the neckcreating the neck

Paso 2

En éste paso, crearemos el cuerpo de la dama. Usando la Herramienta Rectángulo Redondeado, crea un rectángulo redondeado gris. Modifiquemos la parte inferior de ésta forma. Usaremos el efecto Pez: ve a Efecto > Deformar > Pez e ingresa las opciones de abajo.

creating the bodycreating the bodycreating the body

Paso 3

Para crear los brazos, comenzaremos con un arco. Primero, eliminar el color de relleno y establece el color de trazo similar al color del cuerpo. Marca el Remate Extremo Redondeado en el panel Trazo y haz el Grosor de éste trazo muy grueso. Ahora, usando la Herramienta Arco, dibuja los brazos de la mujer. Mueve los manejadores de los puntos de ancla para lograr el resultado que necesites.

creating the armscreating the armscreating the arms

Paso 4

Continuemos dibujando los brazos.

Usando la Herramienta Segmento de Línea (\), crea la parte inferior del brazo derecho. Luego usando la Herramienta Arco, crea el brazo izquierdo.

Ahora modificaremos éstas formas para que éste parte sea un poco más delgada que la parte superior del brazo. Selecciona la Herramienta Anchura (Mayúsculas-W) y cuando coloques el mouse sobre la muñeca de la mujer, verás nuevos manejadores. Si mueves éstos manejadores afuera de la línea, la anchura de la línea aumentará en un extremo. Si mueves los puntos de ancla dentro de la línea, la anchura aumentará. Así que continúa y haz los brazos un poco más delgados alrededor del área de la muñeca.

creating the arms 2creating the arms 2creating the arms 2

Paso 5

Para las manos, usaremos dos óvalos, que serán modificados al manipular sus manejadores. Recuerda eliminar el color de trazo y establecer el color de relleno.

creating the handscreating the handscreating the hands

Aquí tenemos una mirada cercana a las posiciones del manejador para la mano derecha de la dama.

creating the hands 2creating the hands 2creating the hands 2

Paso 6

Ahora crearemos la taza. Toma la Herramienta Rectángulo (M) y crea un rectángulo. Mantenlo seleccionado y ve a Efecto > Deformar > Abombar. Ajusta las opciones como se muestra en la imagen de abajo. Elimina el color de relleno y haz el mismo trazo. Incrementa el trazo en el panel Trazo y dibuja un círculo (para un bonito círculo redondo necesitas mantener presionada la tecla Mayúsculas). Ese es el manejador.

creating the cupcreating the cupcreating the cup

Coloca la taza debajo de la mano derecha de la dama, pero sobre el cuerpo.

placing the cupplacing the cupplacing the cup

3. Cómo Crear las Caderas y las Piernas

Paso 1

Usando la Herramienta Elipse (L), haz un óvalo y únelo a la parte inferior del cuerpo. Usando la Herramienta Selección Directa (A), mueve ambos puntos de ancla hacia abajo. Esas son las caderas.

creating the hipscreating the hipscreating the hips

Paso 2

Hagamos las piernas.

Toma la Herramienta Segmento de Línea (\), y dibuja dos líneas verticales. Para obtener una línea recta, manten presionada la tecla Mayúsculas mientras dibujas la línea. Recuerda eliminar el color de relleno y elegir el mismo color de trazo que el color de la piel. Antes de dibujar, asegúrate de marcar el botón Remate Extremo Redondeado en el panel Trazo y ajustar el Grosor apropiado del trazo. Para cambiar el grosor de las piernas, selecciona la Herramienta Anchura (Mayúsculas-W) y mueve los manejadores para hacer la parte superior de la pierna más gruesa y la parte del tobillo un poco más delgada.

creating the legscreating the legscreating the legs

Paso 3

Para los zapatos, dibuja un óvalo con la Herramienta Elipse (L) y colócalo detrás de la pierna. Usando la Herramienta Selección Directa (A), mueve los manejadores del óvalo para crear la forma que parecerá un zapato.¡Diseña como quieras tus zapatos favoritos!

creating the shoescreating the shoescreating the shoes

4. Cómo Crear el Fondo y la Mesa

Paso 1

Crea un cuadrado azul claro detrás de la mujer, 850 px de Anchura y Altura, usndo la Herramienta Rectángulo (M).

creating the backgroundcreating the backgroundcreating the background

Paso 2

Para la mesa, agrega un rectángulo redondeado blanco usando la Herramienta Rectángulo Redondeado.

creating the table topcreating the table topcreating the table top

Paso 3

Agrega dos rectángulos verticales usando la Herramienta Rectángulo (M), para las patas de la mesa.

creating the table legscreating the table legscreating the table legs

Paso 4

Para la decoración de la mesa, añade dos espirales junto a las patas de la mesa usando la Herramienta Espiral. Si no ves ésta herramienta, manten presionado el botón dela Herramienta Segmento de Línea (\) por unos segundos, y aparecerá un menú emergente-entonces puedes seleccionar la Herramienta Espiral.

Haz click en tu mesa de trabajo y una nueva ventana de diálogo aparecerá, pidiéndote el Radio para tu espiral, Decaimiento y Segmentos. Recomiendo experimentar con diferentes Decaimiento y Segmentos para descubrir cuál te gusta más. Selecciona el botón Remate Extremo Redondeado en el panel Trazo y ajusta el Grosor de trazo apropiado para ésta espiral. Crea una espiral y haz otra copia vertical de ella.

creating the table decorationscreating the table decorationscreating the table decorations

5. Cómo Crear la Silla

Paso 1

Para el asiento de la silla, crea un rectángulo redondeado usando la Herramienta Rectángulo Redondeado.

creating the chair topcreating the chair topcreating the chair top

Paso 2

Para el respaldo de la silla, crea un óvalo sin relleno y trazo blanco usando la Herramienta Elipse (L). Coloca éste óvalo detrás de la mesa y de la dama. Modifica ligeramente la forma del óvalo moviendo hacia arriba su punto de ancla inferior.

creating the chair backcreating the chair backcreating the chair back

Paso 3

Para agregar las patas de la silla, crea un rectángulo vertical usando la Herramienta Rectángulo (M) y un rectángulo redondeado horizontal con la Herramienta Rectángulo Redondeado.

creating the chair bottomcreating the chair bottomcreating the chair bottom

Paso 4

Para decorar la silla, agrega dos espirales en la parte inferior de la pata de la silla. Cra una espiral usando la Herramienta Espiral y haz una copia vertical con la Herramienta Reflejo (O).

creating the chair decorationscreating the chair decorationscreating the chair decorations

¡Fabuloso Trabajo, Terminaste!

¡Terminamos! ¡Genial Trabajo! Espero que hayas disfrutado el proceso de ilustrado usando Adobe Illustrator y hayas aprendido algunos nuevos consejos y trucos, ¡que puedes usar en el futuro! Ahora es momento de relajar y tomar una taza de café. Disfruta, diviértete ¡y no olvides compartir tu diseño con nosotros!

final imagefinal imagefinal image