Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Animals
Design

Cómo vectorizar un perro de caza animado en Adobe Illustrator.

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

En este tutorial iremos a través del proceso de dibujar una simple escena de otoño con un perro de caza con estilo animado. Usaremos las versátiles herramientas de dibujo y pinceles artísticos personalizados de Adobe Illustrator para crear un efecto de textura sutil en la piel de nuestro spaniel, haciéndola parecer más interesante y realista. ¡Vamos a empezar!

1. Dibujar las partes básicas del perro

Paso 1

Vamos a empezar desde la cabeza de nuestro perro haciendo un círculo de 80 x 80 px, usando la Herramienta Elipse (L). Llena el círculo con un color beige brillante.

A continuación necesitamos formar la parte de la nariz. Para esto, vamos a usar la Herramienta Lápiz (N) para dibujar una forma de arco simple, que nos recuerda del pico de un pato.

make a head base and shape the nose

La Herramienta de Pincel (N) es una muy poderosa herramienta de Adobe Illustrator, con configuraciones flexibles.

Puedes abrir la ventana de Opciones haciendo doble clic en la Herramienta Lápiz (N) en el panel Herramientas. Aquí puedes cambiar la Fidelidad, mueve el regulador a la parte Exacta si deseas que la línea sea más detallada y contenga más puntos de ancla, o el lado Liso, que hace la línea más fluida y suave.

La Herramienta Lápiz (N) es conveniente utilizarla para la elaboración, por lo que no necesariamente necesitas una tableta gráfica, puedes usar el mouse en su lugar.

pencil tool settings

Paso 2

Selecciona ambas formas y utiliza la función de Unir del panel Buscatrazos para combinarlas en un único objeto.

Selecciona el punto de ancla inferior y utiliza la función Convertir puntos de ancla seleccionados a suaves en el panel de control superior para hacer la parte inferior de la forma redondeada. Puedes editar la posición de un punto y sus asas de ancla con la ayuda de la Herramienta Punto de Ancla (Shift-C).

unite the shapes and edit the anchor point

Paso 3

Selecciona el punto de ancla superior con la Herramienta de Selección Directa (A) y muévelo hacia abajo un poco, haciendo plana la parte superior de la cabeza.

make the shape flat

Paso 4

Toma la Herramienta Elipse (L) y coloca un círculo de color marrón oscuro en la cabeza, formando la base de la oreja. Utiliza la Herramienta Lápiz (N) para hacer una forma ondulada, que represente el oído de un spaniel encrespado.

form the base of the ear and add wavy shape

Paso 5

Une ambas formas del oído en el Buscatrazos, formando una sola forma.

unite the ear parts

Paso 6

Vamos a hacer más detallada la oreja. Primero, toma la Herramienta Polígono y haz una forma de tres lados. Luego aplasta la forma, haciendo un triángulo estrecho y afilado.

make a triangle with polygon tool

Paso 7

Manteniendo el triángulo seleccionado, ve a Efecto > Deformar > Arco y selecciona Curva Vertical con valor de 25%, moviendo el control deslizante a la derecha. Objeto > Expandir Apariencia para aplicar el efecto.

Guarda una copia extra de la forma arqueada, ya que la usaremos varias veces durante nuestro tutorial.

apply warp arc effect to the triangle

Paso 8

Ahora vamos a colocar el triángulo arqueado en la parte inferior de la oreja, haciendo una muesca. Haz varias copias (presiona Alt y arrastra para copiar la forma seleccionada), colocándolas a lo largo de la parte inferior de la oreja. Selecciona todas las formas de triángulo, haz clic en el botón derecho del mouse y Haz una Ruta Compuesta, o presiona Control-8 para unir las partes separadas en un único objeto.

Finalmente, selecciona ambos oídos y los triángulos, y haz clic en Menos Frente en el panel Buscatrazos para cortar las muescas.

make a compound path and use minus front in pathfinder

Aquí está lo que obtendrás después de aplicar la función de Menos Frente.

cut out the notches

Paso 9

