Advertisement
  1. Design & Illustration
  2. Animals

Cómo Crear un Tierno Gatito Peludo en Adobe Illustrator

Scroll to top
Read Time: 8 min

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

Aquí está tu residente loca de los gatos, fanática de los vectores, con otro tutorial que presenta un felino. Ésta vez, voy a mostrarte el proceso paso-a-paso de crear un tierno, peludo gatito retroiluminado, usando pinceles y degradados. Te enseñaré las bases de la creación de pelaje, así que podrás aplicar éste idéntico proceso a cualquier ilustración con pelaje.

Recomendaría que, cuando crees cualquier ilustración con pelaje o cargada de cabello, siempre es un beneficio tener una tableta. Sin embargo, puedes utilizar un mouse. La principal diferencia que encuentro es que una tableta reducirá en gran medida el tiempo en la creación de ésto.

1. Cómo Preparar Tu Archivo

Paso 1

Estaré usando una referencia de stock de PhotoDune (mostrada abajo). La imagen exacta que utilicé ya no está disponible, pero puedes usar otra foto de gato o incluso una de tus propias mascotas.

Cute kittenCute kittenCute kitten

Paso 2

En un Nuevo documento, Archivo > Colocar tu referencia en la mesa de trabajo. Luego crea un Rectángulo (M) con relleno oscuro que se superponga a la foto y establéce su Opacidad en 50%. Luego crea una nueva capa.

Prepare your layersPrepare your layersPrepare your layers

Paso 3

Necesitarás crear algunos pinceles de arte. Éstos se basan en una Elipse (L) en la que puedes usar la Herramienta Transformación Libre (E) y Convertir Punto de Ancla en Vértice para crear un pincel de un solo extremo puntiagudo o de dos extremos puntiagudos.

Paso 4

Cuando se trata de agregar los pinceles al panel Pinceles, añádelos como un Pincel de Arte y asegúrate de establecer el Método de Coloración en Matices. Ésto significa que cualquier forma rellena de negra mostrará el color de tu trazo.

Art BrushesArt BrushesArt Brushes

2. Cómo Vectorizar el Pelaje: Teoría

Paso 1

Primero veamos las áreas donde voya a dibujar pelaje. Tengo como objetivo los bordes exteriores de las formas clave-así que el cuerpo, la cabeza, los pies y la cola-así como enfocar ligeramente las áreas del rostro para que no veamos un bonito animal sin cara.

El estilo que tengo como objetivo es un estilo retroiluminado, pero ésto significaría que las características en la sombra no serían tan prominentes. Así que cuando te sumerges en éste estilo, considera que áreas serán más llamativas que otras y cómo puedes añadir detalles a esas áreas pero que no perturben el estilo. Notarás que en el diagrama de abajo, no he agregado líneas directamente debajo de la barbilla o donde está el estómago. Ésto es porque esas áreas estarán en la sombra oscura.

Areas to renderAreas to renderAreas to render

Paso 2

No hay por qué tener vergüenza en usar imágenes de referencia para ésta clase de proyecto, especialmente si no estás familiarizado con la dirección y longitud del pelaje en tu animal. Presta mucha atención pues éstas propiedades pueden cambiar radicalmente en una pequeña área de la ilustración.

Fur length and directionFur length and directionFur length and direction

Paso 3

Hay dos maneras de realmente poner tus trazos en la mesa de trabajo: en movimiento zig zag o en una dirección. Ambos están bien, pero ten cuidado con el primer método cuando estés usando pinceles de un solo extremo puntiagudo. El movimiento zig zag puede ser rápido para hacer cuando tienes un pincel de dos extremos puntiagudos.

Drawing strokesDrawing strokesDrawing strokes

Paso 4

Cuando renderizo pelaje, uso la Herramienta Pincel (B). Hace curvas y líneas suaves y los parámetros pueden ser editados. Doble-click en el ícono en el panel Herramientas para accesar a los ajustes para incrementar qué tan suaves serán las líneas.

Paintbrush Tool OptionsPaintbrush Tool OptionsPaintbrush Tool Options

3. Cómo Crear un Gatito Peludo

Paso 1

La ilustración requerirá que el pelaje sea renderizado de diferentes maneras. Hay áreas que tendrán pelaje del mismo largo. Luego habrá lugares como la parte superior de la cabeza donde se superpone a la oreja, donde el pelaje necesitará parecer angosto. Ésto dará profundidad a la cabeza. ¡Estudia tu imagen de referencia para encontrar qué áreas requieren pelaje angosto, sencillo o doble!

Para todo el pelaje del gatito, estaré usando el movimiento zig zag con el pincel de arte de doble extremo puntiagudo.

Forehead hairForehead hairForehead hair

Paso 2

Dibuja alrededor del gatito únicamente para las áreas exteriores.

Around the cats furAround the cats furAround the cats fur

Paso 3

Crea una nueva capa para las áreas del pelaje interior. Ésto facilita tratar la piel con diferentes parámetros para la Opacidad más adelante.

Agrega líneas cortas alrededor de los ojos. En el brillo de la línea interna del ojo, utilizo la Herramienta Pluma (P) para crear líneas más exactas para ayudar a destacar los ojos.

Around the eyesAround the eyesAround the eyes

Paso 4

Para las áreas de pelaje interior, trata de evitar agregar demasiado pelaje pues distraerá el efecto de retroiluminación.

Adding the inner furAdding the inner furAdding the inner fur

Paso 5

