Coloreado y sombreado digital en photoshop

1. Preparando el Boceto

2. Añadiendo colores y sombras (1)

3. Añadiendo colores y sombras (2)

4. Fondos, toques finales y formatos de archivo.

 

PREPARANDO EL BOCETO 

 

 

Yo solía trazar mis dibujos, pero me he dado cuenta de que lleva demasiado tiempo, y de que es mas facil usar un boceto en tinta. ^_^ Una vez hayas decidido que dibujo quieras colorear, retraza la imagen en un papel limpio cuidadosamente pasado a tinta. Normalmente ayuda usar un papel grande y estilografos finos, asi conseguirás una linea mas fina. Si te equivocas pasando a tinta, puedes limpiarlo con un corrector o arreglarlo en Photoshop.
Borra cualquier linea extra de lapiz y deja el dibujo lo mas limpio posible. Escanea el dibujo y cargalo en Photoshop. Asegurate de que el dibujo está en modo RGB antes de continuar. Para hacer el dibujo en modo RGB, ves al menu Imagen>>Modo>>RGB Color.


A mucha gente le gusta mantener el dibujo en el fondo de la imagen, y despues colorear encima usando capas puestas en modo "Multiplicar". El mayor fallo al colorear de este modo es que no hay forma de colorear las lineas del contorno. Añadir color a las lineas puede darle al dibujo un toque bonito.
Para hacer esto, tienes que hacer el contorno transparente, lo cual te permitirá colorear por debajo de él (exactamente como si pusieras el dibujo en un papel transparente).

  

 

 

Antes de que hagas nada, ajusta el brillo y el contraste de tu imagen hasta que las areas blancas sean completamente blancas y las lineas negras sean puramente negras, pero sin llegar a pixelarse. Si no tienes cuidado con el ajuste del contraste, acabarás dentando el dibujo, como en la ilustracion de más a la izquierda. No buscamos un dibujo dentado y feo; queremos que sea tan suave y nitido como sea posible, asi que ten cuidado.

Tambien querrás arreglar zonas incompletas, tales como el ojo en este dibujo, y limpiar las lineas un poco, aunque yo no soy bastante paciente como para hacer esto muy a menudo.
De todas formas, una vez hayas reducido la imagen, las imperfecciones del dibujo no serán tan visibles.

  

Ahora, con el fin de hacer tu dibujo (ya limpio) transparente, primero de todo selecciona el lienzo completamente. Copia todo el dibujo y pegalo en una capa tal como se muestra a la izquierda (NDT* : tambien puedes duplicar el fondo en lugar de copiar la capa y llamar a esta"Capa 1" como en el ejemplo).
Ahora tendrás dos copias de la imagen: la capa de Fondo, y la Capa 1. Borra la capa de fondo, y crea un nuevo fondo puramente blanco, yendo al menu Capa>>Neva>>Fondo

  

Ve al menu Canales de la ventana flotante de Capas. Pulsa el boton "Cargar canal como seleccion", que es el mas a la izquierda abajo, con la imagen de un circulo punteado. Lo que esto hace es seleccionar todas las areas blancas del contorno, sin que tengas que usar la Varita Magica. Evita usar la varita magica todo lo que puedas! Puede hacer selecciones realmente malas.

De todas formas, despues de pulsar el boton "Cargar canal como Seleccion", todas las areas blancas se deberian seleccionar mediante lineas discontinuas.

  

Asegurate de que la Capa 1 está seleccionada, y no la Capa de Fondo, y entonces pulsa Borrar (tecla Supr). Esto borrará todas las areas blancas del dibujo, dejando solo las lineas negras.
Deselecciona la imagen de manera que las lineas discontinuas de la seleccion desaparezcan, dejando solo el dibujo. Te darás cuenta de que el dibujo está un poco desvanecido. No te preocupes, esto es muy facil de corregir. :)

  

 

 

 



