Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. How-To
Design

Cómo Crear una Bonita Caricatura de un Gatito en Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

¿Alguna vez quisiste ilustrar el libro de un niño o aprender a diseñar bonitos personajes de caricaturas? ¡Éste tutorial podría  ser interesante para tí! Recorreremos un divertido y fácil proceso de crear un lindo gatito Siamés en Adobe Illustrator, usando formas sencillas, Efectos de Deformación y la Herramiena Lápiz con un poco de dibujo a mano alzada.¿Listo para comenzar?

Para el final de éste tutorial, habrás descubierto nuevos consejos y trucos que puedes aplicar a tus futuros trabajos, creando más personajes como éstos Bonitos Animales en Caricatura de GraphicRiver.

cute cartoon animals from graphicriver

1. Cómo Dibujar la Cabeza del Gato

Paso 1

Comencemos por crear un Nuevo Documento de tamaño 600 x 600 px y Modo de Color RGB. Usa la Herramienta Rectángulo (M) para hacer un rectángulo del mismo tamaño y Rellénalo de un color azul claro para el fondo.

create a new document

Paso 2

Comenzaremos con la base de la cabeza. Utiliza la Herramienta Elipse (L) para hacer un óvalo beige claro de 285 x 215 px. Selecciona sus puntos ancla laterales con la Herramienta Selección Directa (A) y arrástralos unos cuantos pixeles hacia abajo, haciendo la parte inferior de la forma un poco más plana. Puedes moverlas al mantener presionada la tecla Mayúsculas y haciendo click y arrastrando tu mouse o al usar la tecla Flecha Abajo.

Copia (Control-C) la forma y Pégala Delante (Mayúsculas-Control-V). Manten presionadas las teclas Alt-Mayúsculas y haz la copia más pequeña. Cambia su color a gris pálido.

create a head from ellipse

Paso 3

Adjuntemos un par de orejas a la cabeza del gatito. Primero, toma la Herramienta Polígono (está localizada en el mismo menú desplegable que la Herramienta Rectángulo (M) y un solo click en cualquier parte de la Mesa de Trabajo para abrir el menú Opciones.

Establece el valor de Lados en 3 y crea un triángulo de la misma forma gris pálido que tenemos para la cara. Puedes usar la Herramienta Cuentagotas (I) para tomar y aplicar el color si no está seleccionado en el panel Colores.

Ahora transformemos la forma para hacerla lucir más como una oreja. Manteniéndola seleccionada, ve a Edición > Deformar > Abombar y establece el valor de Curvar Vertical en 40%; Distorsión Horizontal en -10%. De ésta forma, estamos abombando nuestra forma y curvándola hacia la izquierda.

Objeto > Expandir Apariencia para aplicar el efecto. Selecciona su punto de ancla superior con la Herramienta Selección Directa (A) y arrastra el marcador circular de las Esquinas Vivas hacia abajo, haciendo redondeada la parte superior de la forma. También podemos ajustar el Radio del Vértice desde el panel de control en la parte superior, si se necesita.

create the ear and use the warp effect

Paso 4

Manteniendo la forma seleccionada, ve a Objeto > Trazado > Desplazamiento y establece el valor de Desplazamiento en -15 px, dejando las demás opciones como Predeterminadas. Haz click en OK para crear un triángulo más pequeño y Rellénalo de color rosa, creando así la parte interna de la oreja.

Haz la parte superior de la forma rosa redondeada también, usando la Herramienta Selección Directa (A) y la prestación Esquinas Vivas.

use the Offset path function

Paso 5

Agrupa (Control-G) ambos elementos de la oreja y únelos a la cabeza, Rotando y redimensionando la oreja para hacerla encajar en la cabeza.

Haz doble-click en la Herramienta Reflejo (O), selecciona el Eje Vertical y haz click en Copiar para hacer una copia reflejada de la oreja. Únela a la parte opuesta de la cabeza.

reflect the ear and attach to the head

Paso 6

Continuemos y dibujemos la cara de nuestro personaje. Utiliza la Herramienta Elipse (L) para hacer una elipse blanca de 65 x 55 px para el ojo. Usa la Herramienta Selección Directa (A) para acortar el manejador derecho del punto de ancla superior y el manejador superior del punto de ancla derecho, haciendo el borde derecho del ojo más inclinado.

Ahora agrega un óvalo azul claro de 50 x 60 px para el iris y una elipse azul oscuro de 30 x 37 px para la pupila. Coloca la formas como se muestra en la captura de pantalla de abajo, cubriendo la mitad derecha del ojo.

make an eyeball from ellipse

Paso 7

Agrega una diminuta elipse blanca para la iluminación, y veamos cómo podemos ocultar las partes innecesarias del iris.

Copia (Control-C) el ojo blanco, Pégalo Delante (Control-F) y Tráelo al Frente (Mayúsculas-Control-]). Ahora selecciona todos los elementos del ojo, haz click en el botón derecho del mouse, y Crear Máscara de Recorte, colocando así todo dentro de la copia superior, que sirve como un contenedor imaginario. Todas las formas adentro de éste contenedor aún son editables. Puedes encontrar al Grupo de Recorte en el panel Capas, despliégalo, y mueve, edita y reorganiza los objetos.

