Advertisement
  1. Design & Illustration
  2. Character Design

¡Om! Cómo crear un dibujo animado de una vaca meditando en Adobe Illustrator

Scroll to top
Read Time: 13 min

() translation by (you can also view the original English article)

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

Únete a mí y sigue este tutorial alegre y meditativo si deseas aprender algunas técnicas de coloración simple en Adobe Illustrator. Utilizaremos la Herramienta de Malla mientras dibujamos una linda vaca animada, flotando en la pose de yoga Lotus sobre un prado verde. ¡Coge tu mouse o pluma de tableta, relaja tu mente y comencemos!

1. Crea las formas básicas de vaca en tu bosquejo

Paso 1 

Empecemos por hacer un bosquejo áspero en papel o digital. Puedes utilizar mi imagen, que he garabateado con la Herramienta Lápiz (N) a la derecha en Adobe Illustrator.

cow sketchcow sketchcow sketch

En primer lugar vamos a crear las formas básicas de la cabeza. Utiliza la Herramienta Rectángulo Redondeado con un Radio de 50px para hacer una forma suave para la nariz y usa la Herramienta de Deformación (Shift-R) (puedes comprobar la configuración de mi herramienta en la captura de pantalla) para deformar la nariz, en la parte superior. Añade el labio inferior de la vaca y deformalo, arrastrando su parte inferior hacia abajo un poco.

warp tool for the nosewarp tool for the nosewarp tool for the nose

Paso 2

