Advertisement
  1. Design & Illustration
  2. Drawing

Cómo dibujar un gatito super lindo paso a paso

Scroll to top
Read Time: 10 min

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

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

¿Quién no ama a los gatitos? ¡Son tan lindos y esponjosos! En este tutorial te mostraré cómo dibujar un gatito esponjoso desde cero, con un arco en su cuello para aún más dulzura. Como extra, ¡también le mostraré cómo sombrear y colorearlo rápidamente en Adobe Photoshop!

Advertencia: este proceso sólo muestra cómo dibujar un gatito en una pose y estilo particular. Si quieres dibujar un gato más realista, echa un vistazo a este tutorial:

1. Cómo Dibujar el cuerpo de un gatito

Paso 1

Comience con un simple rectángulo—este será el cuerpo principal del gatito. No es necesario usar una regla para esto; Es sólo un bosquejo.

rectangle bodyrectangle bodyrectangle body

Paso 2

Dibuje un círculo junto al rectángulo. Será la cabeza. Una vez más, no necesita ser un círculo perfecto.

rectangle and circular headrectangle and circular headrectangle and circular head

Paso 3

Imagine una cruz en el centro de la cara del gatito, y luego "mueva" hacia la dirección que el gatito está mirando.

head directionhead directionhead direction

Paso 4

Dibuja una línea vertical debajo del cuerpo para tocar el "suelo". Luego dibuje la perspectiva del suelo para saber dónde poner las patas.

ground perspectiveground perspectiveground perspective

Paso 5

Dibuje un par de patas...

paws in perspectivepaws in perspectivepaws in perspective

... luego las otras. ¿Puedes ver ahora para que necesitábamos las líneas de la perspectiva?

how to draw legs in perspectivehow to draw legs in perspectivehow to draw legs in perspective

Paso 6

Por ultimo, dibuja la cola.

cat tailcat tailcat tail

2. Cómo dibujar un gatito en perspectiva

Paso 1

Dibuja el frente del hombro del gatito. Deje un poco de espacio para el cuello.

kitten shoulderkitten shoulderkitten shoulder

Paso 2

Dibuje la parte posterior del hombro.

cat shoulder drawingcat shoulder drawingcat shoulder drawing

Paso 3

Dibuje el otro hombro usando las líneas de la perspectiva como referencia.

cat shoulders in perspectivecat shoulders in perspectivecat shoulders in perspective

Paso 4

Dibuja el muslo mullido ...

cat thigh drawingcat thigh drawingcat thigh drawing

... y crea otro en la espalda.

cat thigh in perspectivecat thigh in perspectivecat thigh in perspective

Paso 5

Dibuja piernas irregulares que llegan al suelo.

cat legs drawingcat legs drawingcat legs drawing

Paso 6

Acople las patas.

cat paws drawingcat paws drawingcat paws drawing

Paso 7

Añada una pezuña más en el lado. Debe ser más o menos rectangular.

cat fingers drawingcat fingers drawingcat fingers drawing

Paso 8

Conecte las patas traseras con el muslo.

cat hind leg drawingcat hind leg drawingcat hind leg drawing

Paso 9

Para crear la cola, cruza su línea con líneas anchas...

cat tail drawingcat tail drawingcat tail drawing

... luego contornearlos.

how to draw cat tailhow to draw cat tailhow to draw cat tail

Paso 10

Termine la forma del cuerpo.

how to draw cat body in perspectivehow to draw cat body in perspectivehow to draw cat body in perspective

3. Cómo dibujar una cabeza de gatito

Paso 1

Conecte el hocico en forma de lágrima a la cabeza circular.

kitten muzzlekitten muzzlekitten muzzle

Paso 2

Divida el hocico en cuatro partes.

kitten muzzle proportionskitten muzzle proportionskitten muzzle proportions

Paso 3

Dibuja una línea a través de estas partes para definir su forma 3D: es el contorno del hocico visto en la vista lateral convertida en esta vista 3/4.

