De Speed ​​Paint a Detail pinta un murciélago-gato en Adobe Photoshop

Lo que vas a crear

A veces, quieres pintar algo, pero tu idea es demasiado difícil para planificar la imagen correctamente. Acabas de empezar a pintar y el resultado es impredecible. En este tutorial te mostraré un método rápido para pintar de forma libre y espontánea, mientras mantienes el control sobre el proceso. Te enseñaré cómo domesticar tu imaginación y usarla para dar vida a una idea. Un proceso rápido requiere herramientas simples, por lo que usaremos solo un pincel hecho por nosotros mismos. Adobe Photoshop no es obligatorio aquí, pero tendrá que resolver algunas cosas por sí mismo si utiliza otros programas..

Para demostrarte lo rápido que es este método, decidí hacer algo poco común. En este tutorial te mostraré el proceso de pintura. cuatro lindos murciélagos-gatos al mismo tiempo. ¡No significa que tengas que hacer lo mismo! No me sigas directamente, solo sigue mi consejo, observando cómo lo aplico a cuatro diseños diferentes. Aprender de la comparación es bastante efectivo: solo se obtiene la esencia, sin ruidos irrelevantes..

Como preparación para este tutorial, eche un vistazo a estos. ¿Por qué? Porque aquí estaré enseñando sobre pintura, no sobre pintar ciertos animales. Si ahí es una diferencia!

  • Como dibujar gatos
  • Como dibujar murciélagos

1. Preparar el espacio de trabajo

Antes de comenzar a trabajar, debemos preparar el espacio de trabajo y las herramientas. Imagine Photoshop como una gran sala llena de herramientas artísticas, tenemos que elegir las que nos serán útiles..

Paso 1

Primero, crea un Nuevo archivo (Control-N). Establezca el ancho y la altura en función de su computadora: 5000 x 4000 px puede ser demasiado para algunos. 2000 x 1000 px es mucho más seguro y debería ser suficiente para un diseño.

Paso 2

Selecciona el Color panel para mostrar Deslizadores HSB-Teoría del color mucho más amigable que el RGB. Si el panel de color no se muestra, ábrelo con Ventana> Color o golpeando F6.

Paso 3

Seleccione 90% de gris y rellene el fondo con el Herramienta de cubo de pintura (G).

Etapa 4

Bloquea la capa para evitar que se modifique..

Paso 5

Necesitamos un pincel para pintar. Vamos a crear uno realmente simple..

Crear un Archivo nuevo por un momento, y Esconder el fondo. Agrega un Nueva capa (Control-Shift-N) y dibuja un hexágono con la Herramienta de polígono. El tamaño no importa, solo recuerda poner 6 Lados Luego ve a Editar> Definir Pincel preestablecido (el nombre tampoco importa).

Paso 6

Golpear F5 para ver los ajustes. Cambiar el Espaciado a 1% para trazos suaves, y comprobar Transferir Para hacerlo basado en la opacidad. Pulsa el icono de la tarjeta blanca en la parte inferior derecha para guardar el pincel.

¿Por qué no utilizamos un simple cepillo redondo? La razon es que es también sencillo. En el caso de la pintura rápida, queremos un poco de caos que podamos transformar en algo que no podríamos haber imaginado antes. Un hexágono es simple, porque es casi redondo y un poco impredecible al mismo tiempo. Justo lo que necesitamos!

2. Diseña la Pose

Para cada parte del boceto vamos a crear una nueva capa. Entonces, para cada paso harás lo siguiente:

  • Crear un Nueva capa (Control-Shift-N)
  • Hacer el paso
  • Bajar el Opacidad (prensa V, luego pulsa un número-1 por 10% de opacidad,5 para un 50% de opacidad, y así sucesivamente. 0 te dará 100% de opacidad)

Paso 1

Tenemos que empezar con un gesto de dibujo. Definirá el ritmo del cuerpo y lo hará independiente de los detalles. La columna vertebral es el elemento principal que podemos usar para ella. Los gatos tienen espinas muy flexibles, ¡así que siéntete libre de volverte loco con ella! También puede agregar el cofre, la cabeza y las caderas para mantener el control sobre la silueta.

Dibuja una línea flexible, une el pecho, las caderas y la cabeza.

Gato 1

