Spanish (Español) translation by Óscar Salas Fernández (you can also view the original English article)
Este tutorial fue originalmente publicado en Febrero de 2013 como un tutorial con recargo de Tuts+. Ahora está disponible para verlo gratis. Aunque este tutorial no utiliza la última versión de Adobe Photoshop, sus técnicas y procesos todavía son relevantes.
Bocetar la ilustración de un personaje puede ser muy divertido. Sin embargo darle vida a ese boceto puede ser un tarea desafiante. En este tutorial, te enseñare cómo utilizar las herramientas de pintura de Photoshop para convertir un boceto en el personaje de una iustración colorida y dinámica.
En este proceso, te mostraré cómo manipular tu boceto, rellenar tus colores y finalmente cómo añadir luz y textura. Este tutorial también incluye un vídeo para ayudar a guiarte a lo largo del camino. ¡Vamos a comenzar!
Recursos del tutorial
Durante la producción de este tutorial fueron utilizados los siguientes recursos :
1. Prepara tu boceto
Paso 1
Siempre he disfrutado pintar personajes de cartoon. Una vez que me invento la idea, normalmente dibujo el personaje directamente en el papel y después escaneo el boceto.
Paso 2
Seguramente conoces la sensación de cuando no estás satisfecho con tus bocetos a lápiz. Por ejemplo, las proporciones del personaje no son correctas o podría ser más dinámico. Como trabajamos digitalmente, podemos resolver estos problemas fácil y rápidamente. Por eso, el boceto necesita unos pocos preparativos antes de que podamos empezar con el proceso de colorear. Abre el boceto en Photoshop y duplica la capa.
Paso 3
Utiliza la Herramienta Lazo y selecciona la cabeza. Después de eso botón derecho > seleccionar inverso > Borrar. Puesto que duplicamos la capa antes, ahora tenemos la cabeza en una capa separada.
Paso 4
Botón derecho > Transformación libre
Paso 5
Mantén pulsado Comando / Control y estira la cabeza un poco más grande. Pon antención para que la cabeza esté en la misma posición sobre el cuello que estaba antes.
Paso 6
Se puede hacer lo mismo con las piernas. Duplica la primera capa (Boceto). Selecciona las piernas con la herramienta lazo > botón derecho > seleccionar inverso > borrar.
Paso 7
Botón derecho > Transformación libre
Paso 8
Mueve el punto de mira al principio de las piernas y rota la zona seleccionada.
Paso 9
Ahora que podemos girar el cuerpo entero, duplica la primera capa (Boceto) y selecciona los tres últimos elementos con Comando / Control.
Después de eso, botón derecho > Convertir en objeto inteligente.
Paso 10
Ahora podemos girar todo el cuerpo: botón derecho > Transformación libre...
Y gira la zona seleccionada.
Paso 11
Ahora vamos a retocar nuestro boceto. Para hacer esto, utilizamos la herramienta Tampón de Clonar como se muestra.
Paso 12
A continuación cambiamos el contraste del boceto, y para esto voy a usar los siguientes ajustes.
El boceto parece más accesible para colorear ahora. Guarda el documento como un jpg y ábrelo otra vez en Photoshop. Esa es la manera más fácil de convertir todas las capas y ajustes.
Paso 13
Además, utilizo a menudo la Herramienta Licuar para perfeccionar mis bocetos. En este caso la uso para reforzar la sonrisa del personaje. Abre el archivo jpg en Photoshop > pincha Filtro > Licuar.
Usa la herramienta Deformar hacia adelante para arrastrar.
Paso 14
¡Hemos terminado todos los preparativos necesarios! Ahora podemos empezar con el proceso de colorear.
2. Colorea tu boceto
Paso 1
Prefiero trabajar con dimensiones grandes porque eso me permite imprimir mi trabajo en tamaños grandes. Por eso asegúrate de que tienes una resolución 300 Píxeles / Pulgada. Pincha en Imagen > Tamaño de Imagen. Para esta pintura utilicé los siguientes ajustes.
Paso 2
Siempre duplico la capa principal (Boceto) para tener una alternativa si cometo errores. Cambia de modo Normal a modo Multiplicar. Esto te permite pintar por debajo del boceto. Fija esta capa.
Paso 3
Ahora crea una nueva capa y colócala debajo del boceto (Multiplicar capa) y rellénala con una base de color. Esta es nuestra capa del fondo.
Después de eso, con cuidado mezcla una paleta de colores con los colores principales que quieras usar en tu pintura. Utiliza una capa separada también para esto. Después, podemos coger los colores con la herramienta Cuentagotas. Una vez que hayas finalizado, fija esta capa también.
Paso 4
Entonces crea una nueva capa y empieza a pintar con la herramienta Pincel.
La mayoría de las veces uso el juego de pinceles de Mike Nash. Es un artista increíble y ofrece un montón de fantásticos pinceles gratis en su sitio web.
Paso 5
Puesto que ya hemos elegido los colores, sólo necesitamos coger el color deseado con la herramienta cuentagotas. En esta fase es muy importante elegir los colores adecuados porque la pintura está basada en esta paleta de colores.
No hagas zoom en la imagen mientras pintas el fondo para que tengas una vista completa de él. Elige los colores básicos que ya hemos ideado con el selector de color.
Paso 6
Intenta imaginar en que dirección viene la luz. En este caso, la fuente de luz viene de lado izquierdo, así que pinta la esquina izquierda un poco más brillante.
Paso 7
Un consejo estupendo: Da la vuelta a la imagen horizontalmente en diferentes intervalos de tiempo y que así puedas ver tu pintura desde un nuevo punto de vista, y esto te ayudará a encontrar posibles errores.
Ahora crea una nueva capa para el personaje.
Paso 8
Con cuidado rellena el personaje con un color base utilizando un pincel básico.
Paso 9
Después de eso, pincha el botón de bloquear píxeles transparentes.
Paso 10
Ahora podemos pintar alguno valores con un color más brillante. La textura del pincel personalizado da a la pintura un aspecto clásico bonito.
Paso 11
Siempre es bueno trabajar con muchas capas porque si cometes un error, puedes corregirlo rápida y fácilmente.
Ahora crea una nueva capa y dirige esta a la capa de color del personaje. Esto tiene el mismo efecto que el botón de bloquear píxeles transparentes.
Paso 12
El personaje lentamente cobra vida. Recuerda que estos son los colores básicos, así que no te centres aún en los detalles. Intenta trabajar con sólo unos pocos trazos de pincel.
3. Añade los detalles
Paso 1
Después de terminar los colores básicos podemos empezar con el trabajo minucioso.
Ahora pintaremos sobre nuestro boceto, así que crea una nueva capa y colócala encima del boceto (Multiplicar capa).
De nuevo, intenta trabajar con muchas capas. Si el documento es demasiado grande, simplemente convierte las capas.
Siempre empiezo con los toques de luz, así puedo imaginar el ajuste de luz mejor.
Un consejo estupendo: A menudo pinto pequeñas flechas direccionales en una capa separada. Me muestran de donde viene la luz y dónde tiene que estar la sombra.
Paso 2
Es hora de una nueva vuelta, así ves tu pintura desde un nuevo punto de vista. Intenta sobrecargar el boceto. La cabeza es el centro de la pintura, de modo que deberías poner la mayor parte de la atención en esta zona.
Paso 3
Como puedes ver, la mayoria de trazos de lápiz del boceto desaparecen bajo los colores. Debido al replandor del suelo, podemos pintar algo de luz reflejada en la tripa y los brazos del personaje.
Paso 4
Para el suelo utilicé una textura de CGTextures.com.
Carga la textura en tu archivo.
Paso 5
Cambia la capa a luz suave y la opacidad al 73%.
Paso 6
Elige la herramienta lazo > botón derecho > transformación libre. Después estíralo en la posición correcta.
Paso 7
Borra los bordes de la textura con la herramienta borrador.
Paso 8
Después de eso, crea una nueva capa y colócala encima de la de 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 pelo necesitamos un pincel puntiagudo, así que pincha en los ajustes del pincel en dinámica de forma. Utilicé los siguientes ajustes.
Paso 11
El fondo está un poco vacío, así que empiezo por pintar unas pocas ondas de polvo en el fondo.
Paso 12
Para dar al trabajo el toque final, crea una nueva capa y rellénala con un color gris. Después pincha en Filtro > Ruido > Añadir ruido.
Establece la cantidad al 21.27% y pincha OK.
Después de eso picha en Filtro > Desenfocar > Desenfoque de rectángulo y establece el radio en 2 px.
Una vez hayas hecho esto, cambia la capa a luz suave y establece la opacidad al 54%.
Un trabajo increíble, ¡ya lo has hecho!
¡Eso es! Espero que este tutorial fuera útil y que te inspire para desarrollar tus propios personajes y estilo. Oh, un último consejo: ¡Diviértete!
Vídeo en tiempo real
Este tutorial incluye además un vídeo en tiempo real para mostrar el proceso. El vídeo ha sido editado sobre la marcha pero debería ser una gran guía si tienes alguna pregunta.
By