create a clipping mask

Paso 8

Usa la Herramienta Reflejo (O) para Voltear el ojo sobre el Eje Vertical y hacer una Copia. Mueve el iris y sus elementos dentro de la Máscara de Recorte para arreglar la mirada del gatito.

create a copy for the second eye

Paso 9

Ahora dibujemos la nariz. Haz una elipse rosa claro de 25 x 15 px y modifícala un poco con la Herramienta Selección Directa (A), moviendo sus puntos de ancla superior e inferior hacia abajo para hacerla lucir más como un triángulo redondeado al revés.

Haz otra elipse de 13 x 2 px para la frente, Rellénala de color gris claro, y modifícala ligeramente. Rota la frente y usa la Herramienta Reflejo (O) para agregar una segunda.

create a nose and brows from the ellipses

Paso 10

Prosigamos y representemos una boca. Utiliza la Herramienta Segmento de Línea (\) mientras mantienes presionada la tecla Mayúsculas para dibujar una línea recta horizontal. Aplica un color de Trazo gris oscuro desde el panel Color. Ajusta el grosor de la línea ya sea desde el panel de control en la parte superior o desde el panel Trazo (Ventana > Trazo) al establecer el Grosor en 3 pt y el Remate en Extremo Redondeado.

Ve a Efecto > Distorsionar & Transformar > Zigzag. Desde aquí, establece el Tamaño en 4 px, Crestas por segmento en 3, y Puntos en Suavizar. Ajusta el valor de Crestas por segmento si tu resultado difiere del presentado en la imagen de abajo.

make a stroke and apply Zig Zag effect

Paso 11

Objeto > Expandir Apariencia para aplicar el efecto. Ahora podemos editar las puntas de la línea usando la Herramienta Selección Directa (A). Rota los manejadores ancla hacia abajo para hacer las esquinas de la boca redondeadas.

expand appearance and edit the shape

Paso 12

Dibujemos los bigotes usando la Herramienta Elipse (L). Haz un círculo gris oscuro de 40 x 3 px, selecciona sus puntos de ancla laterales con la Herramienta Selección Directa (A), y Convertir puntos de ancla seleccionados en vértice desde el panel de control en la parte superior, haciendo los puntos de la elipse puntiagudos.

Duplica (Control-C > Control-F) la forma unas cuantas veces, haciendo las copias más pequeñas y Rotándolas para agregar más bigotes.

make whiskers from ellipses

Paso 13

Finaliza la cabeza del gatito al agregar un divertido mechón de pelo arriba, usando la Herramienta Lápiz (N). Puedes ajustar la configuración de la herramienta al hacer doble click en ella para abrir la ventana de Opciones de la Herramienta Lápiz. Desde aquí, mueve el regulador de Fidelidad más a la derecha si quieres hacer las líneas más suaves o hacia la izquierda si estás usando una tableta digitalizadora y tienes una mano firme.

draw a tuft of hair

2. Cómo Dibujar el Cuerpo del Gatito Con la Herramienta Lápiz

