1. Introducción

Hola a todos y todas, soy Toni Caballero, Ilustrador y dibujante de cómics. Coautor, junto al guionista Sergio Hernández, de la serie Backhome para Planeta Manga y Planeta Cómic.

En este tutorial os voy a mostrar el proceso de realización de una de nuestras páginas. Desde la composición del boceto inicial hasta el acabado final de la página, explicando cada una de las partes que hacen funcionar nuestras páginas tanto a nivel visual como narrativo.

Así que sin más que añadir, ¿qué os parece si comenzamos?

 

2. Composición de página

El tamaño de página con el que suelo trabajar los mangas siempre llega establecido por la editorial. En este caso, para Planeta Manga, utilizo el tamaño de 17,5 x 25,5 mm. A lo que habría que añadirle la sangría exterior de 5mm por cada extremo del documento, Así, ninguna parte del dibujo se puede ver afectada si hubiese posteriormente algún fallo leve de imprenta.

Todo a una resolución de 1200 DPI, ya que el acabado final será en monocromático. Pero todo el trabajo previo a este punto lo haré con el Color de expresión básico en color.

 

Una vez tengo el documento creado y listo, boceteo el orden de viñeteado y la composición que he establecido junto a mi compañero Sergio Hernández, el guionista.

Como veis, todo dibujado a base de manchas con fin de determinar lugares y comprobar que la idea funcione. Después voy puliendo el dibujo hasta llegar al boceto final sobre el que comenzaré a entintar la página.

 

En cuanto a la narrativa visual, he utilizado ciertos elementos que hacen que la vista del lector se centre directamente en el lugar que, a mí, como creador, me interesa:

 

En la primera viñeta vemos como una de las criaturas que pondrá en aprietos a nuestros protagonistas, una Sombra, como se llaman en el manga, entra en una habitación de derecha a izquierda, conforme al sentido de la lectura. Algo esencial. Ya que provoca que la vista vaya completamente hacia la siguiente viñeta.

En esta vemos a nuestros protagonistas, Ann y Eiden, alejándose de ese punto anterior, cambiando el sentido de la dirección de los personajes. Inconscientemente el lector sabe que están huyendo o que están en problemas, ya que la narrativa no fluye en la misma dirección. Refuerzo el movimiento de ojo hacia la viñeta de abajo con el marco de la viñeta.

 

En la tercera viñeta vemos como Ann y Eiden se alejan del primer punto. Las líneas verticales de los árboles se van ampliando y dan paso a la viñeta que hay justo debajo.

 

Al no poder plasmar la indecisión de nuestros protagonistas a la hora de dirigir su rumbo, me ayudo de la expresión corporal. Si os fijáis bien, Eiden mira hacia un lugar y Ann mira totalmente hacia el contrario, representando el movimiento de indecisión del ojo humano. Es algo que funciona de forma orgánica y natural y, lo que es más importante, el lector lo comprende enseguida.

 

Además, a la hora de leer la viñeta, el lector se adentrará desde arriba, y de derecha a izquierda, por lo que pasará de observar la cara de Eiden a la de Ann, para posteriormente llegar a la de la Sombra en la viñeta siguiente. Todo reforzado por las líneas verticales que he comentado anteriormente.

 

En la cuarta viñeta tenemos un primer plano de la Sombra que vimos desde el comienzo de la página. Influyo a la lectura visual hacia la siguiente viñeta con la perspectiva inclinada hacia la derecha y reforzada con una mano en primerísimo plano, que nos lleva hasta la quinta viñeta.

 

En esta quinta viñeta he utilizado el mismo recurso que en la primera, como podéis ver.

 

Lo que nos lleva directamente a la sexta y última viñeta. En esta, obligo a que el sentido de lectura se concentre en la izquierda y refuerzo la dirección visual hacia la primera viñeta de la página siguiente con la perspectiva de los árboles. Esta técnica es muy útil para conferirle ritmo a la narrativa.

 

3. Entintado de página

Una vez tengo esta parte terminada, paso al proceso de entintado de los personajes. En lo personal, es la parte que más me divierte y en la que más empeño suelo poner para que todo quede genial.

 

- Carriles y viñetas

Continuando con el proceso. Añado una viñeta completa que se ajuste a los márgenes de la página, a un grosor de 25. Después divido el recuadro entero en viñetas con la herramienta [Borde de viñeta]. (La viñeta completa la podrás encontrar en la sección de materiales, Manga material - Framing template. Aunque yo la tengo situada en la misma carpeta de los globos de texto y renombrada, ya que, como es la única que utilizo, me es más cómodo encontrarla en esa carpeta que tengo creada).

 