Vamos a formar el cuerpo de nuestro perro. Empieza haciendo un elipse de 190 x 95 px y ve a Efecto > Deformar > Arco, configura el valor de Curva Vertical a 15%, haciendo parecer la forma abultada

make the body ellipse and apply warp arc effect

Paso 10

Ahora necesitamos aplicar otro efecto de deformación, pero manteniendo el primero que aplicamos. Y aquí está el truco. Ve al panel Apariencia (Ventana > Apariencia). Desde aquí, selecciona el efecto de Deformación de Arco que ya hemos aplicado, y haz clic en el botón Duplicar Sección Seleccionada en la parte inferior del panel de Apariencia para aplicar otro efecto de Deformación, sin reemplazar el primero.

Haz clic en duplicar efecto en el panel de Apariencia, y en la ventana de Opciones cambia la configuración a -30% Curva Horizontal, haciendo la forma un poco arqueada.

add another warp effect in the appearance panel

Paso 11

Objeto > Expandir Apariencia para aplicar ambos efectos a la forma y aplastarla un poco, haciéndola más delgada. Conecta el elemento creado a la cabeza del perro, haz clic derecho y Enviar al Fondo, o presiona Shift-Control-[ para mover la forma del cuerpo debajo de los otros elementos.

attach the body to the head and send it to back

Paso 12

Vamos a añadir las patas de nuestro perro.  Ármate con la Herramienta Lápiz (N) y dibuja una pierna delgada y estilizada. Agrega algunos pelos en la parte superior de la pierna, haciéndola más gruesa.

draw a leg with the pencil tool

Paso 13

Ahora vamos a formar las muescas en la parte peluda de la pierna de la misma manera como hicimos con el oído del perro. Coloca varias copias del triángulo arqueado por encima de la piel, selecciona estas copias y presiona Control-8 para hacer un Trazo Compuesto.

Selecciona la forma de la piel y las partes dentadas y aplica la función Menos Frente del Buscatrazos para cortar las piezas.

cut out the notcher with Minus Front function of Pathfinder

Paso 14

Forma la pata trasera de nuestro spaniel utilizando la Herramienta Lápiz (N). Copia la forma creada y Envíala al Fondo (Shift-Control-[). Haz la copia más oscura y muévela a la izquierda, formando la segunda pata trasera.

draw the back legs of the dog

Paso 15

Dibuja la segunda pata delantera con la Herramienta Lápiz (N), haciéndola curva y levantada. Ubica la pata debajo de los otros elementos, haciéndola un poco más oscura que el cuerpo. Colaca varias muescas de triángulo encima de la parte peluda de la pata y córtalas usando la función de Menos Frente del Buscatrazos.

draw the front leg and add notches

Paso 16

Añade algo más de pelos al pecho, dibujando una forma curva con la Herramienta Lápiz (N) y cortando un poco de muescas.

add fur to the chest

Paso 17

Ahora vamos a formar una cola para dar al cuerpo de nuestro perro un aspecto acabado. Haz una elipse aplastada de color marrón oscuro con la Herramienta Elipse (L). Ve a Efecto> Deformar > Arco y configura el valor de la Curva Horizontal a -50%, haciendo la forma de arco.

form the tail from ellipse and apply warp arc effect

Paso 18

Haz el extremo de la cola apuntado moviendo las asas de ancla con la Herramienta Punto de Ancla (Shift-C).

Make the tip of the tail pointed with the Anchor Point Tool

Paso 19

Coloca las muescas de triángulo en la parte inferior de la cola y corta utilizando la función  de Menos Frente del Buscatrazos.

cut out the triangle notches with minus front

2. Añadir detalles menores y aplicar texturas

Paso 1

Ahora vamos a hacer los detalles faciales de nuestro perro. Empecemos con la nariz.

Toma la Herramienta Lápiz (N) y dibuja una nariz de color marrón oscuro con un orificio nasal. Si el elemento creado se superpone a la forma de la cabeza, está totalmente bien. Para solucionar esto, selecciona la cabeza y la nariz, toma la Herramienta Construir Forma (Shift-M), mantén presionada la tecla Alt y haz clic en las piezas innecesarias fuera de la cabeza. De esta forma se elimina la parte no deseada en un solo clic.

draw the nose and cut off the pieces with Shape Builder Tool

Paso 2

Ahora vamos a probar otra herramienta de dibujo de Adobe Illustrator.

Selecciona la Herramienta Pincel de Gota (Shift-B), la puedes encontrar en el mismo menú desplegable como la Herramienta Pincel (B) en el panel Herramientas.

Haz doble clic en la Herramienta Pincel de Gota (Shift-B) para acceder a la ventana de Opciones. Aquí se puede variar la Fidelidad de su cepillo, haciendo las líneas Exactas o Suaves. Y puedes cambiar la forma de tu cepillo así.

En nuestro caso, dejo la forma del cepillo redondo, ajusta su tamaño a 3 pt. Puedes aumentar o disminuir el tamaño del pincel, usando las teclas de Corchete ([ y ]) en el teclado.

Cuando hayas configurado la Herramienta Pincel de Gota (Shift-B), dibuja una línea ondulada, formando una boca sonriente. Elimina la pieza no deseada fuera de la cabeza, con la Herramienta Construir Forma (Shift-M) manteniendo presionado Alt. Agrega unos puntos redondeados debajo de la nariz, haciendo más detallada la cara.

use the Blob Brush tool to form the mouth

Paso 3

Añade un poco de tono marrón más claro en la parte superior de la cabeza. Coloca un ojo en forma de media luna beige sobre el punto con la Herramienta Lápiz (N) o la Herramienta Pincel de Gota (Shift-B), formando un párpado cerrado.

add a spot and a closed eye

Paso 4

Ahora vamos a hacer algunos elementos con textura a nuestro perro, ¡dándole un aspecto peludo y de lujo!

Selecciona la mancha marrón que hemos creado y la cabeza, en el panel Pinceles (Ventana > Pinceles). Abre el menú Biblioteca de Cepillos (un icono de la pequeña estantería en la esquina inferior izquierda del panel Pinceles) y selecciona Artístico > Artistic_ChalkCharcoalPencil.

Desde aquí puedes seleccionar cualquier pincel con textura a tu gusto, aplicando en el lugar como un Trazo. En nuestro caso, vamos a seleccionar el Carboncillo – Fino cepillo.

apply textured brush stroke to the shape

Paso 5

Como puedes ver, el color del trazo parece ser un poco más ligero que el color de la mancha, incluso si establecemos el mismo color para el Relleno y el Trazo.

Para solucionar esto, vamos a Objeto > Expandir Apariencia de la forma. Ahora tenemos el contorno de textura como un objeto independiente en el panel Capas. Selecciónalo, elige y aplica el color marrón oscuro, utilizando la Herramienta Cuentagotas (I), haciendo las formas encajar perfectamente y parecer una sola.

expand the textured stroke and apple the same colors for both shapes

Paso 6

Vamos a formar otra mancha en la parte posterior del spaniel, rellena con el mismo color que la cola.

add a spot to the dogs back

Paso 7

Añade algunos puntos más para el cuerpo y aplica Lápiz – Trazo Grueso del mismo conjunto de cepillo Artistic_ChalkCharcoalPencil.

Para hacer la ilustración aún más interesante, puedes aplicar un cepillo diferente para cada punto, haciendo que cada uno parezca único. Objeto > Expandir Apariencia de las manchas y hacer que los colores se combinen.

apply textured strokes to the spots and expand them

Paso 8

Selecciona las formas superpuestas y utiliza la Herramienta Construir Forma (Shift-M) mientras mantienes presionada la tecla Alt para cortar los pedazos innecesarios fuera del cuerpo. Puedes Unir la textura y la mancha en el Buscatrazos  para que sea más conveniente trabajarla.

delete the unwanted parts with Shape Builder Tool

Paso 9

Vamos a terminar nuestro perro añadiendo un poco más de puntos aquí y allá a tu gusto. Por ejemplo, aparte de las manchas en el cuerpo, coloca dos puntos más en las piernas, aplica texturas y utiliza la Herramienta Construir Forma (Shift-M) para cortar partes no deseadas.

¡Gran trabajo! Ahora podemos seguir adelante y crear un fondo simple.

add more textured spots to the dog

3. Representar un fondo conceptual

Paso 1

Para hacer que nuestra ilustración parezca equilibrada y completa, vamos a poner a nuestro perro algún tipo de suelo, rellenando nuestra imagen con un espíritu de otoño. Usa la Herramienta Elipse (L) para ubicar una forma marrón-grisáceo debajo del perro.

Selecciona ambos lados de los puntos de ancla con la Herramienta de Selección Directa (A) y arrastra los puntos hacia abajo, formando un tipo de bulto o pequeña colina.

form a ground from the ellipse

Paso 2

Ahora ármate con la Herramienta Pincel (B), selecciona uno de los cepillos Artísticos de la lista que ya hemos usado, por ejemplo Pincel – Carboncillo, y haz algunos trazos en el suelo, representando el pasto.

Varía los cepillos, la longitud de las hojas del pasto y sus colores para hacer que parezca más realista. Un lápiz con textura sucia aquí ayuda a aumentar el efecto de fantasía al dibujo animado de nuestra ilustración.

use the paintbrush tool to draw the grass

Paso 3

Cambia a la Herramienta Lápiz (N) y empieza a dibujar una superficie ondulada debajo de la colina. Rellena la forma creada con el mismo color que el suelo, utilizando la herramienta Cuentagotas (I), haciendo que las formas se combinen entre sí.

draw a wavy shape with the Pencil Tool

Paso 4

Utiliza la Herramienta de Selección Directa (A) y la Herramienta Punto de Ancla (Shift-C) para mover los puntos de ancla y sus asas, haciendo las formas más redondeadas y lisas. Puede que necesites añadir algunos puntos de ancla adicionales con la Herramienta Añadir Punto de Ancla (+) o, por el contrario, eliminar los puntos innecesarios con la Herramienta Eliminar Punto de Ancla (-).

edit the shapes to make them more rounded and smooth

Paso 5

Cambia el color de Relleno a azul-grisáceo y empieza a dibujar otra forma ondulada, curva, utilizando la Herramienta Lápiz (N). Termina dibujando la forma y Envíala al Fondo (Shift-Control-[), debajo del suelo, formando una superficie de agua.

draw a wavy blue shape for the water

Paso 6

Edita las curvas de la superficie del agua moviendo los puntos de ancla y sus asas, como lo hicimos anteriormente. Añade unas pequeñas partes del suelo y el agua, haciendo más detallada la ilustración.

edit the shapes and add minor parts

Paso 7

Ahora vamos a hacer un rectángulo de 800 x 600 px con la Herramienta Rectángulo (M) y a rellenar con un color amarillo muy claro, rellena nuestra imagen con atmósfera otoñal. Coloca la forma creada en el fondo, que los principales elementos de nuestra composición permanezcan en el centro.

add a light-yellow rectangle for the background

Paso 8

Vamos a terminar nuestra ilustración añadiendo algunos detalles menores.

Toma la Herramienta Lápiz (N) y dibuja una forma curva suave, formando una nube de dibujos animados. No necesitas hacer el trazo cerrado, sólo empieza de la izquierda y muévelo hacia la derecha, terminando justo en el punto. De esta manera, después de aplicar un color de Relleno blanco, obtendremos una línea recta horizontal en la parte inferior de nuestra nube, justo como la necesitamos.

draw a cloud with the Pencil Tool

Paso 9

Dibuja algunas nubes más con diferentes formas y extiéndelas aquí y allá sobre el cielo, encima de la cabeza del perro.

add more clouds

¡Woof! ¡Nuestra ilustración de perro de caza está terminada!

¡Gran trabajo! Hemos rellenado nuestra imagen con un espíritu de otoño cálido y exitosamente terminado con un carácter animado.

Espero que hayas disfrutado jugando con las versátiles herramientas de dibujo de Adobe Illustrator y aprendido algunos nuevos tips y trucos sobre la aplicación de texturas y usando cepillos en tu obra de arte. ¡Diviértete y no olvides compartir tu arte con nosotros!

cartoon hunting spaniel dog textured illustration is finished
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.