Convierte un dibujo a lápiz en una ilustración colorida y dinámica de personajes

Lo que vas a crear
Este tutorial se publicó originalmente en febrero de 2013 como tutorial de Tuts + Premium. Ahora está disponible de forma gratuita para ver. Aunque este tutorial no utiliza la última versión de Adobe Photoshop, sus técnicas y procesos siguen siendo relevantes. 

Dibujar una ilustración de un personaje puede ser muy divertido. Sin embargo, dar la vida del boceto puede ser una tarea desafiante. En este tutorial, explicaré cómo usar las herramientas de pintura de Photoshop para convertir un boceto a lápiz en una ilustración colorida y dinámica de personajes.. 

En este proceso, le mostraré cómo manipular su boceto, bloquear sus colores y, finalmente, cómo agregar iluminación y textura. Este tutorial también incluye un video que lo guiará en el camino. Empecemos!

Y para satisfacer sus necesidades de arte digital, considere uno de nuestros increíbles pinceles para Adobe Photoshop de GraphicRiver y Envato Elements. Descarga estos pinceles para transformar tu arte digital en hermosas obras maestras!

Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial:

  • Textura de la roca
  • Cepillos de Mike Nash

1. Cómo preparar tu boceto

Paso 1

Siempre me ha gustado pintar personajes de dibujos animados. Una vez que se me ocurre la idea, normalmente dibujo el personaje directamente en el papel y luego escaneo el boceto.


Paso 2

Seguramente conoces la sensación cuando no estás satisfecho con tus bocetos a lápiz. Por ejemplo, las proporciones del personaje no son correctas o podrían ser más dinámicas. Como trabajamos digitalmente, podemos resolver estos problemas de manera muy fácil y rápida. Por lo tanto, el boceto necesita algunos preparativos antes de poder comenzar con el proceso de coloración. Abra el croquis en Photoshop y Duplicar la capa.


Paso 3

Utilizar el Herramienta Lazo y seleccione la cabeza. Después de esto haga clic derecho> seleccione Inverso> Eliminar. Debido a que antes duplicamos la capa, ahora tenemos la cabecera en una capa separada.


Etapa 4

Clic derecho> Transformación libre.


Paso 5

Sostener Controlar Y estirar la cabeza un poco más grande. Preste atención para que la cabeza esté en la misma posición en el cuello que antes..


Paso 6

Lo mismo se puede hacer con las piernas.. Duplicar La primera capa (Sketch). Seleccione las piernas con el Herramienta Lazo> clic derecho> seleccione Inverso> Eliminar.


Paso 7

Clic derecho> Transformación libre.


Paso 8

Mueve la mira hasta el comienzo de las piernas y Girar el area seleccionada.


Paso 9

Ahora que podemos rotar todo el cuerpo, duplicar la primera capa (Sketch) y seleccionar los últimos tres elementos con Controlar.


Después de esto, clic derecho> Convertir a objeto inteligente.


Paso 10

Ahora podemos Girar todo el cuerpo clic derecho> Transformación libre...


Y Girar el area seleccionada.


Paso 11

Ahora vamos a retocar nuestro boceto. Para ello, utilizamos el Herramienta de sello de clonación como se muestra.


Paso 12

A continuación cambiamos el contraste del boceto, y para esto estoy usando las siguientes configuraciones.


El boceto se ve más accesible para colorear ahora.. Salvar el documento como un JPG Y abrirlo de nuevo en Photoshop. Es la forma más fácil de convertir todas las capas y ajustes..


Paso 13

Además, a menudo utilizo el Herramienta de licuar para perfeccionar mis bocetos. En este caso lo uso para reforzar la sonrisa del personaje. Abra el archivo jpg en Photoshop> haga clic en Filtro> Licuar.


Utilizar el Herramienta de deformación hacia adelante arrastrar.


Paso 14

¡Hemos terminado todos los preparativos necesarios! Ahora podemos empezar con el proceso de coloración..


2. Cómo colorear tu boceto

Paso 1

Prefiero trabajar con altas dimensiones porque eso me permite imprimir mi trabajo en tamaños grandes. Por lo tanto, asegúrese de tener una Resolución de 300 dpi. Haga clic en Imagen> Tamaño de imagen. Para esta pintura he usado los siguientes ajustes..


Paso 2

Siempre duplico la capa principal (Sketch) para tener una alternativa si cometo errores. Cambiar de Normal modo a Multiplicar modo. Esto te permite pintar debajo del boceto. Arregla esta capa con un castillo..


Paso 3

Ahora cree una nueva capa y colóquela debajo del croquis (Multiplicar Capa) y rellenarlo con un color base. Esta es nuestra capa de fondo..

Después de eso, mezcle cuidadosamente una paleta de colores con los colores principales que desea usar en su pintura. También use una capa separada para esto. Después, podemos escoger los colores con el Herramienta cuentagotas. Una vez que hayas terminado, arregla esta capa con un castillo también.


Etapa 4

Luego crea un Nueva capa y empezar a pintar con el Herramienta de pincel.


La mayoría de las veces uso el pincel de Mike Nash. Es un artista increíble y ofrece muchos pinceles fantásticos gratis en su sitio web..


Paso 5