El primero está mirando hacia arriba, y quiero que esté atrapando algo en el aire..

Gato 1-postura básica

Gato 2

Este probablemente esta durmiendo.

Gato 2-postura básica

Gato 3

Una loca posición para un gato loco.!

Gato 3-postura básica

Gato 4

Esta esta caminando fabulosamente.

Gato 4-postura básica

Aquí están todos juntos:

Paso 2

Se pueden agregar patas junto con el gesto, pero decidí crear un paso separado para que esto quede más claro.

Ambas patas delanteras y traseras son similares a la letra S

Gato 1

Se levanta un par de patas, mientras que el otro mantiene al gato parado.

Gato 1 patas añadidas

Gato 2

¡Tenemos un verdadero enredo aquí! Los gatos son mejores en esto.

Gato 2 patas añadidas

Gato 3

Un par al frente, un par al dorso, vamos a mostrar la flexibilidad del cuerpo de un gato..

Gato de 3 patas añadido

Gato 4

Este va a ser el más fácil.!

Gato 4 patas añadidas

Paso 3

No necesitamos conocer la musculatura exacta para este propósito. Usa el esquema de abajo para crear las partes principales del cuerpo. Ignora el pelaje en este momento y haz que la silueta sea delgada.!

Tanto las patas delanteras como las traseras están hechas de las mismas partes que nuestros brazos y piernas, por lo que es bastante fácil de recordar

Gato 1

Gato 1 cuerpo

Gato 2

Gato 2 cuerpos

Gato 3

Gato de 3 cuerpos

Gato 4

Gato de 4 cuerpos

Etapa 4

¡Nuestros gatos pueden volar! Vamos a agregarles alas de murciélago muy simples. Comience con una línea de triple curvatura:

Forma de S otra vez! Es porque las alas son en realidad brazos.

Gato 1

Alas que ayudan a nuestro gato a equilibrar su cuerpo durante esta posición..

Cat 1-base para alas

Gato 2

Este gato está durmiendo, así que mantiene sus alas plegadas sobre su espalda..

Cat 2-base para alas

Gato 3

Un ala está plegada y la otra se está expandiendo involuntariamente debido a esta extrema flexión..

Cat 3-base para alas

Gato 4

Las alas siguen el andar descuidado de este gato..

Cat 4-base para alas

Paso 5

Agregue cuatro dedos a cada ala: un pulgar en la parte superior y tres dedos largos debajo de la tercera parte. Usa dedos largos para alas realistas y dedos cortos para adorables..

Los dedos largos también tienen articulaciones al igual que los dedos, por lo que puede usar esta faceta más una postura más complicada

Gato 1

Completamente expandido.

Gato 1 ala-dedos

Gato 2

Completamente plegado.

Dedos de 2 alas de gato

Gato 3

Un estado medial.

Gato de 3 alas-dedos

Gato 4

Completamente expandido.

4 dedos de alas de gato

Paso 6

Conectar los dedos con una membrana..

Sólo el pulgar está libre de membrana. No te olvides de la parte entre la "muñeca" y el hombro.

Gato 1

Gato 1 alas hechas

Gato 2

Gato 2 alas hecho

Gato 3

Gato 3 alas hecho

Gato 4

Gato de 4 alas hecho

Paso 7

Necesitamos una base mejor para los detalles más importantes: la cara y las patas. Se puede hacer muy simple; solo trátalo como una calavera.

Gato 1

Gato 1 cabeza y patas

Gato 2

Gato 2 cabezas y patas

Gato 3

Gato de 3 cabezas y patas.

Gato 4

Gato de 4 cabezas y patas.

Paso 8

Y, el mejor paso de todos. El cuerpo está bien definido, por lo que no es muy probable que rompamos algo. Deja volar tu imaginación!

Gato 1

Un gato juguetón, joven, con frente peludo y espalda calva. Mantuve una nariz normal, pero añadí orejas de murciélago grandes..

Gato 1-línea completa de arte

Gato 2

Un demonio pacífico: la parte delantera de un gato doméstico y la espalda de una bestia de pesadilla.

Gato 2-línea completa de arte

Gato 3

¿Cuál podría ser una mejor base para un gato murciélago que un gato esfinge? He utilizado un cuerpo calvo, cola larga y cara arrugada como los puntos más importantes de este diseño..