Pon la capa uno a "Preservar Transparencia" marcando la "checkbox" en el menu de capas, como se muestra justo arriba. Esto te permite pintar por encima de las lineas existentes sin que sean pintadas y echarlas a perder. Es una caracteristica muy util. :) Selecciona un pincel grande y pinta sobre todo el dibujo con color puramente negro. Las lineas del dibujo deberían volver a su oscuro anterior.

  

Ahora ya tienes el dibujo con un contorno limpio y transparente listo para ser coloreado. :)

  

*NDT : Nota del Traductor

 

AÑADIENDO COLORES Y SOMBRAS : PARTE 1

 

 

Crea una nueva capa entre la capa de fondo y la capa del dibujo a linea. Esta capa será para la piel (bueno, puedes colorear lo que quieras primero, pero yo normalmente cominezo con la piel o con el pelo). La mayoria de la gente usa la varita magica para seleccionar el area a pintar, pero me he dado cuenta de que la varita magica es insuficiente y no muy precisa. Ademas, acabas teniendo varias areas blancas alrededor de las lineas que necesitan ser rellenadas.

En lugar de eso, usa la herramienta de Lazo Poligonal para seleccionar las areas que quieres colorear. Esto conlleva un poco mas de tiempo, pero a la larga funciona mejor. No debes de preocuparte sobre los huecos del dibujo o esas molestas zonas blancas alrededor de las lineas. Lo que queremos hacer es trazar el contorno de la region que queremos colorear . Esto puede resultar dificil en regiones complejas y extensas, ya que no puedes parar hasta que no acabas y cierras la seleccion. Si esto llega a ser un problema, entonces la herramienta Pluma nos será igual de util para esta tarea.
En ocasiones seleccionar regiones complicadas como pelo detallado puede ser un suplicio, pero creeme, ten paciencia y veras que vale la pena tomarse su tiempo en lugar de usar la herramienta Varita Magica. :)

  

 

Una vez tengas toda la piel(o cualquier otra parte en la que estés trabajando) seleccionada, elige un color y usa el cubo de pintura para rellenarlo. Si tienes problemas eligiendo los colores, date una vuelta por internet y busca dibujos de personajes con tonos de piel bonitos, y aplicalos. Si el color es muy palido porque lo cogiste de un mal escaneado, tan solo ajustalo hasta que quede como quieres.Ademas, antes de que añadas el color, considera que tipo de luz habrá en el dibujo.
Estará a la luz del dia, o de noche? Que tipo de humor quieres que tenga tu dibujo? Los colores que elijas afectarán al sentimiento global del dibujo, asi que ten esto en cuenta antes de comenzar a añadirle color.

  

 

 

Selecciona las otras regiones del dibujo y rellenalas de color. Asegurate de poner cada color en una capa diferente, o por lo menos asegurate de que no tienes dos colores diferentes juntos en la misma caapa. Esto nos lo pondrá mas facil a la hora de sombrear. Hablando de esto... no empieces a sombrear hasta que tengas rellenas de color todas las areas principales Una vez hecho puedes asegurarte de que los colores coinciden bien.
Yo queria que este dibujo tuviese una luz suave, asi que elegí colores claros y palidos.
Recuerda que tu seleccion de color puede afectar la apariencia y el sentimiento del dibujo, asi que tomate algo de tiempo cuando rellenes todos los colores. Yo normalmente gasto algo de tiempo ajustando y reajustando los colores de la piel, el pelo y las ropas, hasta que estoy a gusto con la combinacion.

  

Ahora que todos los colores principales estan rellenados, podemos comenzar a sombrear. Yo usualmente comienzo con la piel y el pelo, solo porque creo que son mas divertidos. :)
Asegurate de que marcas la Checkbox "preservar transparencia" arriba de la ventana de Capas!! Esto es muy importante; te permite pintar sobre el area que ya pintaste sin salirte de las lineas. Esto hará el sombreado mucho mas sencillo. Selecciona una version mas oscura del color del color base de la capa con la que estas trabando. Si tienes problemas a la hora de seleccionar un buen color, busca otros dibujos como referencia. Yo casi siempre uso algun otro personaje anime para ayudarme a sombrear, especialmente colores con luces complicadas. Uso una tableta grafica al sombrear, pero mucha gente tiene que usar un raton en su lugar. Para conseguir esa suavidad con un raton, puedes usar la herramienta Pluma para definir las sombras, colorearlas a mano (lo cual prefiero, aunque a veces es mas engorroso y cuesta mas tiempo...), o puedes usar el Lazo Poligonal para seleccionar las zonas que quieres sombrear. Hay variedad de formas a la hora de añadir sombras; el metodo que elijas depende de ti. Tan solo recuerda experimentar y tener paciencia, porque puede llevar su tiempo conseguir sombras suaves y con la forma deseada

  