kitten muzzle in perspectivekitten muzzle in perspectivekitten muzzle in perspective

Paso 4

Dibuje dos líneas desde el centro del hocico hacia la línea de la ceja.

kitten eyes proportionskitten eyes proportionskitten eyes proportions

Paso 5

Dibuja la frente, creando un espacio para los ojos.

kitten foreheadkitten foreheadkitten forehead

Paso 6

Ponga ojos circulares en ese espacio.

kitten eyes drawingkitten eyes drawingkitten eyes drawing

Paso 7

Dibuja la nariz triangular debajo del punto medio del hocico.

kitten nosekitten nosekitten nose

Paso 8

Dibuje dos líneas que van hacia abajo el hocico desde la nariz.

kitten mouthkitten mouthkitten mouth

Paso 9

Utilice estas líneas como líneas guía para la sonrisa.

how to draw kitten smilehow to draw kitten smilehow to draw kitten smile

Paso 10

Dibuja la barbilla justo debajo de la boca sonriente.

kitten chinkitten chinkitten chin

Paso 11

Ir desde las esquinas de la boca y alrededor de la cara para definir su contorno.

kitten cheekboneskitten cheekboneskitten cheekbones

Paso 12

Coloque orejas de gato en la parte superior de la cabeza.

kitten headkitten headkitten head
kitten earskitten earskitten ears

Paso 13

Añadir detalles a la forma de las orejas.

kitten ears in perspectivekitten ears in perspectivekitten ears in perspective
how to draw cat earshow to draw cat earshow to draw cat ears

4. Cómo dibujar un arco de cinta y terminar el dibujo

Paso 1

Dibuja un collar alrededor del cuello del gatito.

how to draw cat collarhow to draw cat collarhow to draw cat collar

Paso 2

Dibuja la parte central del arco bajo la barbilla del gatito.

how to draw a bowhow to draw a bowhow to draw a bow

Paso 3

Dibuje los lados ondulados del arco.

how to draw a ribbon bowhow to draw a ribbon bowhow to draw a ribbon bow

Paso 4

Copia las ondas hacia el centro, creando los pliegues.

how to draw bow in perspectivehow to draw bow in perspectivehow to draw bow in perspective

Paso 5

Contornee los pliegues.

how to draw a cute bowhow to draw a cute bowhow to draw a cute bow

Paso 6

Finalmente, dibuja todos los detalles del gatito. ¡Siéntete libre de seguir tu propio camino aquí!

how to draw a cute kittenhow to draw a cute kittenhow to draw a cute kitten

5. Cómo preparar un dibujo para la pintura digital

Hemos terminado con el dibujo, y aquí hay una parte como extra, si desea colorear su gatito digitalmente. Sólo necesitas una tableta gráfica y Adobe Photoshop, y un conjunto de pinceles básicos, por ejemplo el que puedes descargar aquí:

Paso 1

Prepare su arte lineal para trabajo digital. Si lo ha dibujado tradicionalmente, limpia y quita primero el fondo:

Paso 2

Abra su arte lineal digital y crear una Nueva capa debajo.

how to add a new layer in photoshophow to add a new layer in photoshophow to add a new layer in photoshop

Paso 3

Haga clic en la capa de arte lineal y disminuya su Opacidad para que sea sólo medio visible.

how to change layer opacity in photoshophow to change layer opacity in photoshophow to change layer opacity in photoshop
half transparent line arthalf transparent line arthalf transparent line art

Paso 4

Tome un pincel duro y preciso (por ejemplo Tinta de mi set), seleccione un color vívido y dibuje un esquema básico del gatito en esa capa inferior. ¡Asegúrese de que el contorno esté cerrado!

how to draw an outline in photoshophow to draw an outline in photoshophow to draw an outline in photoshop

Paso 5

Utilice la herramienta varita mágica (W) y haga clic en el área dentro del contorno.

how to select the inside of an otuline in photoshophow to select the inside of an otuline in photoshophow to select the inside of an otuline in photoshop

Paso 6

Llena el área usando el truco descripto en este video de un minuto:

how to fill an outline in photoshophow to fill an outline in photoshophow to fill an outline in photoshop

Paso 7

Bloquee píxeles transparentes para esta capa. De esta manera estará pintando sólo dentro del contorno a partir de ahora.

how to lock transparent pixels in photoshophow to lock transparent pixels in photoshophow to lock transparent pixels in photoshop

6. Cómo sombrear a un gatito en Adobe Photoshop

Paso 1

Seleccione un tono oscuro de color gris, alrededor del 25%.

how to select grayhow to select grayhow to select gray

Paso 2

Pinte sobre el cuerpo del gatito. ¿Puedes ver cómo la transparencia bloqueada evita que el color cruce el contorno?

paint darkest shadowspaint darkest shadowspaint darkest shadows

Paso 3

Seleccione un tono más brillante, alrededor del 50%.

how to select colors in photoshophow to select colors in photoshophow to select colors in photoshop

Paso 4

Tome un cepillo con la transparencia controlada por la presión de su pluma (por ejemplo mi Sketch Detail). Pinte el cuerpo del gatito, y manténgase alejado de las líneas.

sculpt ambient occlusionsculpt ambient occlusionsculpt ambient occlusion

Paso 5

Tome la herramienta Pincel Mezclador ahora (mantenga pulsada la tecla Shift y presione B cuatro veces). Necesitamos sus ajustes por defecto, así que si lo ha utilizado antes, abra su menú y seleccione Restaurar.

how to use the mizer brush toolhow to use the mizer brush toolhow to use the mizer brush tool

Paso 6

"Pinta" sobre el sombreado con esta herramienta para suavizarla. Así es como debe ver la parte de abajo el arte lineal.

how to blend shades in photoshophow to blend shades in photoshophow to blend shades in photoshop

Paso 7

Vamos a continuar con otro nivel de sombra. Esta vez hace que sea bastante brillante, alrededor del 70% ...

brighter shadebrighter shadebrighter shade

... pintar la superficie iluminada generalmente por la fuente de luz ...

brighter shadingbrighter shadingbrighter shading

... y mezclarlo con la herramienta Pincel Mezclador.

blending shadesblending shadesblending shades

Paso 8

Tome una sombra aún más brillante (alrededor del 90%) ...

bright shadebright shadebright shade

... de más luz a las partes directamente iluminadas...

how to shade a kitten in photoshophow to shade a kitten in photoshophow to shade a kitten in photoshop

... y mezclalo.

how to blend colors in photoshophow to blend colors in photoshophow to blend colors in photoshop

Paso 9

Por último, elija el color blanco ...

white shadewhite shadewhite shade

... deselo a los puntos más brillantes...

how to shade an animal in photoshophow to shade an animal in photoshophow to shade an animal in photoshop

... y mescle todo.

how to shade softlyhow to shade softlyhow to shade softly

Paso 10

Eso fue ligero. Ahora tenemos que añadir un tipo especial de sombra que dará detalles a esta escultura de iluminación. Tome la herramienta Lazo (L) y seleccione un área que está detrás de otro objeto, por ejemplo la pata en el fondo.

how to select with lasso toolhow to select with lasso toolhow to select with lasso tool

Paso 11

Tome un cepillo muy suave, una sombra oscura, y suavemente oscurezca el área justo detrás del obstáculo.

how to paint darkest shadowshow to paint darkest shadowshow to paint darkest shadows

Paso 12

Haga lo mismo con todas las otras áreas bloqueadas. ¿Puede ver lo detallado que se volvio?

how to paint sharp crevice shadowshow to paint sharp crevice shadowshow to paint sharp crevice shadows

Paso 13

Mantenga pulsada la tecla Control y haga clic en ambas capas y, a continuación, haga clic derecho en ellas y seleccione Combinar capas. Ahora vamos a pintar sobre ellos.