Una vez tengo todas listas, añado una capa en blanco y las combino. Por último, binarizo la capa para que el recorte sea exacto. (Puedes encontrar la herramienta de [Binarización] en la pestaña [Edición] > [Corrección tonal]). Ahora quito los interiores de los recuadros con la herramienta de Selección automática para que solo se quede una capa de carriles aislados del resto del documento.

 

- Pinceles y entintado de personajes

Añado una capa nueva al documento, y la relleno de blanco para dejarla en una opacidad bajita y tener un efecto similar a una mesa de luz analógica.

 

También incorporo una capa más que será la que utilizaré para delinear a nuestros personajes.

 

Para el delineado, utilizo la herramienta de [Plumilla G real], con un suavizado medio, para que sea más sencillo crear trazos y degradados de rallas (algo que empasta muy bien con el apartado gráfico de la obra) y que cuando se binarice, le confiera un efecto más orgánico que hacerlo directamente con un el pincel en monocromático o sin suavizado.

 

Ahora sí, comencemos con el entintado:

 

Detallo las líneas exteriores de los personajes con el pincel de [Plumilla G real]. En este caso, como la Sombra tiene una gran cantidad de coloreado en negro, me hago servir de algunos pinceles estilo Cross hatching para que el acabado quede similar a un entintado tradicional.

 

Concretamente estos dos pinceles:

 

Voy puliendo cada detalle y pormenorizando el resto del entintado hasta llegar a los pelos. En estos suelo combinar la tinta blanca y la negra mediante la herramienta de pincel [Texturizado], dándole mayor profundidad y realismo a cada mechón. Es algo más costoso y llevará más tiempo, claro. Pero los resultados se notan, ¡y mucho!

 

Una vez tengo los personajes entintados, utilizo la capa en blanco que he usado como mesa de luz para fusionarla, con opacidad al 100%, a la capa del entintado.

 

Una vez juntas, binarizo la capa y quedaría el dibujo en monocromático. Listo para recortar de forma exacta, tal y como he hecho en la capa de viñetas. (Este es un paso que veréis como se repite a lo largo del tutorial con diversos elementos).

 

Solo faltaría deshacerme de todo lo que no son personajes en esa capa, otra vez con la herramienta de selección automática. Y quedaría una capa de entintado por separado, al igual que he hecho con la de carriles de viñeta.

 

Realizo el mismo proceso con la mano de la sombra. La mantengo en una capa separada para, más tarde, desenfocarla y crear profundidad en la viñeta.

 

4. Fondos de viñetas

En esta página utilizaré tanto elementos y dibujos en perspectiva, como fotografías que nos ayuden a definir el fondo y nos den un impulso mucho más realista al resto del dibujo.

¿Qué os parece si os muestro cómo lo hago?

 

- Fondo con efecto realista dibujado desde cero

Comenzaremos con la segunda viñeta. En esta no utilizaré ninguna foto como base para el entintado. Sin embargo, con la ayuda de pinceles descargados de la galería de Clip Studio ASSETS, dejaré la imagen con un tratamiento prácticamente idéntico a lo que categorizaríamos como una imagen realista.

 

Después de delinear el marco de la ventana con el Marcador [Millipen], mancho todo con grandes puntos utilizando el pincel de Plumilla [G real] con un tamaño grande. Esto hace que los bordes del pincel queden más destartalados y similares al efecto del óxido en las superficies metalizadas. Después borro y añado trazos con varias herramientas de estilo Cross hatching. Estas dos:

 

Más tarde, termino los cristales rotos en distintas capas con fin de crear cierta transparencia entre ellas. Como si fuese el mismo efecto del cristal.

 

Y por último, para terminar este marco de ventana, lo fusiono con una capa en blanco y recorto de la misma forma que he hecho con la capa de personajes y los carriles de viñetas.

Con un pincel de estilo similar a un árbol, detallo todos los troncos. Y después, con el pincel de hojas poblaré todos estos árboles. Jugando con varias tonalidades de grises que le den realismo a la imagen.

 

Ahora, solo faltaría añadir un par de capas en modo [Multiplicación] para dar ese efecto nocturno a la escena, desenfocar el conjunto de capas del marco de ventana ([Filtro] > [Desenfocar] > [Desenfoque gaussiano]), y por supuesto, también añadir las partículas que hacen que esta zona parezca nevada.

 

También desenfoco algunas partículas con la misma herramienta de desenfoque para jugar con la perspectiva del marco.

 

- Fondo con ayuda fotográfica