Suele ser buena idea añadir varias capas de sombra por color base, especialmente en areas como la piel y el pelo.
Para añadir otra capa de sombras, ajusté los colores de la piel un poco para hacerlos menos apagados. Para ello, usa la herramienta Cuentagotas para seleccionar el color que quieres cambiar, entonces ves a Imagen>>Ajustar>>Reemplazar Color. Entonces puedes cambiar el color al cualquier otro sin estropear las sombras que acabas de añadir. ^_^

  

 

 

 

Una vez hayas acabado de sombrear la cara, cambia a otra zona. Lo siguiente que elegí hacer fue el pelo, por lo que mencioné antes, me gusta colorear el pelo. :-)
El pelo se ha coloreado del mismo modo que la cara; Cogí un color mas oscuro que el color base, y rellené las sombras. Asegurate de que mantienes un patrón de luz consistente. Por ejemplo, si la luz viene desde la izquierda de la cara, asegurate de que parece que viene desde la izquierda en el resto del dibujo.
Pon especial atencion a las areas donde caen las sombras, y asegurate de sombrearlas adecuadamente. De nuevo, nunca viene mal usar un dibujo como referencia.

  

Si quieres, añade una segunda capa de sombras al pelo para darle mas profundidad. Si quieres tambien puedes añadir brillos.
Yo no los he añadido a este dibujo en particular, porque no creí que el pelo los necesitase, pero si fueras a añadir brillos, te recomiendos ponerlos en una Capa aparte, encima del pelo.
Hacer que las areas claras de los brillos se superpongan a las sombras mas oscuras es una magnifica manera de hacer que el pelo (o lo que sea) parezca realmente brillante, y es mas facil hacer que se superpongan si están en Capas separadas. :)

  

 

 

AÑADIENDO COLORES Y SOMBRAS : PARTE 2

 

 

 

Despues de sombrear el pelo y la cara, he pasado al tocado (la prenda de la cabeza) . Quería explicar como colorear orbes, y darles una bonita apariencia de brillo.^_^
Dar brillo a los orbes puede parecer complicado, pero son realmente muy simples de sombrear. Comienza creando un area oscura en el centro del orbe. Yo la dibujé cuando pasé a tinta el dibujo, lo cual probablemente no es la mejor idea, de manera que tuve que usarla herramienta Desenfocar para suavizarlo un poco antes de continuar. ^_^
  

 

Usa un color mas oscuro que el color base para extender las sombras en el centro del orbe, asi como a lo largo del borde inferior del orbe. Haz tantos detalles como quieras.

  

 

 

Ahora, simplemente añade unos cuantos destellos redondos en el area por donde viene la luz. Para dar al orbe un brillo añadido, puse unas cuantas sombras más alrededor del destello mas grande, y pinté la parte superior de los destellos muy suavemente con el Aerografo en color blanco. Lo ves? no es tan dificil. Para conseguir el efecto de brillo, tan solo añade varias capas de sombras y destellos de luz superpuestos. :)

  

Comienza añadiendo sombras a las otras areas mas detalladas de tu dibujo, y asegurate de mantener el origen de la luz consistente. Recuerda usar varias capas de brillos y sombras para hacer que el dibujo parezca mas tridimensional y voluminoso. Recomiendo usar al menos dos o tres colores diferentes por capa.

  

Colorea el resto de los detalles. Recuerda que cuantas mas capas uses, mas tridimensional parecerá. De todas formas, debes de asegurarte de que las colocas en el lugar adecuado, o no importará cuantas sombras tengas.

  

 

 

 