Cambia el color del relleno de la nariz a un tono más piel, y agrega la base de la cabeza de color marfil con la ayuda de la Herramienta Elipse (L). Sitúa la forma de la cabeza por debajo (Shift-Control- [) y dibuja un par de formas redondeadas con la Herramienta Lápiz (N), o utiliza la Herramienta Elipse (L) también para agregar dos elipses aplastadas.

add basic head shapeadd basic head shapeadd basic head shape

Paso 3

Vamos a añadir las formas básicas del cuerno a la cabeza de la vaca. Forma una elipse aplastada y ve a Efecto > Deformación > Arco, ajusta el valor de la Curva Horizontal a -7% para hacer que la forma gotee en la parte inferior. Objeto > Expandir Apariencia y vuelve a aplicar el efecto de Arco, esta vez el valor Vertical de la Curva al 60%, haciendo su forma ligeramente arqueada a la izquierda.

form the horn base with arc effectform the horn base with arc effectform the horn base with arc effect

Haz el segundo cuerno y colócalos detrás de la forma básica de la cabeza.

add second hornadd second hornadd second horn

Paso 4

Pasa al cuerpo de la vaca. Debes crear otro rectángulo redondeado, colócalo debajo de todas las otras formas y edítalo con la Herramienta Deformar (Shift-R), haciéndola más ancha en la parte inferior.

add basic body and warp itadd basic body and warp itadd basic body and warp it

Paso 5

Dibuja una forma de tronco curvada con la Herramienta Lápiz (N) (aumenta la Fidelidad de la Herramienta Lápiz para hacer las formas más suaves) y forma un casco redondeado, que recuerda a una herradura. Duplica el brazo creado y coloca la copia reflejada en el otro lado del cuerpo con la ayuda de la Herramienta Reflejar (R).

add armsadd armsadd arms

Paso 6

Ahora vamos a formar las patas de la vaca, las pondremos en la bien conocida pose de Loto . En primer lugar, añadiremos una elipse deformada por la parte posterior de la pierna, rellenamos con un color ligeramente más oscuro que las otras partes del cuerpo. Luego utiliza la Herramienta Lápiz (N) para formar la curvatura estrecha en la parte delantera de la pierna. Haz la punta bifurcada, representando una pezuña.

Coloca una forma a mano alzada de color marrón oscuro sobre la parte del casco y utiliza la función Intersectar del panel Buscatrazos para cortar las partes innecesarias.  No te olvides de duplicar la forma de la pierna antes de usar las características de Buscatrazos, ya que generalmente elimina ambos objetos que interactúan.

add legsadd legsadd legs

2. Utiliza Malla para colorear y animar los objetos

Paso 1

Vamos a empezar avivando nuestra imagen desde el primer elemento que hemos creado: la nariz de la vaca. Selecciona la forma y ve a Objeto > Crear malla de degradado. Establece 4 para las filas y 3 para la cantidad de columnas en la ventana de opciones emergentes y haz clic en Aceptar

¡Ahora la parte divertida! Arma con la Herramienta de Selección Directa (A) y comienza a colorear seleccionando dos puntos de anclaje superiores en la parte media de la nariz y haciéndolos más ligeros que la forma básica de la nariz. Luego selecciona los puntos de anclaje en los bordes de nuestra forma y hazlos más oscuros, formando una sombra a lo largo del perímetro. Notarás que la forma se vuelve más tridimensional y suave a la vez.

Utiliza la misma técnica en la boca de la vaca, haciendo que su parte superior tenga un color más oscuro. Puedes convertir la forma en malla directamente con la Herramienta Malla (U) haciendo clic en el objeto y luego agregando las filas y columnas que necesites haciendo clic con la Herramienta Malla (U) otra vez en varias partes de su forma (generalmente hacer clic en el centro y en los bordes de los objetos).

apply gradient mesh to the noseapply gradient mesh to the noseapply gradient mesh to the nose

Paso 2

Vamos a agregar iluminación ambiental para hacer la superficie más realista. Toma la Herramienta Malla (U) y haz clic en las líneas centrales de los verticales y horizontales que están más cerca a los bordes, creando varias filas y columnas (las líneas se cruzan en el lugar que tú ha seleccionado).

Ahora toma la Herramienta Lazo (Q) y los puntos sobre las líneas recién creados, haciéndolos un poco más oscuro. A continuación, selecciona sólo los puntos exteriores a lo largo del borde de la forma. Mantén oprimida la tecla Shift si no se pueden seleccionar todos los puntos a la vez. Finalmente, rellena los puntos seleccionados con un color rosa más claro, haciendo que los bordes brillen.

apply gradient mesh to the nose 2apply gradient mesh to the nose 2apply gradient mesh to the nose 2

Paso 3

Vamos a intentar el mismo método de coloración para la cabeza de la vaca. Primeramente, Objeto > Crear gradiente de malla con 3 filas y 4 columnas. Añade 2 filas más y 2 columnas muy cerca del borde, a lo largo de cada lado de la forma, con la ayuda de la Herramienta Malla (U). Luego, selecciona los pares de puntos de anclaje que están al lado del borde y haz que el color de relleno sea beige más oscuro, dejando el color marfil de central.  Como vemos, la forma llega a ser bombeada y se parece más a una esfera.

apply gradient mesh to the headapply gradient mesh to the headapply gradient mesh to the head

Paso 4

Ahora haz el mismo truco con la Herramienta Lazo (Q) para crear un efecto de oclusión ambiental. Selecciona los puntos de anclaje exteriores a lo largo del perímetro de la forma y hazlos mucho más ligeros, como si hubiera una fuente adicional de luz detrás de nuestro personaje.

apply gradient mesh to the head 2apply gradient mesh to the head 2apply gradient mesh to the head 2

Paso 5

Cuando estés satisfecho con los colores, deforma la cabeza con la Herramienta Deformar (Shift-R), haciendo su parte inferior más ancha que la parte superior.

Pasemos a la oreja derecha, esta vez estableciendo el valor de filas en 3 y las columnas en 2 en la ventana de opciones Crear Malla de Degradado. Agrega más líneas a lo largo de los bordes de la forma de la malla y aplica los mismos colores que en la cabeza de la vaca para preservar la paleta total de caracteres.

edit the ears with meshedit the ears with meshedit the ears with mesh

Paso 6

Añade la parte interior del oído y usa la herramienta Reflejo (R) para reflejar el oído sobre el Eje Vertical, colocando su copia en el otro lado de la cabeza.

edit the ears with mesh 2edit the ears with mesh 2edit the ears with mesh 2

Paso 7

¡Pasemos a los cuernos y vamos a hacerlos brillantes y pulidos! Crea una Malla de Degradado con 2 filas y 2 columnas y agrega varias filas y columnas adicionales con la Herramienta Malla (U), haciendo las celdas de la cuadrícula de malla más pequeña.

Selecciona una columna de los puntos de anclaje más cerca del borde izquierdo y llénala con color marrón claro, haciendo un resalte brillante. A continuación, selecciona la columna similar en el lado opuesto del cuerno y hazlo más oscuro. Añade una suave iluminación ambiental a lo largo del borde de la forma y colorea el segundo cuerno de la misma manera, o simplemente puedes reemplazarlo con una copia del acabado.

edit the horns with meshedit the horns with meshedit the horns with mesh

Paso 8

Muévete a la parte central del cuerpo, hazla abombada y tridimensional, de la misma manera que hicimos con la cabeza.

edit the body with meshedit the body with meshedit the body with mesh

Paso 9

En cuanto al brazo, puede que tengas que ajustar la malla un poco con la Herramienta de Selección Directa (A), ya que puede verse deformado al principio cuando se aplica a una forma curva. Selecciona y mueve los puntos de anclaje y sus asas con la Herramienta de Selección Directa (A) así como lo hacemos con un camino regular. Colorea el brazo para que coincida con las otras partes del cuerpo de la vaca.

apply mesh to the armsapply mesh to the armsapply mesh to the arms

Paso 10

Comienza a colorear la "mano" o el casco superior. Añade nuevas líneas de malla con la Herramienta Malla (U) una por una haciendo clic en el contorno de la forma. Esto puede parecer un poco complicado, pero trata de poner las líneas a lo largo de la forma, haciéndolas curvas, para que el casco no se vea plano. Elige el color de los cuernos con la herramienta Cuentagotas (I) y haz que el casco brille.

apply mesh to the hoofsapply mesh to the hoofsapply mesh to the hoofs

Como puedes ver, cada punto de anclaje en nuestra malla tiene cuatro mangos de anclaje. Puedes moverlos y editarlos con la herramienta de Selección Directa (A) y la Herramienta Convertir Punto de Anclaje (Shift-C) para obtener un resultado realista.

apply mesh to the hoofs 2apply mesh to the hoofs 2apply mesh to the hoofs 2

Paso 11

El siguiente elemento a su vez es la parte interna (o superior) de la pierna de la vaca. Trata de hacerla un poco más oscura, ya que está más lejos del espectador que la parte delantera y está cubierta por la sombra del cuerpo.

make legs with meshmake legs with meshmake legs with mesh

Paso 12

Procede con la parte delantera de la pierna. Haz que su punta sea más redondeada para que la rejilla de la malla sea más uniforme.

make legs with mesh 2make legs with mesh 2make legs with mesh 2

Sigue el proceso habitual: agrega más filas y columnas con la Herramienta Malla (U), colocándolas más cerca de los bordes. Por último, aplica los colores, poniendo un tono brillante en el centro y largo del límite de la forma.

make legs with mesh 3make legs with mesh 3make legs with mesh 3

Presta atención a la zona donde dos partes de la pierna se superponen, formando una rodilla. Llena los puntos de anclaje del borde con el mismo color, de modo que las formas se mezclen muy bien entre sí, haciendo una pata doblada.

make legs with mesh 4make legs with mesh 4make legs with mesh 4

Paso 13

Haz el casco más tridimensional por el color de la misma manera que hicimos con la parte "mano" y con los cuernos. Anima el elemento con tonos brillantes de color marrón, logrando un efecto suave y brillante.

make hoof with meshmake hoof with meshmake hoof with mesh

Hemos terminado con los elementos principales de nuestro personaje y así es cómo se ve en esta etapa:

cow elements made with meshcow elements made with meshcow elements made with mesh

3. Añade los detalles menores a la vaca

Paso 1

Comencemos con las partes principales formando un par de fosas nasales en la nariz de la vaca. Coloca una pequeña elipse en el lado izquierdo de la nariz y llénala con gradiente radial, pasando de rojo oscuro en el centro a naranja brillante en el borde, haciendo hincapié en la profundidad del orificio de la nariz. Añade otra elipse debajo de la primera, ligeramente más grande, y llénala con un gradiente lineal de rosa claro a blanco. Cambia a Multiplicar el Modo de Fusión, formando así una suave sombra alrededor de la fosa nasal para profundizar un poco más.

add nostrils with gradientadd nostrils with gradientadd nostrils with gradient

Coloca dos elipses más detrás de la ventana de la nariz, una más grande que la otra, selecciona ambos y utiliza la función Menos Frente del panel Explorador para cortar un agujero. Llena la forma recién creada con gradiente lineal de rojo oscuro a negro, cambiando al Modo de Mezcla de Pantalla para hacer un resaltado. Duplica y refleja la fosa nasal, colocándola en la otra parte de la nariz de la vaca.

add nostrils with gradient 2add nostrils with gradient 2add nostrils with gradient 2

Paso 2

Forma un grupo de elipses de varios tamaños en la parte superior de la nariz y llénalos de color rojo oscuro, cambiando al Modo de Mezcla de Pantalla, haciendo así que la nariz sea irregular y realista.

add spots to the noseadd spots to the noseadd spots to the nose

Paso 3

Volvamos a los cuernos y los hacemos más texturizados y esculpidos. En primer lugar, forma las muescas creando un triángulo estrecho aplastado con la Herramienta Polígono y aplica el efecto de Arco con un valor de Curva Horizontal de 43%, haciendo la forma curva. Objeto > Expandir Aspecto en orden para aplicar la transformación.

create horn notches with warp effectscreate horn notches with warp effectscreate horn notches with warp effects

Haz varias copias y coloca las muescas en la posición apropiada por encima del cuerno. Selecciónalas y Haz un Camino Compuesto (Control-8). Aquí tenemos que cortar las partes no deseadas fuera del cuerno Para ello, selecciona el cuerno y aplica Objeto> Ruta > Ruta de Desplazamiento con valor de Desplazamiento de 0 px, creando así una silueta de cuerno.

Ahora selecciona la silueta creada y las muescas y aplica Intersectar desde el panel Explorador. Haz otra silueta del cuerno con Trayectoria Desplazada, esta vez haciéndola más pequeña. Cambia tanto la forma y las muescas creadas como el Modo de Mezcla de Pantalla, creando una tonalidad brillante, como lo hicimos con las manchas en la nariz de la vaca.

add notches to the hornadd notches to the hornadd notches to the horn

Paso 4

Aplica la Trayectoria Desplazada con un valor de Desplazamiento de 0 px para todo el cuerpo de nuestra vaca, creando una silueta gorda sencilla. Coloca varios círculos por encima de la silueta y corta las partes innecesarias de la misma manera que lo hicimos con las muescas de los cuernos. Llena los puntos creados con el color marrón y cambia al Modo de Mezcla Múltiple, haciéndolos semitransparentes.

add spots to the body add spots to the body add spots to the body

Paso 5

Vamos a formar el vientre rosado de la vaca. Crear una Malla de Gradiente 3x3 y haz la forma más esférica y tridimensional. Utiliza la Herramienta Deformación (Shift-R) para deformar la forma un poco, haciéndola más realista.

add a pink tummyadd a pink tummyadd a pink tummy

Paso 6

No te olvides de añadir las características faciales principales de nuestra vaca. Formemos las cejas. Crea un círculo par con la Herramienta Elipse (L), arrastra su punto de anclaje derecho hacia la derecha con la Herramienta de Selección Directa (A), y haz la forma ligeramente curvada con el Efecto Deformación de Arco, establece un valor de curvatura horizontal del 45%.

Añade dos semicírculos delgados entrelazados para los párpados y coloca un círculo rojo entre las cejas. Añade algunas sombras suaves bajo las cejas y los ojos en Multiplicar el Modo de Fusión para hacer la cara más esculpida. Coloca algunas sombras más debajo de la cabeza de la vaca y en la barriga para separar las partes del cuerpo una de la otro.

add facial featuresadd facial featuresadd facial features

Paso 7

Ahora que la vaca está terminada, vamos a añadir algunos elementos de composición y un fondo simple para dar a nuestra imagen una apariencia terminada. Forma una elipse verde y añade una forma ondulada a mano alzada con la ayuda de la Herramienta Lápiz (N). Corta la parte superior con la ayuda del panel Explorador. Duplica la forma y disminuye un poco el tamaño de la copia superior. Agrega algunos puntos verdes, haciendo el prado más elegante.

form a green meadow from the ellipseform a green meadow from the ellipseform a green meadow from the ellipse

Paso 8

Selecciona las dos copias de prado y aplica Objeto > Mezclar > Hacer. Procede a las Opciones de Mezcla y establece el espacio entre los pasos especificados con 10 a 20 pasos. También tenemos que añadir un poco de hierba para dar a nuestro prado una apariencia natural. Forma un triángulo estrecho, como hicimos para las muescas de los cuernos, y arrástralo al panel de pinceles. Crea un nuevo Pincel de Arte con la configuración predeterminada y dibuja algunos movimientos con la Herramienta Pincel (B), creando hojas de hierba suave. También he añadido una sutil sombra elíptica en medio de la pradera para más realismo, ya que nuestra vaca estará flotando sobre el suelo.

form a green meadow and add grassform a green meadow and add grassform a green meadow and add grass

Para hacer el terreno más vivo y brillante, selecciona la forma superior de nuestro grupo de mezcla, duplica y aplica una gradiente radial de amarillo oscuro a negro, cambiándolo a Modo de Fusión de Pantalla y, por lo tanto, crear un matiz soleado amarillento.

form a green meadow and add a highlightform a green meadow and add a highlightform a green meadow and add a highlight

Paso 9

Finalmente, agrega una elipse grande en el fondo, representando un sol naciente. Llénalo con una gradiente de color amarillo pálido, pero no lo hagas demasiado brillante, para que el sol no cause demasiada distracción. Llena el fondo blanco con un suave color azul, imitando un cielo despejado.

add a circle for the sun and fill the background with blueadd a circle for the sun and fill the background with blueadd a circle for the sun and fill the background with blue

¡Aquí lo tienes! ¡Tu vaca meditando está lista!

Haz una inhalación profunda y relájate - ¡nuestra ilustración brillante y calmante está lista! Espero que hayas disfrutado creando sutiles mezclas de colores con la herramienta de malla y encontraras estos consejos y trucos útiles para tus futuros tutoriales. ¡Sigue creando arte y trayendo belleza y alegría! ¡Paz a todos!

final imagefinal imagefinal image
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads