Tutorial:Coloreado (SAI-Photoshop) 1

Este tutorial podría llegar a extenderse bastante, ya que trataré el proceso de coloreo y sombreado en ambos programas.

# Photoshop

Teniendo en cuenta que a este punto me imagino está claro cómo utilizar las herramientas básicas, siempre suelo comenzar añadiendo una capa nueva debajo del lineart y la pinto de blanco, para que la transparencia no moleste.

http://prntscr.com/o6nsnk

Es importa tener esa opción desmarcada, sino, respetará el lineart para pintar.

Por siguiente, recomiendo crear un grupo y dentro de este una capa nueva debajo del lineart, para que todo esté organizado. Parece una boludez, pero ayuda mucho cuando tienes una imagen muy trabajada o de varios elementos que pintar, más si le pones nombre al grupo.

http://prntscr.com/o6nts2

Ahora, selecciona la capa que está dentro del grupo, elige un color, y con la herramienta pluma, comienza a bordear todo el contorno de lo que quieras pintar.

http://prntscr.com/o6nuks

Trata de seguir el trazo del lineart lo mejor posible. Es algo tedioso, pero es la forma que mejor resultado da, ya que pintar con cubo puede dejar varios espacios en blanco.

Cuando termines, da click derecho, "rellenar trazo" y da en Ok o toca enter, y luego vuelve a dar enter para deseleccionar el trazo de la pluma. Sigue el proceso hasta haber acabado.

http://prntscr.com/o7h7ca

Debajo del grupo que pintaste, crea uno nuevo. Es importante que sea debajo del que se pintó primero, porque así el contenido del segundo grupo se posicionará debajo del primero, sin intervenir con el trabajo anterior. Por decirlo de algún modo, todo el contenido del primer grupo cubre al segundo.

http://prntscr.com/o7ha9z

http://prntscr.com/o7hb0d

Otra cosa es que te permite pasarte un poco sin preocuparte, ya que como dije, todo será cubierto por la capa de arriba.

http://prntscr.com/o7hh3f

Continúa el proceso, hasta haber pintado todo.

http://prntscr.com/o7n5p2

Como se aprecia, aún no he pintado los ojos o la boca. Esto es porque quería darle más importancia a esta parta, ya que, aunque parezca obvio decirlo, hay que pintarlos aún si el fondo es blanco, por si luego quieres borrarlo y así no te quedará transparencia en las partes blancas.

Yo siempre espero al final para pintarlos. En una misma capa suelo pintar los ojos y los dientes (si es que se notan), y luego hago otra capa sobre esta para remarcar ojos, y si hay, más detalles en la boca.

http://prntscr.com/o7n7te

http://prntscr.com/o7n8ag

Ahora se puede quitar el fondo, para ello, da click encima del ícono del ojo en la capa.

http://prntscr.com/o7n958

Ahora, para comenzar a sombrear... Ve a la capa de color donde quieres sombrear, y crea una capa sobre la pintada.

http://prntscr.com/o7nmta

Da click derecho en esta nueva capa, y toca la opción "Máscara de recorte".

http://prntscr.com/o7nnc8

En esta capa con máscara de recorte puedes comenzar a sombrear sin temor a pasarte con las líneas, porque la máscara solo tiene seleccionada la capa de abajo.

Antes de pintar, te recomiendo que tengas en claro de qué dirección quieres que venga la luz, y las sombras estarán del lado opuesto. Pero esto debería explicarlo en un tutorial aparte, así que por ahora me limitaré a lo básico.

Un dato, es que si quieres borrar una parte que pintaste en la capa de máscara o en cualquier capa, puedes usar la herramienta selección. Mantén apretada la herramienta, y te saldrá la opción "Lazo poligonal", selecciónala.

https://prnt.sc/o7o8bf

Luego de marcar el lugar que quieres borrar, ve a "Edición", "Borrar". Luego da click derecho en el dibujo, y click en "deseleccionar".

http://prntscr.com/o7ohrf

Para hacer otro tono de sombreado, se hace otra capa con máscara, para que si quieres borrar no se mezcle con la anterior. Cabe aclarar que la máscara de recorte solo dibuja dentro de la primera capa que tenga debajo que no sea máscara de recorte, es decir, si tienes varias máscara de recorte, todas se fijarán solamente en la primera capa que no lo sea.