En la viñeta de la Sombra en la habitación, utilizaré un fondo de base fotográfica.

 

Sitúo la imagen por debajo de la capa de personajes y una vez colocada conforme a la perspectiva que tenía pensada, duplico la capa de foto y le añado una máscara de enfoque que haga que todas las líneas invisibles de la foto queden mucho más marcadas. ([Filtro] > [Enfocar] > [Máscara de enfoque]). Duplico esta misma capa 2 veces más y binarizo cada una con un grado distinto de luces y sombras. De menos sombras a más.

 

Después de esto, borro las partes y líneas que menos se definan en cada capa, para dejar paso a las de la capa inferior, ya que estarán mejor definidas. Todo con la ayuda de las máscaras de capa para que el trabajo sea mucho más sencillo.

Repito este proceso hasta llegar a un punto óptimo donde se vea la mayor parte de líneas.

 

Para que este paso quede con un acabado similar al estilo tradicional, vuelvo a utilizar pinceles de Cross hatching. Esta vez de líneas paralelas, pero también la misma Plumilla [G real] con la opción de borrar.

 

Para concluir con el entintado de este fondo, delineo los trazos que se han perdido en el procesado de la foto y termino los cristales y exteriores de la misma forma que lo he hecho en la viñeta anterior.

 

A la hora de añadirle un sombreado básico a este fondo, utilizo la primera capa de la fotografía que he añadido al documento. La dejo en grises y, después de regular los tonos, le aplico la herramienta de [Posterización] para que se quede en solo 6 tonos de grises. ([Edición] > [Corrección tonal] > [Posterización]).

 

Después dejo las capas superiores en Multiplicación. (Tanto las del delineado, como las que añadiré para darle el mismo efecto nocturno de la anterior viñeta).

 

Por último, solo quedaría seguir los pasos que he realizado en la viñeta anterior para que todo quede con la misma estética.

 

5. Últimos detalles y tramas

- Onomatopeyas

Primero sitúo los elementos en la página con una capa nueva que pueda eliminar una vez los tenga colocados y diseñados.

Empiezo con las onomatopeyas y con los globos de texto de la Sombra. Todo con el mismo pincel que he utilizado para dibujar los posos de efecto nevado en el resto de la página. Este:

 

Una vez binarizado, me creará una línea más destartalada al rededor del trazo del pincel, que queda genial en las onomatopeyas, pero que, sin embargo, eliminaremos de los globos de texto de la Sombra. Estos globos también los cortaré y pegaré en otra capa para separarlos de la carpeta de onomatopeyas.

 

- Globos de texto

Añado los globos de texto desde la galería de materiales de Clip Studio.

 

Estos que estoy colocando se pueden modificar conforme queramos y además tienen un trazado estilo plumilla G fantástico. Una vez todos colocados, los organizo dentro de una carpeta.

 

- Tramado de la página

Como último paso del tutorial llega la hora de darle el acabado en tramas tan característico del manga.

 

Combino todas las capas visibles en una nueva capa, ocultando antes las carpetas de onomatopeyas y globos de texto. (Menú del ratón derecho > [Combinar visibles en nueva capa]).

De esta forma podemos tener una capa conjunta de todo el apartado gráfico de la página, y que, además, pueda pasar a tramas de una forma sencilla y rápida.

 

Una vez hecho esto, paso la página entera a tramas presionando el botón de Trama dentro de la sección de [Propiedades de la capa]. Este botón que veis aquí en azul:

 

Lo que hace que la capa se convierta automáticamente en trama.

Debido al gran tamaño de página de la revista Planeta Manga, donde se publica Backhome, utilizo la densidad de trama al máximo. Así queda proporcional al delineado de los personajes y fondos.

 

Ahora sí. La página estaría totalmente terminada y lista para publicar.

 

6. Despedida

¿Qué os ha parecido? Personalmente creo que ha quedado genial.

Espero que este tutorial os haya ayudado un poco a saber cómo realizar ciertas acciones dentro de Clip Studio Paint a la hora de crear desde cero una página manga de estilo realista como las de nuestra obra Backhome.

Para mí ha sido genial trabajar junto a Clip Studio en la creación de este tutorial y estoy seguro de que nos leeremos próximamente en otro. ¡Ojalá que sea así!

 

 

 

Sin más, os dejo por aquí mi web y también varias de mis redes sociales:

 

Instagram:

 

Twitter:

 

¡Y me despido de todos y todas! ¡Ha sido un placer compartir mi método de trabajo con vosotros!

¡Nos vemos en el siguiente capítulo de Backhome en Planeta Manga!

 

¡Hasta ahora!

¡Ciao!