Gato 3-línea completa de arte

Gato 4

Murciélago del bosque noruego? Mapache espeluznante? Esta debe ser una mascota peluda del infierno.!

Gato 4-línea completa de arte

¡Nuestros diseños están hechos! Observe cómo se pueden crear diferentes conceptos sobre la base de la idea simple "bat-cat". Para prepararlo para futuros trabajos, elimine todas las capas excepto la última. Nombra esa capa arte lineal.

3. Agrega los colores

¡Hora de los colores! Vamos a utilizar un método simple basado en los trucos de la teoría del color que describí en este artículo..

Paso 1

Crear un Nueva capa (Control-Shift-N) y colóquelo debajo del arte lineal (insinuación: Controlar-[ y Controlar-] Se puede utilizar para mover la capa hacia arriba y hacia abajo). Por un momento, apaga Transferir en la configuración de pincel para pintar un fondo sólido debajo de la línea de arte, luego vuelva a encenderlo. Ahora ... pintar! Por primera vez no necesitas pensar en la luz y en todas esas tonterías. Solo pinta los colores que necesites, sin sombras y sin detalles..

Nombra esta capa Máscara y recortar la línea de arte con Control-Alt-G.

Pinta no pienses!

Gato 1

Cat 1-colores planos

Gato 2

Cat 2 colores planos

Gato 3

Cat 3 colores planos

Gato 4

Cat 4 colores planos

Paso 2

De ahora en adelante, vamos a hacer lo siguiente para cada paso:

  • Crear un Nueva capa arriba del anterior.
  • Acortar la capa a Máscara con Control-Alt-G.

Necesitamos el arte lineal, pero al mismo tiempo no queremos verlo. Vamos a comprometer-usar el Herramienta de cuentagotas (I) para elegir el color que probablemente está escondido debajo de la línea, mueva el Brillo deslice un poco hacia la izquierda, y pinte sobre las líneas. Recuerde seguir el color, pero aparte de eso, no necesita ser demasiado cuidadoso.

Gato 1

Cat 1-line arte cubierto

Gato 2

Cat 2 líneas de arte cubierto

Gato 3

Cat 3 líneas de arte cubierto

Gato 4

Cat 4 líneas de arte cubierto

Paso 3

Agregue más detalles, seleccionando los colores que necesita de la imagen, pero sin agregar nuevos para sombrear. Usa un cepillo grande!

Gato 1

Bosquejo de 1 color gato

Gato 2

Bosquejo de 2 colores gato

Gato 3

Gato de 3 colores boceto

Gato 4

Bosquejo de 4 colores gato

Etapa 4

Utilizar el Herramienta de cubo de pintura (G) para rellenar la capa con una versión oscura del color de la luz ambiente (por ejemplo, azul oscuro #0b0c29) .Cambie su Opacidad a 70%.

Agrega un Máscara de capa a la capa.

Seleccionar la máscara de capa.

1 capa seleccionada; Máscara de 2 capas seleccionada

Pinte las áreas débilmente iluminadas con gris y fuertemente iluminadas con negro. Usa el blanco como borrador. No solo revele la luz, sino que también pinte pequeños detalles iluminados, como el cabello..

1-negro; Gris brillante 2-50%; 3-10% gris brillante
En esta etapa estamos pintando la luz eliminando la sombra.

Gato 1

Gato 1 sombra añadida

Gato 2

Gato 2 sombras añadidas

Gato 3

Gato 3 sombras añadidas

Gato 4

Gato 4 sombras añadidas

Paso 5

Ahora queremos pintar detalles en las áreas iluminadas con un color más interesante. Elige el color de la zona con el Herramienta de cuentagotas (I) y entonces:

  • Si la fuente de luz está caliente, mueva la H Control deslizante al lado de tonos cálidos. Si hace frío, hazlo al revés.
  • Inferior Saturation un poco.
  • Incrementar segundojusticia.
Configuración de muestra para luz cálida

Pinta sobre las zonas iluminadas sin cubrirlas completamente. Simplemente pinta los detalles con un pincel ligeramente más pequeño que antes.

Gato 1

Gato 1-primera luz

Gato 2

Gato 2-primera luz

Gato 3

Gato 3-primera luz

Gato 4

Gato 4-primera luz

Paso 6

Ya que tenemos una buena idea acerca de la forma general de cada gato, podemos cortar las partes redundantes. Agrega un Máscara de capa al Máscara y pintar sobre el área de corte con negro. Apagar Transferir por un tiempo para que sea más fácil.

Gato 1

Máscara de recorte de gato 1

Gato 2

Máscara de gato 2-clipping

Gato 3

Máscara de gato 3-clipping

Gato 4

Máscara de recorte de 4 gatos

Paso 7

Si las áreas sombreadas se ven demasiado oscuras, puede agregarles luz reflejada. Para encontrar un color perfecto, elija el color de la sombra y luego:

  • Si la luz reflejada es cálida, mueva la H Control deslizante al lado de tonos cálidos. Si hace frío, hazlo al revés.
  • Inferior Sduración.
  • Incrementar segundojusticia.
Configuración de muestra para luz reflejada en frío

Ahora pinta luz sutil en las sombras. No toques las zonas iluminadas.!

Trate la luz reflejada como una luz normal, pero débil.

Gato 1

Luz reflejada del gato 1

Gato 2

Luz reflejada del gato 2

Gato 3

Luz reflejada del gato 3

Gato 4

Luz reflejada del gato 4

Paso 8

Para detalles finos, pintados con un pincel pequeño, use una versión más intensa de Paso 5. ¡No pintes detalles a la sombra! También puede utilizar este paso para pintar sobre cualquier contorno oscuro que quede en el borde de la Máscara de recorte..

Gato 1

Gato de 1 segundo de luz

Gato 2

Gato de 2 segundos de luz

Gato 3

Luz de gato de 3 segundos

Gato 4

Gato de 4 segundos de luz

4. Toques finales

Paso 1

Hasta ahora solo nos hemos ocupado de la iluminación. Ahora podemos agregar detalles independientes de la luz..

Gato 1

Gato 1-no hay detalles de la cara
Cat 1 agujeros bigotes y pupila añadida.
Sombra de 1 ojo de gato
Gato 1-bigotes, su sombra, y una polilla
Detalles del gato 1

Gato 2

Gato 2-sin detalles faciales
Cat 2 agujeros bigotes
Gato 2-bigotes y su sombra.
Detalles del gato 2

Gato 3

Gato 3-sin detalles faciales
Gato 3 alumnosGato 3-irisSombra de 3 ojos de gato
Detalles del gato 3

Gato 4

Gato 4-sin detalles faciales
Cat 4 agujeros bigotes y pupila.
Sombra de 4 ojos de gato
Cat 4-bigotes, su sombra y brillo de ojos.
Detalles del gato 4

Paso 2

Si desea agregar una iluminación más distintiva y colorida, hay un truco simple para esto. Cuando se mueve a lo largo del control deslizante Tono, a veces es difícil elegir el color correcto. Puede solucionarlo pintando un trazo del color de la fuente de luz y luego configurando su Opacidad30%.

Ahora puedes elegir el color, hacerlo un poco segundomás justo y menos Saturada, y añadir más iluminación. Encajará!

Funciona tanto para la fuente de luz principal como para la luz reflejada:

Gato 1

Cat 1-completo sombreado, una luz
Cat 1-completo sombreado, dos luces

Gato 2

Cat 2-completo sombreado, una luzCat 2-completo sombreado, dos luces

Gato 3

Cat 3-completo sombreado, una luzCat 3-completo sombreado, dos luces

Gato 4

Cat 4-completo sombreado, una luzCat 4-completo sombreado, dos luces

Paso 3

Ahora puedes agregar tus trucos personales que no se describieron en este tutorial y corregir todos los errores que puedes encontrar (por ejemplo, la pata de ese gato 2). Luego juega con el fondo para presentar a tu criatura de la manera más apropiada.

Estamos hechos!

Acaba de aprender cómo hacer realidad sus ideas, de manera rápida y en color, sin planificación alguna, sin importar cuán diferentes sean. Tal vez no fue tan rápido esta vez, pero ahora que conoce estos trucos, podrá usarlos casi inconscientemente en sus proyectos. ¿Quieres probar algo más orientado a Photoshop? Consulta mi tutorial sobre pintura con modos de fusión y máscaras de capa.