Recuerda que el principio del tutorial dije que añadir color a las lineas del dibujo puede darle un buen toque? Bien, ahora puedes probarlo y verlo por tí mismo. :) Ve a la capa del Dibujo, asegurate de que preservar transparencia esté marcado, coge una version mas oscura del color que vas a pintar, y pinta las lineas.
Para el pelo he usado un azul mas oscuro; para la piel he usado un marron oscuro. Lo que esto hace es hacer las lineas menos prominentes, pero aun dan a los bordes la definicion apropiada. Compara este dibujo con el de justo arriba. ¿Ves la diferencia? Es insignificante, pero creeme, puede hacer que tu dibujo quede mucho mejor, especialmente si estas trabajando con lineas gruesas.

  
FONDOS Y RETOQUES FINALES

 

 

Una vez coloreado todo el personaje, podrías querer añadir un fondo. Hasta un fondo descuidado puede darle vida a tu dibujo. ;) Yo boceté rapidamente un fondo, el cual consiste en una ciudad y algunas montañas, y puse el boceto en una Capa por debajo del dibujo principal. Entonces hice el boceto transparente, usando el mismo metodo descrito en la parte 1. Sin embargo, es probablemente mas inteligente incluir el fondo con el primer boceto; Yo no lo pensé hasta despues de haber escaneado la version en tinta de este dibujo.^_^; De todas formas , asegurate de que la Capa del dibujo del fondo es transparente.

  

 

Lo siguiente es pintar el fondo con los colores base usando la herramienta Lazo Poligonal. De acuerdo, se que el fondo que he dibujado no es lo mas excitante del mundo, pero es mi primer intento añadiendo un fondo a mano, asi que sufre comingo. ^_^

  

 

 

Una vez establecidos los colores principales, añade sombras al fondo, para que no parezca muy plano. Esta parte lleva un poco de tiempo... Normalmente es de gran ayuda tener dibujos de referencia, porque no se tu, pero yo personalmente encuentro un reto colorear paisajes. ^_^ Por supuesto, esto es probablemente porque no tengo aun suficiente práctica... ^_ ~

  

Una vez coloreado el fondo, añadí unas cuantos efectos de luz para hacerlo un poco mas bonito. Añadí un destello (conocido como Lens Flare) justo sobre las montañas (esta es una de las veces en las que un destello seria apropiado; generalmente solo se ven cuando una luz está brillando directamente a la camara ), y añadí algunas lineas de luz. Para hacer las lineas de luz, creé otra Capa entre la de fondo y el personaje, usé la herramienta Lazo Poligonal para hacer grandes formas triangulares , las rellené con blanco puro, las emborroné con "desenfoque gaussiano", puse la Capa a "Luz Suave" en lugar de Normal, y ajusté la opacidad de la capa al 70%.

  

Ya casi hemos acabado. :) Si quieres, crea una capa por encima todas las otras. En esta capa pondremos brillos adicionales y toques finales. Coge el Aerógrafo a baja presion (20-40%), y añade cuidadosamente luz a las zonas con brillos, tales como las zonas mas claras del metal del tocado de su cabeza, como se muestra en el dibujo. Esto les da un brillo adicional. :)

  

 

 

 