Paso 1

Comencemos a hacer el cuerpo con una elipse. Crea una elipse de 160 x 210 px de color beige oscuro. Utiliza la Herramienta Selección Directa (A) para seleccionar ambos puntos de ancla laterales y arrástralos hacia abajo, haciendo que la forma se parezca a un huevo.

Envía la elipse Detrás (Mayúsculs-Control-[), debajo de la cabeza.

make the body from the ellipse

Paso 2

Ahora toma la Herramienta Lápiz (N) y practiquemos un poco nuestro dibujo a mano. Dibuja una pata delantera derecha y únela al cuerpo, como se muestra abajo.

Apliquemos un Degradado Lineal sencillo a la pata, haciendo que el gatito parezca Siamés. Usa el panel Degradado (Ventana > Degradado) para aplicar un color gris oscuro al regulador izquierdo y la Herramienta Degradado (G) para ajustar la dirección del degradado, mezclándose apropiadamente con el cuerpo.

Duplica la pata y coloca la copia como se muestra en la captura de pantalla de abajo.

draw the paws

Paso 3

Ahora agreguemos las patas traseras. Usa la Herramienta Lápiz (N) para dibujar la forma deseada de la pata, Envía Detrás (Mayúsculas-Control-[), y hazla ligeramente más oscura que el cuerpo para separar los elementos uno de otro. Puedes aplicar el mismo degradado a ésta pata o no, porque estará oculta detrás de la botella. En caso de que quieras animar tu personaje o cambiar algunos de sus detalles más adelante, asegúrate de haber aplicado el mismo degradado a todas las patas. Solo selecciona las patas y usa la Herramienta Cuentagotas (I) para seleccionar y aplicar la apariencia.

Finaliza las partes del cuerpo al agregar una simpática cola rizada usando la Herramienta Lápiz (N), y Rellénala del mismo Degradado Lineal.

¡Sensacional! ¡Parece que nuestro gatito está listo! Agreguémosle un detalle final.

add back paws and a tail

3. Cómo Dibujar una Botella de Leche

Paso 1

Como ya podrías saber, los gatos son intolerantes a la lactosa, por lo tanto, indiferentes a la leche. Sin embargo, como estamos creando la ilustración para niños con un personaje imaginario, podemos dibujar cualquier cosa que queramos, si es un batido de leche o un batido de fruta congelada verde o una lata de soda, dependiendo del propósito de la imagen. En nuestro caso, ¡hagamos que nuestro gatito sea un amante de batidos de leche!

Así que comencemos a crear nuestra botella desde un rectángulo azul claro de 90 x 150 px. Agrega un rectángulo de 40 x 65 px y colócalo sobre el primero, formando un cuello de botella.

Puedes Alinear ambas formas con la Mesa de Trabajo o con el Objeto Clave, usando el panel Alinear (Ventana > Alinear). Selecciona ambas formas y haz click en Centrar para Alinear con Mesa de Trabajo. Si quieres alinear con uno de los objetos, haz click en ambas formas y haz click en una de ellas una vez más. Verás una selección más gruesa alrededor de ella, indicando que éste es el Objeto Clave.

Una vez que estés satisfecho con el resultado, selecciona ambas formas y Unifícalas en el panel Buscatrazos, fusionándolas en una silueta.

create a bottle from two rectangles

Paso 2

Seleccionemos los vértices de la botella con la Herramienta Selección Directa (A) y hazlas redondeadas al jalar el marcador circular de las Esquinas Vivas. Selecciona los vértices interiores entre el cuerpo de la botella y el cuello de botella, y también redondéalos. Puedes ajustar el Radio del Vértice desde el panel de control superior si quieres redondear números, o podrías dejarlo como está si se ve bien.

Toma la Herramienta Curvatura (Mayúsculas-') y haz la parte inferior de la botella ligeramente redondeada al curvar hacia abajo su borde.

make the bottle smooth and rounded

Paso 3

Ve a Objeto > Trazado > Desplazamiento y establece el valor de Desplazamiento en -5 px, creando adentro una silueta más pequeña. Rellénala de color azul más claro para hacer los bordes del vidrio de la botella gruesos. Duplica (Control-C > Control-F) la nueva forma y Rellena la copia de blanco para la leche.

use the offset path to add milk

Paso 4

¡Hagamos la botella medio vacía! Crea una elipse, Rótala, y redimensiónala, haciéndola encajar en la parte interna de la botella. Selecciona la elipse y la forma de la leche. Ahora toma la Herramienta Constructor de Formas (Mayúsculas-M), manten presionada la tecla Alt y, tan pronto como veas un diminuto signo de menos junto al cursor de tu mouse, colócalo sobre la mitad superior de la forma de la leche. Una vez que se torne gris, haz un solo click en ella para Eliminar ésta pieza. ¡Estupendo! ¡La mitad de la leche desapareció!

use the shape builder tool

Paso 5

Formemos la parte superior del cuello de botella. Haz una elipse de 60 x 20 px y Rellénala de color azul ligeramente más claro que el cuerpo de la botella. Crea una elipse más pequeña dentro de la primera para formar un hoyo, haciéndolo manualmnete o usando la función Desplazamiento de Trazado.

create the bottleneck from ellipses

Paso 6

Ahora que la botella está terminada, Agrupemos (Control-G) todos sus elementos y colócala en las patas del gatito. Podemos hacerlo al posicionar la botella en el lugar deseado y luego Enviarla Detrás (Control-[) unas cuantas veces o arrastrándola hacia abajo manualmente en el panel Capas.

place the bottle in kittens paws

Paso 7

Agreguemos un popote, haciendo la imagen más detallada. Usa la Herramienta Pluma (P) para dibujar una polilínea. Aplica color rosa para el Trazo en el panel Colores. Luego abre el panel Trazo y establece el Grosor en 4 pt, haciendo el popote más grueso.

Al igual que con las formas geométricas, podemos usar la función Esquinas Vivas para las polilíneas. Solo selecciona el punto de ancla del vértice con la Herramienta Selección Directa (A) y hazlo ligeramente redondeado.

Una vez que estés satisfecho con cómo luce, ve a Objeto > Expandir la línea para convertirla en una forma.

create a straw with the pencil tool

Paso 8

Ya que la parte inferior del popote se localiza dentro de la botella, su color debería diferir de la parte superior pues está atenuado detrás del vidrio.

Veamos cómo podemos lograr éste efecto. Selecciona el popote y la elipse interior del cuello de botella. Toma la Herramienta Constructor de Formas (Mayúsculas-M) y haz un solo click en la parte inferior del popote una vez que se torne gris. Nota que ésta vez no vamos a mantener presionada la tecla Alt o cualquier otra tecla porque queremos dividir la forma, fragmentando el popote en dos partes.

Rellena la parte inferior de color rosa más claro y Envía Hacia Atrás (Control-[) unas cuantas veces, parcialmente ocultándola detrás del cuello de botella.

divide the straw with the shape builder tool

Paso 9

Así es cómo luce ahora todo junto. No olvides Llevar la forma de la boca al Frente (Mayúsculas-Control-]), cubriendo la punta del popote.

Bring the mouth shape to Front

Paso 10

Finalicemos nuestra ilustración al agregar cualquier detalle menor a nuestro gusto. Por ejemplo, aquí he esparcido un grupo de elipses azul oscuro, colocando una sombra detrás del gatito.

add shadow ellipses

¡Miau! ¡Nuestra Ilustración de un Lindo Gatito Está Terminada!

¡Y ahí lo tenemos! ¡Estupendo trabajo!

Si quieres consultar el archivo fuente para ver todos los detalles, o si necesitas el conjunto completo de sofisticados personajes para tus diseños, puedes tomar éstos Boinitos Animales en Caricatura en GraphicRiver.

Cute Cartoon Animals from GraphicRiver

Espero que hayas disfrutado siguiendo éste tutorial y hayas aprendido algunos consejos y trucos sencillos ¡que te ayudarán a agilizar tu trabajo para crear más ilustraciones sofisticadas de personajes en caricatura!

Cute Kitten Character Adobe Illustrator Tutorial
Advertisement
Advertisement
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.