Ilustración con

PhotoShop CS2
Ilustración con
PhotoShop CS2
Vamos a contar, intentando que sea de forma breve y clara, los pasos necesarios
para realizar una ilustración de tipo Manga usando el programa Adobe PhotoShop
CS2. Muchos de los procesos que aquí se cuentan son, claro está, aplicables a todo
tipo de ilustración. Como base trabajaré sobre una ilustración que subí hace algún
tiempo en este mismo foro, pero para aclarar algunos detalles usaré imágenes de
otros dibujillos que tenía por ahí.

Existe otra forma, quizá más efectiva para aplicar color, incluso más rápidas, pero
eso nos llevará al uso de Ilustrator CS2. Eso podría formar parte de un segundo
tutorial, por ahora nos centramos en el trabajo a partir del PhotoShop CS2.

INICIO Trabajaremos sobre papel normal de no menos e 80 ó 90 gr.

El primer trabajo evidentemente consiste en la realización de
los bocetos iniciales, Yo desgraciadamente no me acostumbro
a trabajar en tamaños más grandes que un DinA4, lo que me
acarrea algunos problemas y necesito hacerlo sobre papel.
Hace años que tengo la Wacom A4 y no me acostumbro a
bocetar con ella... la inadaptación que da los años supongo.
Es interesante que la ilustración a lápiz final sea lo suficien-
temente grande como para poder trabajar bien los detalles
pequeños y que las líneas de lápiz sea firmes y bien definidas.
Yo recomendaría, según que trabajos, claro, realizar nuestros
trabajos sobre un A3. En mi caso una vez me siento a gusto
con alguno de los bocetos iniciales lo escanéo, amplío e
imprimo sobre un papel de proporciones suficientes en un
gris suave. A partir de aquí sigo trabajado el boceto para
definir más los detalles, y ajustar algunas proporciones.
(no demasiado fino). Los primeros bocetos serán, necesa-
riamente, muy sucios, porque no tendremos claro del todo
cómo dibujar algunas cosas y tendremos que borrar y rehacer
muchas veces algunas de ellas. Este primer dibujo no nos
sirve para el trabajo final. Es necesario “calcarlo” sobre una
hoja limpia. Para ello podemos usar un “papel cebolla” o
papel vegetal, lo ponemos encima y redibujamos sobre él, el
dibujo entero. Una vez hecho esto damos la vuelta al papel
vegetal y con un lápiz blando (3B ó 4B) “ensuciamos” las
zonas donde haya trazo. De esta forma tendremos en el
papel vegetal por un lado el dibujo y por otro las zonas
dibujadas manchadas de grafito. Si ahora ponemos el papel
vegetal sobre una hoja en blanco y volvemos a redibujar
siguiendo las líneas ya dibujadas traspasaremos el dibujo al
papel de forma limpia. Antes se usaba el papel carbón o
papel calco pero es difícil de encontrar ya y puede además
ensuciar demasiado el papel. También se puede usar el

2

mismo papel del boceto, ensuciando su parte posterior en las
zonas de las líneas de lápiz pero necesitaremos una mesa de
luz (o en su caso una ventana amplia, pero esto cansa
muchísimo los brazos).
El asunto está en conseguir un dibujo a lápiz muy limpio, una
vez tengamos el dibujo en nuestra lámina final repasaremos
con cuidado las líneas con un lápiz o portaminas de tipo 2B.
Esta parte es importante que se haga con cuidado intentando
que los trazos sean, como dijimos antes, limpios y definidos
ya que vamos a obviar el proceso de entintado que si bien
nos daría ese trazo que buscamos requiere de un control y un
esfuerzo que gracias al escanéo podemos saltarnos.
Ilustración con PhotoShop CS2
DIGITALIZACIÓN (ESCANEADO)
Ahora viene el proceso de dar color. Como dijimos podemos
saltarnos el proceso de entintar. Para ello tendremos que
escanear el dibujo. Necesitamos, claro está un escáner que
nos dé la suficiente calidad en opacos, pero eso, hoy día, ya
no es un problema. Tendremos que escanearlo en mapa de
bits, a 1200 ppp y a su tamaño original o quizá un poco más
grande, pero no demasiado (110 ó 120% como mucho).
Conseguimos así una imagen con blancos y negros puros.
Una vez escaneado lo abrimos con el PhotoShop, pasamos
a escala de grises y después lo reducimos a 350 ppp. Este
proceso nos asegura unos valores de blancos negros
absolutos. Escanearlo a 1200 en mapa de bits para luego
pasarlo a 350 nos da una buena fidelidad con el original
perdiendo el efecto de mordido típico de los mapas de bits.
También podríamos escanarlo directamente en escala de
grises y ajustar más tarde los valores de contraste en el
Photoshop en Imagen>Ajustes>Curvas
No hay que modificar los valores demasiado, simplemente
con una ligera variación veremos que los tonos medios de
grises van desapareciendo.
3
Ilustración con PhotoShop CS2
Con esto conseguimos los blancos y negros puros para que
luego podamos con Selección>Gama de colores...
... realizar una selección de la línea negra lo más buena posible.
Con la herramienta cuentagotas seleccionamos el color negro
del trazo y en Tolerancia ponemos valor 115 más o menos. Así
tendremos una selección de toda la línea negra del dibujo.
Cerramos el panel de Selección de colores pinchando OK y
copiamos Ctrl+C y pegamos Ctrl+V. Conseguimos así una
capa nueva en la que hemos eliminado el fondo blanco.
4
Tenemos que recordar que estamos trabajando aún con un
documento en escala de grises, para darle color tendremos
que pasarlo a RGB en Imagen>Modo>Color RGB. Nos
saldrá un cuadro de alerta indicando si queremos combinar
las capas, diremos que no.
APLICACIÓN DEL COLOR
Para dar color crearemos una capa nueva por cada color o
tipo de superficie, esto es importante porque así nos será más
sencillo hacer correcciones más tarde, si queremos cambiar
alguno de los tonos o rectificar colores. Tendremos que crear
una capa para los colores carne, otro para las zonas de telas
azules... etc. Todas estas capas de color tendrán que estar
por debajo de la capa de línea claro.
 Ilustración con PhotoShop CS2