Quiero usar un fondo casi negro para ésta ilustración. Sin embargo, cuando estás trabajando opacidades y usas trazos blancos en un fondo negro, encuentro que el pelaje se ve soso y no tan estilizado. Así que usa una tonalidad de negro menos intensa para el fondo. En éste caso, estoy usando #0a0402, que tiene un cálido tono rojo en él.

Adding an off black backgroundAdding an off black backgroundAdding an off black background

Paso 6

El pelaje exterior e interior están en diferentes capas, así que es más fácil alterar los ajustes en el panel Transparencia. Selecciona todos los trazos en una capa y cambia los parámetros a los siguientes:

  • Pelaje exterior: Modo de Fusón Trama, Opacidad 20%
  • Pelaje Interior: Modo de Fusión Trama, Opacidad 10%

Paso 7

Ahora que el pelaje base está agregado, creemos trazos adicionales en las mismas áreas y más allá para crear más profundidad. Estaré añadiendo éstos en la carpeta de la capa del pelaje interior, así que necesitarán tomar los mismos parámetros.

Si observas la imagen de abajo, estoy añadiendo áreas de pelaje exerior pero llevando pelaje interior para engrosar el área que está recibiendo luz. Luego estoy añadiendo trazos sutiles dentro del área para dar la impresión de una garra e incluso algunos mechones de pelaje para implicar un motivo.

Adding more furAdding more furAdding more fur

4. Cómo Añadir las Características del Gatito

Paso 1

Para añadir detalles sutiles a la cara, voy a usar un degradado blanco transparente. Estaré agregando formas para representar el brillo en los ojos y toda la punta de la nariz. También puedes usar éste método si hay garras visibles. Aunque mi imagen de referencia no las tiene realmente, las he agregado para mostrar el efecto. 

Modifica el degradado usando la Herramienta Degradado (G) para añadir la transparencia en la parte inferior de la forma para que únicamente la parte superior de la forma tenga una insinuación de blanco. Establece éstas en Modo de Fusión Trama y modifica la Opacidad a 20-50% dependiendo de qué tan intenso quieres que sea el brillo.

Adding facial featuresAdding facial featuresAdding facial features

Paso 2

Usa el pincel de un solo extremo puntiagudo para agregar esos icónicos bigotes a la ilustración. Recuerda, hay vibrisas arriba de los ojos, así que asegúrate incluirlas. Usa los mismos parámetros de transparencia.

Adding whiskersAdding whiskersAdding whiskers

Paso 3

Para un detalle añadido, el cual encuentro que realmente realza los ojos, dibujo trazos usando el pincel de un extremo puntiagudo sobre la parte superior del degradado usando el color de trazo del tono negro menos intenso del fondo. Ésto dará ese detalle del pelaje de las pestañas proyectando una sombra sobre el brillo de ese ojo.

Eye shine modifiedEye shine modifiedEye shine modified

5. Cómo Afinar la Ilustración

Paso 1

Para suavizar el pelaje y hacer lucir menos enfocado, puedes agregar trazos sutiles que tengan un peso más grueso pero una Opacidad menor.

En éste caso, he agregado trazos de dos puntas con un Grosor de Trazo de 3 pt (mis otros trazos son establecidos en 1 pt) y con el Modo de Fusión de Trama y Opacidad 3%.

Adding strokesAdding strokesAdding strokes

Paso 2

Tiempo para añadir un suave halo de polvo alrededor de los bordes del gato. Voy a hacer ésto con un Pincel de Dispersión.

Usando la Herramienta Elipse (L) y trazos del pincel de dos extremos puntiagudos agrego una colección de ellos juntos, como se muestra en la imagen de abajo. Asegúrate de darles espacio.

Dust brushDust brushDust brush

Paso 3

Selecciónalos y agrégalos al panel Pinceles como un Pincel de Dispersión con un tamaño y rotación aleatorios.

Scatter Brush settingsScatter Brush settingsScatter Brush settings

Paso 4

El polvo que se ubica más cerca del pelaje (rojo) le doy un Grosor de Trazo de 0.5 pt. El más alejado del pelaje (verde), lo establezco en 1 pt. Ambos son establecidos en Modo de Fusión Trama, Opacidad 10%.

Adding dustAdding dustAdding dust

Paso 5

Para ayudar a rellenar los espacios, agrego más trazos de 0.5 pt cerca del pelaje.

Paso 6

Podrías guardar tu ilustración ahora, pero notarías cuando la guardas que debido a los trazos delgados, el pelaje no destacaría tanto.

Así que para incrementar el contraste (y una manera de modificar los matices), agrego un Rectángulo (M) en la parte superior de la ilustración con un relleno  beige oscuro/café (#998675). Establece éste en Modo de Fusión Sobreexposición de Colores para acentuar ese contraste. Experimenta con los colores de relleno para crear diferentes matices dependiendo de tu propio gusto.

Increasing the contrastIncreasing the contrastIncreasing the contrast

Tierno Gatito, Cálido Gatito, Pequeña Bola de Pelaje

Al seguir éste método, te encontrarás más y más adentro en la creación de pelaje. Es muy divertido, y personalmente lo encuentro más relajante...¡deben ser esos trazos de zig zag!

Me gustaría ver tus versiones de ésto en los comentarios, así que por favor súbelos para mostrarles a todos y tener una oportunidad de aparecer en recopilaciones de nuestra comunidad.

¿Sabes que estamos locos por los gatos en Envato Tuts+? Encuentra más contenido de gatos en éste artículo de recopilación.

Final resultFinal resultFinal result

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