Tome el cepillo de sombra de nuevo y pintar sobre los tonos suaves y la arte lineal para cubrirlos con parches de sombras. Utilice la herramienta Cuentagotas (mantenga pulsada la tecla Alt mientras pinta) para recoger la sombra de un área y luego pinte sobre ella. Este es un gran método para crear la impresión de la piel.

how to paint with basic brushes in photoshophow to paint with basic brushes in photoshophow to paint with basic brushes in photoshop
how to remove the line art in photoshophow to remove the line art in photoshophow to remove the line art in photoshop
how to make the line art disappearhow to make the line art disappearhow to make the line art disappear

7. Cómo modificar su pintura digital

Paso 1

Lo mejor de la pintura digital es que se puede modificar libremente! Así que digamos que queremos cambiar la forma de la cola de nuestro gatito. Vaya a Filtro > Licuar y utilizar la Herramienta Deformar Hacia Adelante (W) para cambiarla de forma. Tenga cuidado: solo tienes un Control-Z en este modo.

how to use liquify filterhow to use liquify filterhow to use liquify filter

¡Este modo le permite hacer todo con la pintura! Decidí hacer los ojos ligeramente más pequeños con la Herramienta Desinflar (S).

how to warp in photoshophow to warp in photoshophow to warp in photoshop

OK... ahora son demasiado pequeños, así que es mejor que modifiques el hocico para adaptarlos.

how to modify painting in photoshophow to modify painting in photoshophow to modify painting in photoshop

Y las orejas resultaron demasiado grandes para este gran hocico, así que cambiemos también.

how to reshape painting in photoshophow to reshape painting in photoshophow to reshape painting in photoshop

Yo... creo que se parece más a un tigre ahora, así que vamos a ajustar el resto del cuerpo a ese tamaño más grande también.

how to change shape of something in photoshophow to change shape of something in photoshophow to change shape of something in photoshop

Paso 2

El cuello es demasiado corto para este gatito grande, así que vamos a arreglarlo. Utilice la herramienta Lazo (L) para seleccionar la cabeza y arrástrela a su nueva posición con la herramienta Mover (V).

how to move selectionhow to move selectionhow to move selection

Paso 3

Utilice la herramienta Lazo (L) de nuevo para seleccionar el área que falta en el cuerpo ahora.

how to select empty spacehow to select empty spacehow to select empty space

Paso 4

Vaya a Editar > Rellenar y seleccione Segun Contenido. Pulse OK y vea el cuello ¡rellenado!

how to fill empty space in photoshophow to fill empty space in photoshophow to fill empty space in photoshop

Paso 5

Después de todas estas modificaciones, tenemos que ajustar el sombreado también. Así que tome su pincel de sombreado y pintalo de nuevo.

how to paint details with basic brushhow to paint details with basic brushhow to paint details with basic brush

8. Cómo colorear una pintura digital

Paso 1

¡El sombreado no lo es todo! Vamos a añadir un poco de color ahora. Haga clic derecho en la capa y seleccione Duplicar capa. Cambie el Modo de fusion de la copia a Multiplicar. Este modo hace que las partes oscuras de la capa oscurezcan los colores por debajo.

mutliply blend modemutliply blend modemutliply blend mode

Paso 2

Bloquear píxeles transparentes para la capa original. Vamos a pintarlo de nuevo.

lock transparent pixelslock transparent pixelslock transparent pixels

Paso 3

Tome un pincel suave y coloree el gatito libremente. Primero los colores generales...

how to color quickly in photoshophow to color quickly in photoshophow to color quickly in photoshop

... luego los detalles.

how to add colors to a grayscale painting in photoshophow to add colors to a grayscale painting in photoshophow to add colors to a grayscale painting in photoshop

Paso 4

Nuestro gatito está sombreado, pero se ve muy oscuro. ¡Vamos a añadir algo de luz! Duplicar de nuevo la capa superior y cambiar su modo de mezcla a Superponer. Este modo hace que las partes brillantes de la capa iluminen los colores por debajo, pero sus partes oscuras funcionan igual que el modo Multiplicar...