Wow, ya casi está! :) Ahora, lo que tienes que hacer es comprimir el archivo. Si tienes memoria de sobra, quizá quieras mantener la version sin comprimir del dibujo para un uso en el futuro (quiza quieras hacer fondos de escritorio o impresiones).
Si piensas poner tu dibujo en internet, necesitarás comprimirlo y guardarlo en formato JPEG o GIF. No hay nada mas irritante que tener que esperar media hora para recibir un archivo de 2 megas que alguien envió, porque él o ella no sabia como comprimirlo previamente. Para disminuir el tamaño ves al menu Capa, en la barra superior y pon Acoplar Imagen. Esto juntará todas las capas en una. No podrás guardar la imagen en formato JPEG a menos que acoples la imagen (NDT*: tambien puedes guardar la imagen poniendo Guardar una copia... sin tener que acoplar la imagen).
En este punto tambien necesitarás ajustar el tamaño de la imagen. Intenta no hacer el dibujo mayor de 800 pixels en ninguna direccion; es mejor tener el dibujo encajado en la pantalla.
Despues, ve a "Guardar como", y selecciona el formato JPEG del menu de seleccion. Cuando lo hayas puesto, elige la tasa de compresión para guardarlo. Recomiendo una tasa de compresión del 7 o el 8, ya que recorta bastante el tamaño del archivo sin sacrificar mucho su calidad. Creeme, es realmente dificil decir la diferencia entre el nivel 10 de compresión y el nivel 6. ^_^
Por cierto, Pulsa en el dibujo de la izquierda para ver la version final, a tamaño completo ! :)

  

*NDT : Nota del Traductor

Sobre el autor

20 Comentarios

Antheis
Excelente, muchas gracias. Porcierto muy chulo el dibujo!
kiia

muy buen tutorial!,, mas que bueno, excelente!! n.n

lo voy a probar  aver qe sale !n.n

Lucrecia
hola, la verdad es que me gusto mucho, quisiera saber que photoshop es el que utilizas y donde lo puedo descargar, porque he buscado pero no encuentro ningún link que funcione. Gracias!
mangapym
Pues phoshop no se, pero puedes usar este clon online gratuito :
http://pixlr.com/editor/
Lilly
Muy bueno! 
atrobix
muy bueno, lo pondre en practica.
ivanrag
En mi Cs3 no encuentro el boton de ''preservar transparencia'';se que es viejo este tutorial,pero es que acabo de ponerme a mirarlo,y como no he sabido encontrar ningun sitio que me explique como soluvionarlo,ruego como ultima opcion que algien me lo explique porque no hay manera por favor.
Gracias.
mangapym
Esta en el mismo lugar : solo que ahora es un icono en forma de cuadro y que tiene adentro uan cuadricula de cuadraditos grises claros y blancos.

Garvel
Veo que muchos llegamos a dibujando gracias a este tutorial  y que bueno que aún siguen activos miembros de esa época... 
JorgeInside

Nostalgia!!! con esto aprendi a pintar en jotocho!! x3

MarialexBruges

Despues de anos decidi unirme a la comunidad por fin!!

Gracias por el tutorial!!

Compartire mis dibujos  siempre gracias!!

ShadCarlos

Este fue el primer tutorial de pintura digital que vi en mi vida... hace más de 5 años.  Tantos recuerdos

Muchas gracias por todo lo que logré hasta ahora!

johnny-dom

Yo igual hace tambien 5 años, cuando photoshop se hizo parte de mis herramientas de trabajo. ES HERMOSO

johnny-dom

Yo igual hace tambien 5 años, cuando photoshop se hizo parte de mis herramientas de trabajo. ES HERMOSO

Lune

Perfecto ¡No veo las imágenes! Bueno, por las palabras parece que tampoco es tan complicado, espero que sea así. Si no...aún así, muchas gracias por la explicación

Vorenus

Por este tutorial lleguè a la pàgina hace mas de 4 años, es muy bueno, ilustrativo, facil y el resultado es el esperado.

carlovr

Yo tenía ese boceto,pero la verdad me dió muy duro dibujarlo y lo dejé pues no tenía quien me explicara la forma de hacerlo en Photoshop..jeje te quedó super....

StarLigth

Waaaaao este tutorial me trae tantos recuerdos!! fue con el que aprendi a colorear en PS!!!

Azuka23

Muchas gracias a dibujando.net por haberme mandado un correo llevaba años buscandolos y no me acordaba del nombre de su pagina(algo imperdonable), y gracias a este tutorial que me facino, decidi registrarme y al fin de años de busqueda lo he encontrado otra vez y ahora que ya tengo mi computadora podre hacer mis diseños y los compartire con ustedes muchisimas gracias 

Buffsak

Gracias a ti y a este tutorial supe como colorear en photoshop desde hace como 6 años ja ja ja. *__*