Veamos un ejemplo con los colores carne:

Elegimos el color

Así cualquier color que apliquemos ahora se aplicará sobre

el color carne, así podremos colorear fácilmente sin afectar al
resto de los colores y elementos.
Elegimos el pincel

A partir de aquí se aplicarán tantos colores y capas como sea

necesario, agrupándolos en carpetas.

Y aplicamos el color. ¿Por qué es tan importante colorear por

capas?... Porque una vez tengamos la capa de color carne
podremos aplicar color sin afectar a la línea negra del dibujo
y podremos pintar las sombras y las luces rápidamente
usando de nuevo la selección, de esta forma:

Selección>Cargar selección

5
Ilustración con PhotoShop CS2

LUCES Y SOMBRAS (VOLÚMENES)

El tema de las luces y las sombras es importantísimo en la

ilustración, de cómo las asignemos y los tonos que elijamos
depende en gran manera la calidad final de la ilustración. Es
interesante hacerse una paleta de tonos antes de empezar a
aplicar el color. Crear una capa específica donde tendremos
las “manchas” de los diferentes colores y sus tonos de luces y
sombras. Sobre este tema es interesante que echéis un ojo al
post de Animal Tutorial, de ilustración digital (nº 1) , donde
se explican cosas muy interesantes.
... o mejor aún, convertir el trazo en selección, asignarle un
calado de 1 ó 2 puntos y aplicar el color con el bote de
pintura. De esta última forma conseguiremos un borde de
color más suave y recuerda a las antiguas ilustraciones sobre
acetato que se realizaban para animación.

Las zonas de luz y sombra podemos asignarlas de varias

formas, todo dependerá de grado de control que tengamos
sobre el PhotoShop y sus herramientas. Podemos simplemente
pintarlas, a poder ser en capas diferentes. Pero existen otras
maneras de dar los volúmenes a la ilustración que nos darán
más control sobre el acabado final y sus posibles rectifi-
caciones y ajustes:

En primer lugar resulta mucho más recomendable que

“pintemos” las superficies de sombra o luces con la pluma
realizando trazos. Esto nos ayudará a que los bordes de
estás zonas sean mucho más definidas y correctas, lo que
dará mucha más presencia al acabado final y también a que,
si guardamos cada uno de estos trazados con su nombre
correspondiente, podamos más tarde rectificar cada una de
las superficies, seleccionarlas y rectificarlas. Para aplicar los
colores a partir de los trazados tan sólo tenemos que
seleccionar el trazado en cuestión y/o bien teniendo el color
frontal necesario ya elegido rellenar el trazado con el
mismo...
La segunda opción nos dará un control mucho mayor sobre
la terminación del dibujo pero requiere que la capas de color
estén bien asignadas. Tendremos que crear en este caso
también los trazos necesarios para las zonas de sombra y de
luz. Una vez seleccionada el trazo con el que vayamos a
trabajar lo convertimos en selección (todo esto igual que en el
caso anterior, podemos calarla igualmente) y ahora crearemos
a partir de esta selección una capa de ajuste, preferiblemente
de Tono Saturación. Tendremos así un control total sobre los
parámetros del tono de la zona y podremos retocarla
fácilmente según vayamos avanzando en nuestra ilustración
para armonizar todo el conjunto.

6
 Ilustración con PhotoShop CS2

FINAL

Bueno y ya poco queda por explicar, el fondo en este caso,

dos capas con degradado, una radial y otra lineal, que dan
sensación de espacio apoyado por la sombra que de igual
forma es un trazado o selección con un degradado.

EFECTOS

En este caso la ilustración no tiene muchos “efectos”. Con

efectos me refiero a brillos, desenfoques, texturizados y
demás. Esto depende del criterio, gusto y control de cada uno
de vosotros. Pero sí es interesante explicar, por lo comunes y
característicos que son, los efectos de brillos. En realidad son
muy simples. Para esta ilustración he asignado brillos a las
Trabajando con estos criterios nos permite la posibilidad de
luces de la piel, ojos, pelo y medias. Creamos la capa, una
reajustar y modificar nuestra ilustración con mucha facilidad
sola capa para todos los brillos de la ilustración. Asignaremos
para adaptarla a otras necesidades.
blanco puro y mas tarde daremos una opacidad de 40% ó
50% a esa capa. Una vez tengamos la capa base de los
Espero que esto sirva de algo a alguien, seguro que muchos
brillos la duplicaremos y daremos a esta copia un desenfoque
trabajaréis de forma diferentes y que alguna de las cosas que
gaussiano de 4,5 ó 5 (esto dependerá del tamaño de la
cuento os resultan descabelladas... me gustaría que me
imagen claro está).
contarais cosas al respecto. Como podéis ver por los ejemplos
una cosa es conocer cómo se hacen las cosas y otra muy
diferente hacer cosas que merezcan la pena, espero que
aunque las ilustraciones no estén a la altura, el tutorial sí os
parezca interesante.

Podéis hacer comentarios en este Post del foro de Macuarium.

Un saludo