overlay blend modeoverlay blend modeoverlay blend mode

Paso 5

... así que necesitamos hacer algunos ajustes. Haga clic derecho en la capa y seleccione Opciones de fusión. Vaya a la sección Fusionar Si y arrastre el marcador negro superior a la derecha. ¿Puedes ver cómo desaparecen las partes oscuras de la capa?

how to use blending optionshow to use blending optionshow to use blending options
remove shadowremove shadowremove shadow

Paso 6

Para hacer la transición más suave, mantenga Alt y divida el marcador. Ahora puede arrastrar las dos mitades para lograr el efecto deseado.

how to use blend if in photoshophow to use blend if in photoshophow to use blend if in photoshop
soft shadow transitionsoft shadow transitionsoft shadow transition

Paso 7

Hay un problema más con el modo de Superposición, aunque ilumina los valores brillantes y los valores oscuros iguales, pero el negro no debe reflejar tanta luz, ¡no importa cuán fuertemente la ilumines! Fusion Si tiene una solución para este problema también: simplemente arrastre el marcador inferior para excluir las partes oscuras del Modo Superposición.

how to exculde dark parts of the layerhow to exculde dark parts of the layerhow to exculde dark parts of the layer
how to manage values in photoshophow to manage values in photoshophow to manage values in photoshop

Este marcador también se puede dividir.

how to split blend if markershow to split blend if markershow to split blend if markers
soft blending of light and shadowsoft blending of light and shadowsoft blending of light and shadow

Si te he intrigado por esta poderosa, pero relativamente desconocida herramienta, echa un vistazo a este rápido tutorial para entender cómo funciona:

Paso 8

Este sombreado es muy difícil, sin embargo, por lo que tenemos que ajustar manualmente ahora. Así es como es con Photoshop—hace algo de magia, pero al final ¡es usted quien debe crear la pintura!

Tome su pincel de sombra y pintar los detalles con la herramienta cuentagotas todo el tiempo para mantener todo lo sugerido por la iluminación.

draw tiger facedraw tiger facedraw tiger face
how to paint creature in photoshophow to paint creature in photoshophow to paint creature in photoshop

Paso 9

Cuando hayas terminado, puedes crear otro nivel de detalle haciendo que la imagen sea más grande (Control-Alt-I) ...

how to make image bigger in photoshophow to make image bigger in photoshophow to make image bigger in photoshop

... y pintar con un pincel muy pequeño que no estaba disponible en esa resolución anterior.

how to draw fur in photoshophow to draw fur in photoshophow to draw fur in photoshop
big cat face painting in photoshopbig cat face painting in photoshopbig cat face painting in photoshop
how to paint sabertooth cathow to paint sabertooth cathow to paint sabertooth cat
cat paws how to drawcat paws how to drawcat paws how to draw
cat fur how to drawcat fur how to drawcat fur how to draw

Paso 10

¡Ya terminaste! Ahora agregue algo de sombra y/o fondo, y guárdelo en una resolución más pequeña para publicar (nadie necesita ver la resolución de "trabajo"). También puede experimentar con la nitidez para el toque final (Filtro > Sombreado > Sombreado Inteligente).

how to paint a beast in photoshophow to paint a beast in photoshophow to paint a beast in photoshop

¡Qué lindo!

Ahora sabes cómo dibujar un gatito, y cómo pintarlo rápidamente digitalmente con Adobe Photoshop. ¿Qué? ¿Ese gatito pintado no se parece a un gatito? ¡Cómo te atreves! Los tigres salvajes necesitan también amor ...

Antes de terminar, ¡no te olvides de comprobar la fecha!

how to draw a cute kitten step by stephow to draw a cute kitten step by stephow to draw a cute kitten step by step
how to quickly paint a feline creature in photoshophow to quickly paint a feline creature in photoshophow to quickly paint a feline creature in photoshop
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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.