Ahora, si tienes miedo y no quieres que el tercer tono pase demasiado del segundo y no quede uniforme, puedes utilizar la herramienta "Barita mágica" y seleccionar el primer sombreado que hiciste.

http://prntscr.com/o7ojyy

http://prntscr.com/o7okaa

Mientras esté seleccionado, solo dibujará dentro.

http://prntscr.com/o83b91

Aquí ya está terminado uno de los grupos de color. No es necesario que sean 3 tonos, podrían ser dos, 4 o los que sean, yo lo hice así para que sea lo más habitual. Cabe aclarar que todo el dibujo debe tener la misma cantidad de tonos en cada parte, tanto piel, cabello, vestuario, etc; de otro modo, no quedará uniforme, aunque ciertos detalles menores como guantes sí pueden tener únicamente 2 tonos para no saturarlo.

# Paint Tool Sai

Lo primero es crear una nueva capa linework y situarla debajo del lineart. A primera vista, notarás que el dibujo tiene fondo blanco predeterminado, esto no es normal, no quiere decir que haya perdido la transparencia.

Ahora, el proceso no es muy distinto del de PS; luego de tomar el color que quieras, selecciona la herramienta curva, y con ella ve delineando el contorno de lo que quieras pintar. Trata de que sea con un grosor con el que te puedas dar cuenta dónde estás delineando, pero que no se note demasiado. 1.5 o 2 diría que está bien.

http://prntscr.com/o89re9

No se nota mucho, pero le pasé el contorno a todo el brazo.

Con la Barita Mágica, selecciona la parte de adentro del trazo.

http://prntscr.com/o89rrt

Crea una nueva capa debajo del Linework, y selecciona el cubo de pintura. Luego da click sobre la parte seleccionada por la barita.

http://prntscr.com/o89s5v

Para quitar la selección, hay que volver a la capa Linework, y fijarse en la herramienta Deseleccionar.

http://prntscr.com/o89se5

Esta es como un borrador que al pasarse sobre la parte azul, quita lo antes seleccionado.

http://prntscr.com/o89wte

También se puede apretar este ícono, que lo borra más fácil.

http://prntscr.com/o89w6t

Lo que no quieras pintar, remarcalo por los bordes, para que posteriormente no sea seleccionado.

http://prntscr.com/o89x95

Unes el Linework con la capa de abajo.

http://prntscr.com/o89yp2

Ahora, crea nuevamente una nueva capa arriba, y sobre esta, un Linework. Esto será para la sombra.

http://prntscr.com/o89z3i

Haz el trazo de la sombra, sin preocuparte por salirte de las líneas, tan solo fíjate que el trazo no quede con huecos.

http://prntscr.com/o8a00y

Utiliza la barita.

http://prntscr.com/o8a0g0

Como se ve, me quedaron algunos huecos. En este caso, se puede intentar agrandando más el trazo, o arreglarlo con las herramientas de Selección y Deselección.

Una vez reparado, van a la capa de abajo y lo pintan.

http://prntscr.com/o8a13h

http://prntscr.com/o8a6zy

Listo.

Como antes, se une el Linework con la capa de abajo. Y ahora se toca la opción "Recortar grupo", que funciona igual que la máscara de recorte en PS.

http://prntscr.com/o8a7m5

Para la última capa de sombra, se repite el proceso.

http://prntscr.com/o8adbw

No explico nada más, porque todo lo demás es básicamente lo mismo que con PS.

No terminaré los dibujos porque uno de los archivos se rompió, pero a simple vista, ambos resultados se ven muy bien. El SAI da más naturalidad a la sombra por las curvas de los trazos, pero cuesta más trabajo; El sombreado en PS da un resultado muy cercano e igualmente bueno, que se puede hacer aún mejor (yo lo hago demasiado así nomás), además de rápido. Es cosa de cada quién qué programa utilice, yo uso ambos, dependiendo la situación, pero me inclino más al PS.

En el próximo tutorial me centraré en el tema de la sombra y luz como tal en los dibujos.