Como ya hemos elegido los colores, solo tenemos que elegir el color deseado con el Herramienta cuentagotas. En esta etapa es muy importante elegir los colores correctos porque la pintura se basa en esta paleta de colores.

No haga zoom en la imagen mientras pinta el fondo para tener una vista completa de ella. Elige los colores básicos que ya hemos ideado con el Selector de color.


Paso 6

Trate de imaginar de dónde viene la luz. En este caso, la fuente de luz viene del lado izquierdo, así que pinte la esquina izquierda un poco más brillante.


Paso 7

Un gran consejo: Voltear la imagen horizontalmente en diferentes distancias de tiempo para que pueda ver su pintura desde un nuevo punto de vista, y esto le ayudará a encontrar posibles errores.


Ahora crea un Nueva capa para el personaje.


Paso 8

Rellena cuidadosamente el personaje con un color base con un pincel básico.


Paso 9

Después de eso, haga clic en Bloquear píxeles transparentes botón.


Paso 10

Ahora podemos pintar algunos valores con un color más brillante. La textura en el pincel personalizado le da a la pintura un bonito aspecto clásico.


Paso 11

Siempre es bueno trabajar con muchas capas porque si comete un error, puede corregirlo rápida y fácilmente..

Ahora crea un Nueva capa y apunta esto a la capa de caracteres de color. Esto tiene el mismo efecto que el Bloquear píxeles transparentes botón.


Paso 12

El personaje cobra vida lentamente. Recuerde que estos son solo los colores básicos, así que no se centre en los detalles todavía. Intenta trabajar con solo unos pocos trazos de pincel.


3. Cómo agregar los detalles

Paso 1

Después de terminar los colores básicos podemos comenzar con el trabajo detallado..

Ahora vamos a pintar sobre nuestro boceto, así que cree una nueva capa y colóquela sobre el Boceto (Multiplicar Capa).

De nuevo, trata de trabajar con muchas capas. Si el documento es demasiado grande, simplemente convierte las capas.


Siempre empiezo con los aspectos más destacados, por lo que puedo imaginar mejor la configuración de la luz.

Consejo rápido: a menudo pinto flechas direccionales pequeñas en una capa separada. Me muestran de dónde viene la luz y dónde tiene que estar la sombra..


Paso 2

Es hora de un nuevo giro, para que veas tu pintura desde un nuevo punto de vista. Intenta sobreimprimir el boceto. La cabeza es el foco de la pintura, por lo que debe poner más atención en esta área.


Paso 3

Como puede ver, la mayoría de los trazos de lápiz del boceto desaparecen bajo los colores. Debido al brillo del suelo, podemos pintar un poco de luz reflejada en el vientre y los brazos del personaje.


Etapa 4

Para el suelo utilicé una textura de CGTextures.com..

Carga la textura en tu archivo..


Paso 5

Cambiar la capa a Luz tenue y el Opacidad a 73%.


Paso 6

Elegir la Herramienta Lazo> Clic derecho> Transformación libre. Luego estíralo en la posición correcta.


Paso 7

Borra los bordes de la textura con el Herramienta de borrador.


Paso 8

Después de eso, crea un Nueva capa y colocarlo sobre la textura. Ahora podemos pintar sobre la textura..


Paso 9

La pintura está casi terminada, lo único que falta es el pelo..


Paso 10

Para el cabello necesitamos un cepillo afilado, así que haz clic en el Ajustes de pincel en Dinámica de formas. Utilicé los siguientes ajustes.



Paso 11

El fondo está un poco vacío, así que comienzo pintando algunas ondas de polvo en el fondo.


Paso 12

Para darle al trabajo el toque final, cree una nueva capa y rellénela con un color gris. Luego haga clic en Filtro> Ruido> Añadir ruido.


Fije la cantidad a 21.27% y haga clic DE ACUERDO.


Después de que haga clic en Filtro> Blur> Box Blur y establece el radio a 2 px.


Una vez que hayas hecho eso, cambia la capa a Luz tenue y establecer el Opacidad a 54%.


Impresionante trabajo, ya estás hecho!

¡Eso es! Espero que este tutorial haya sido útil y te inspire a desarrollar tus propios personajes y estilo. Oh, un último consejo: Diviértete.!

Video en tiempo real

Este tutorial también incluye un video en tiempo real para demostrar el proceso. El video ha sido editado por mucho tiempo, pero debería ser una gran guía si tiene alguna pregunta..


Increíbles pinceles de Photoshop de Envato Elements

¿Quieres emular ese hermoso aspecto de arte tradicional sin tener que recoger un solo pincel? Luego prueba nuestra extraordinaria selección de pinceles artísticos de Photoshop de Envato Elements para simular ese aspecto tradicional. Y echa un vistazo a uno de nuestros favoritos a continuación!

Pinceles para Photoshop de Acrílico Supremo y Gouache

Pinta como tus artistas clásicos favoritos con este divino kit de pinceles para Photoshop. En este paquete se incluyen 27 impresionantes pinceles de Photoshop con sensibilidad de presión incorporada para imitar las herramientas de arte tradicionales. Descarga este juego para obtener acceso a estos pinceles y crear un arte digital magnífico hoy!