Una guía completa de Manny Guevarra

Introducción

¡Hola amigos! ¡Mi nombre es Manny y soy un artista de cómics web con 5 series de cómics publicadas en WEBTOON CANVAS! En este tutorial, te guiaré a través de algunos consejos sobre paneles de cómics que he aprendido a lo largo de los años al crear mis series en Clip Studio Paint. Principalmente haré referencia a mi cómic principal, "The Mind's Eye", así como a mi cómic más nuevo, "Multo!"

 

 

WEBTOONS

Consejos de formato

¡Hay algunas cosas que podemos hacer incluso antes de comenzar a dibujar para que sea más fácil crear paneles en nuestros cómics durante todo el proceso de creación del cómic! Para empezar, debemos determinar el formato en el que vamos a trabajar. Hay varios enfoques diferentes que podemos adoptar aquí, ¡y cada uno tiene sus propios beneficios!

 

 

Formato WEBTOON

El formato WEBTOON se refiere a un formato de desplazamiento vertical continuo que pretende leerse como una "experiencia cinematográfica" en la web. En este formato, puede controlar el ritmo de sus lectores utilizando el espacio del canal y la ubicación de los paneles.

Al crear cómics únicamente para leer en la web, no tienes que preocuparte tanto por cosas como el DPI de tu lienzo, ya que esto afecta principalmente a la calidad de impresión física. Además, tienes más libertad para explorar cosas como formas de paneles divertidas y "paneles de impacto" que ocupan toda la pantalla.

Al crear un nuevo lienzo (Ctrl+N), Clip Studio tiene varias opciones de lienzo en [Project] > [Webtoon] que incluyen algunos prácticos ajustes preestablecidos de WEBTOON:

Las dimensiones máximas para la carga de archivos en WEBTOON son 800 x 1280 px. Como tal, los ajustes preestablecidos [Webtoon 3] y [Webtoon 4] son buenas opciones para el tamaño de su lienzo al comenzar.

 

Personalmente, normalmente tengo mi lienzo configurado en 1600 x 25,600 px a 300 DPI. Hago esto porque siempre es una buena idea hacer el lienzo un poco más grande de lo que será la imagen final; Nunca querrás tener que ampliar la imagen al exportarla, ya que perderá calidad. Entonces, teniendo en cuenta que el ancho final del archivo deberá ser de 800 px cuando se cargue en WEBTOON, mi objetivo es hacer que el ancho sea el doble de la cantidad requerida para garantizar una mayor calidad.

 

Además, debido a que los tamaños de archivo finales serán de 1280 px de largo, también trato de mantener la longitud de mis archivos en múltiplos de 1280 o 2560 para poder calcular con cuántos archivos terminaré.

Este es un buen formato para panelar tu cómic si no planeas realizar tiradas de tu serie. Pero tenga en cuenta que, en mi opinión, es mucho más difícil reformatear un cómic de desplazamiento vertical para imprimirlo que hacerlo al revés.

 

 

Formato de impresión

Lo mejor es crear paneles y formatear tu cómic para imprimir desde el principio si estás considerando realizar tiradas de tu cómic en cualquier momento en el futuro. Al formatear para imprimir, hay algunas variables adicionales que debes tener en cuenta.

 

Primero, está el hecho obvio de que estará limitado a la cantidad y forma de los paneles que caben en cada página física cuando se imprima. Un inconveniente es que será un poco más difícil controlar el ritmo de sus lectores, ya que todos los paneles de una página son visibles a la vez.

En general, hay tres "zonas" a considerar al diseñar sus paneles dentro de sus páginas:

 

1️⃣ El Área en vivo o “zona segura” donde todos los elementos (es decir, personajes, diálogos, fondos, etc.) serán visibles si se dibujan en su interior.

 

2️⃣ La Línea de recorte que, como su nombre indica, marca dónde se recortará el pliego durante la producción de impresión.

 

3️⃣ La Línea de sangrado que se puede usar para Sangrados (imágenes que desea extender más allá de los bordes de la página al imprimir).

La mayoría de los paneles y cuadros de diálogo deben dibujarse dentro del Área en vivo para garantizar que sean visibles y fácilmente legibles al imprimir. Los paneles abiertos deben dibujarse al menos hasta la Línea de sangrado para garantizar que lleguen más allá del borde de la página cuando se recorten:

Al crear un documento nuevo (Ctrl+N), Clip Studio Paint tiene muchos ajustes preestablecidos útiles listos para imprimir con pautas integradas para cosas como el sangrado en el tipo de proyecto [Comic] , Como se muestra abajo:

Diferentes imprentas operarán bajo diferentes pautas de formato, y es extremadamente importante determinar cuáles son antes de comenzar a formatear tu cómic para imprimir.

 

Además de los útiles ajustes preestablecidos que ofrece Clip Studio Paint, si tiene una impresora en particular en mente, a menudo tendrán recursos como plantillas disponibles para descargar en su sitio web. Por ejemplo, creé los diferenciales anteriores según las pautas establecidas en las siguientes plantillas:

 

 

Formato "híbrido"

Entonces, ¿cuál es “mejor”? ¿Formato WEBTOON o formato de impresión? ¡La respuesta, por supuesto, depende de cómo planeas distribuir tu cómic!

Si su objetivo principal es crear cómics rápidamente para leer en plataformas web como WEBTOON, y no tiene intención de realizar tiradas en un futuro próximo, puede ser beneficioso intentar crear en formato WEBTOON.

 

Esto puede permitirle utilizar y experimentar con un espacio de desplazamiento prácticamente ilimitado para cosas como bocadillos, notas marginales o paneles de impacto masivo. También te permitirá crear esa “experiencia cinematográfica” de la que hablamos antes, en la que podrás controlar más fácilmente el ritmo dramático de tu cómic.

Si principalmente estás preparando una tirada de tu cómic y no planeas compartir una versión de desplazamiento vertical en plataformas web como WEBTOON, te sugeriría, por supuesto, utilizar la opción Formato de impresión. Esto le permitirá acelerar su proceso de producción de impresión de cómics y también es perfecto si planea compartir su cómic en línea, pero en un formato de página en lugar de una capacidad de desplazamiento vertical:

Sin embargo, si planeas hacer ambas cosas, te recomiendo una tercera opción "híbrida" de formato de cómic. Llamo a esto una opción "híbrida" porque utiliza los beneficios de las opciones WEBTOON y Formato de impresión al tiempo que mitiga la mayoría de las desventajas de cada una:

 

La idea aquí es dibujar tu cómic en formato de impresión, ¡pero aborda la creación de recursos con el formato WEBTOON en mente!

Como se mencionó anteriormente, es mucho más difícil reformatear un cómic de desplazamiento vertical para imprimirlo que hacer lo contrario. Como tal, recomiendo comenzar primero con el formato de impresión en un lienzo con una resolución de al menos 300 DPI, pero seguir los siguientes pasos para garantizar que sus ilustraciones y otros recursos se puedan optimizar para leer en WEBTOON:

1️⃣ Dibuja usando el espectro completo de [color RGB] y usa la configuración de exportación de Clip Studio Paint para exportar en [color CMYK]. Recomiendo hacer esto en lugar de dibujar en CMYK desde el principio para aprovechar la gama de colores RGB completa al publicar tu cómic en la web, que incluye muchos colores vivos que sólo se pueden ver en la pantalla.

 

Las impresoras no pueden reproducir físicamente todos los mismos colores que las pantallas retroiluminadas, por lo que debemos exportar utilizando el color de expresión [CMYK] en nuestra configuración de exportación para garantizar que los colores sean precisos para la impresión.

 

2️⃣ Utilice la herramienta Borde de marco de Clip Studio Paint para facilitar la gestión de capas y la manipulación de los bordes del panel. Se puede acceder a la [Subherramienta: Borde del marco] haciendo clic en (U) en el teclado. ¡Discutiremos esta herramienta en detalle en la sección siguiente!

 

3️⃣ Rellena toda el área de cada panel dentro de los bordes del marco, incluso detrás de los bocadillos y otros elementos que puedan moverse durante el proceso de reformateo. Lo más probable es que al reformatear tu cómic para WEBTOON, tengas que rehacer la mayor parte del globo de diálogo y la ubicación de la cola, ¡y no querrás crear ningún espacio en tus ilustraciones!

 

4️⃣ De manera similar, la mayoría de los paneles deberán moverse durante el proceso de reformateo, y es posible que sea necesario remodelar, recortar o incluso expandir ciertos paneles para crear una mejor experiencia de lectura en formato de desplazamiento vertical. Como tal, asegúrese de conservar recursos como fondos en una capa separada de los elementos de medio y primer plano, y honestamente recomendaría dibujar un poco más allá del borde del panel en caso de que sea necesario ampliar el tamaño del panel.

La herramienta Borde de marco

¡Ahora viene la parte divertida! ¡Empecemos a panelar!

 

 

Crear bordes de marco

Clip Studio Paint tiene muchas herramientas excelentes para crear paneles en tu cómic, pero yo uso principalmente [Subherramienta: Borde de marco]. Sugiero usar esta herramienta porque facilita un flujo de trabajo fluido en el que las capas son más fáciles de administrar y los bordes de los paneles se pueden editar fácilmente.

 

La [Subherramienta: Borde de marco] se puede encontrar cerca de la parte inferior de la barra de herramientas, delimitada por el icono a continuación, o haciendo clic en (U) en el teclado.

Una vez que haya seleccionado [Subherramienta: Borde de marco], puede simplemente hacer clic y arrastrar el cursor por la pantalla para crear instantáneamente paneles independientes.

Esto generará automáticamente una carpeta para cada cuadro que actúa como una especie de máscara de capa. Dentro de cada carpeta, puedes crear capas individuales, ¡pero todo lo que dibujes en ellas estará contenido dentro del marco!

Edición de bordes de marco

Para alternar rápidamente entre fotogramas, cambie a [Subherramienta: Operación] haciendo clic en (O) en su teclado y seleccione el fotograma deseado. También puedes usar [Subherramienta: Operación] para cambiar el tamaño y transformar tu Marco seleccionando su borde.

 

También puedes ajustar tu Marco usando Puntos de Control, que aparecen como cuadrados rojos huecos en las esquinas de tu Marco cuando no están seleccionados, y cuadrados rojos verdes cuando están seleccionados. Para manipular puntos de control, simplemente seleccione uno y muévalo usando las teclas de flecha de su teclado o arrastrándolas con el mouse.

Para agregar un punto de control a su marco con [Subherramienta: Operación], simplemente haga clic derecho en el marco y seleccione [Agregar punto de control]. También puedes eliminar puntos de control de esta manera.

Para dividir su marco, use la opción [Cortar marco] dentro del menú [Subherramienta: Marco de borde]. Para utilizar esta herramienta de empalme, simplemente arrástrela por el marco en la dirección deseada.

 

La opción [Dividir carpeta de marco] dividirá la carpeta del marco actual en dos, mientras que [Dividir borde de marco] mantendrá las carpetas actuales y simplemente cambiará la forma del borde.

Sangrados

Para dibujar sangrados o abrir paneles fuera de los bordes del marco establecidos, simplemente dibuje en una capa o carpeta de capas separada.

Dibujar un sangrado en una capa debajo de los otros paneles puede crear una gran sensación de dramatismo que une el resto de la página y es especialmente útil para establecer tomas u otras tomas escénicas:

Dibujar elementos en una capa encima de los otros paneles también puede unir la página y, además, puede ayudar a establecer motivos de cosas que "rompen el molde" o se separan de otros elementos escénicos para trascender los límites de los paneles.

 

Por ejemplo, en esta escena de mi cómic “Multo”, una ráfaga de viento lanza hojas al aire que atraviesan la página sobre paneles y espacios de canalones para dar a entender que la naturaleza está superando este intercambio humano:

De manera similar, el espíritu azul aquí ha sido dibujado en una capa sobre los paneles para vincularlo con los otros elementos naturales que existen en un plano (literal y figurativamente) "sobre" los personajes humanos que están confinados dentro de los bordes del marco.

Consejos para el flujo de trabajo de paneles

Bocetos en miniatura

Antes de intentar realizar bocetos detallados de sus paneles, le recomiendo crear miniaturas del diseño de su página en una escala más pequeña. Las miniaturas son bocetos sueltos que pueden ayudarle a establecer el flujo de sus paneles en su página futura. Por lo general, se trata de dibujos pequeños con detalles mínimos, dibujados en rápida sucesión para que puedas generar varias iteraciones diferentes y ver cuál funciona mejor para tu historia:

Me gusta hacer bocetos en miniatura más pequeños en un documento separado para comprender el flujo general. Luego, una vez que he seleccionado un conjunto de miniaturas que funcionan mejor para mi visión de la escena en cuestión, paso a las fases de guión gráfico y boceto en mi lienzo final. Es en estas fases que hago lo siguiente:

 

1️⃣ Configurar paneles en el lienzo final,

 

2️⃣ Mapear los bloqueos, las poses y las expresiones básicas de mis personajes, y

 

3️⃣ Coloca globos de diálogo.

Globos de texto

Recomiendo encarecidamente planificar dónde colocarás los globos de diálogo en las primeras etapas del boceto para que no tengas que esforzarte por meterlos más tarde o cubrir ninguna de tus hermosas obras de arte. Esto ayudará a garantizar un proceso de creación de paneles sin problemas.

 

Para evitar abarrotar sus paneles con demasiados globos de diálogo, globos de pensamiento o cuadros de narración, WEBTOON recomienda limitarlos a tres (3) o menos por panel.

 

Si sigue la ruta de formato "híbrido" mencionada anteriormente, normalmente tendrá más espacio en el panel a cada lado de sus personajes en formato de impresión para colocar el diálogo. Luego, al reformatear para WEBTOON, tendrá más espacio libre encima y debajo de los paneles para colocar los diálogos. Espaciar el diálogo de esta manera también puede ayudar a mantener el ritmo de tus lectores, así como a resaltar líneas impactantes.

Tamaño, forma y flujo del panel

Si sus paneles se sienten un poco estáticos, intente variar la altura, ancho, forma y posición de sus paneles. Para comenzar, Clip Studio Paint tiene muchas plantillas de paneles diferentes disponibles en [Manga material] > [Framing template], como se muestra a continuación:

Sin embargo, si intentas transmitir una sensación de orden, calma o incluso monotonía, a veces el uso de formas simples y uniformes puede ayudarte a lograr tu objetivo. Por ejemplo, compare las formas de los paneles de las dos páginas siguientes.

 

El primero utiliza paneles rectangulares uniformemente espaciados para transmitir la sensación lenta y sencilla de un paseo panorámico por el campo:

Por el contrario, torcer las formas de los paneles para crear bordes discordantes transmite una sensación de acción repentina, como cuando nuestro personaje de arriba pasa de caminar a correr tras el espíritu de abajo:

¡También puedes utilizar el tamaño de los paneles para indicar la importancia de determinadas tomas! En términos generales, cuanto más grande es el panel, más significativo es el tema que se ilustra.

 

Si quieres mejorar aún más tu juego de paneles, intenta jugar con paneles abiertos/sin bordes para resaltar momentos críticos en una escena, como la introducción de un nuevo personaje.

Si realmente desea impulsar este concepto, puede crear un pliego con sangrado completo, en el que su ilustración se extienda hasta la línea de sangrado en ambas páginas de su pliego de doble página.

Esta no es sólo una excelente herramienta dramática, sino que una ilustración más grande como esta puede dividirse y usarse para paneles WEBTOON más pequeños durante el reformateo. Sólo recuerda tener en cuenta que el centro del sangrado quedará oscurecido cuando se encuaderne el cómic, por lo que los elementos importantes como los personajes y el diálogo deben mantenerse a ambos lados del pliegue.

 

 

Espacio del canal

Los dos pliegos anteriores proporcionan ejemplos de cómo utilizar Gutter Space. Como se mencionó anteriormente, Gutter Space se puede utilizar de muchas maneras únicas y es un excelente lugar para colocar cosas como:

 

1️⃣ Indicadores meteorológicos como hojas y nieve,

 

2️⃣ Patrones manga como destellos, burbujas y estrellas.

 

3️⃣ Motivos importantes para tu narrativa, y

 

4️⃣ Diálogo impactante que deseas sostener por sí solo.

¡Consejos adicionales!

Reformateo para WEBTOON

¡Aquí hay algunos Consejos adicionales rápidos para formatear y/o reformatear tus cómics para publicarlos en WEBTOON!

1️⃣ Recuerde que WEBTOON tiene como objetivo crear “una experiencia cinematográfica” con su formato de desplazamiento vertical, en el que los cómics deben leerse un panel a la vez. Basado en un tamaño de lienzo de 800 px de ancho, WEBTOON recomienda tener al menos 200 px de espacio vertical entre paneles.

 

2️⃣ Para transiciones que involucran cambios de ubicación y escena, WEBTOON recomienda tener al menos 600 px a 1000 px de espacio vertical entre paneles. Este Gutter Space se puede utilizar para transmitir una sensación de paso del tiempo o de una larga distancia y, a diferencia del formato de impresión tradicional, el formato de desplazamiento vertical de WEBTOON permite un espacio prácticamente infinito, ¡así que aprovéchalo!

 

3️⃣ Como no tienes que colocar tus paneles en el espacio limitado de una página de cómic tradicional, el formato de desplazamiento vertical abre un nuevo reino de posibilidades para jugar con las formas de tus paneles. Asegúrese de variar la altura, el ancho, la forma y la posición de sus paneles, utilizando el tamaño para indicar la importancia de ciertas tomas como se mencionó anteriormente.

 

 

Recursos WEBTOON

¡A continuación se muestran algunos recursos WEBTOON descargables de la sección Creators 101 de WEBTOON CANVAS!

 

 

Conclusión

Los Consejos adicionales anteriores están tomados de mi otro tutorial de Clip Studio Paint, "Cómo hacer un WEBTOON: la guía definitiva." Para obtener más consejos sobre cómo optimizar tu cómic para WEBTOON, no dudes en consultar el ¡Tutorial completo o versión en vídeo a continuación!

 

 

¡Y ahí lo tienes! Muchas gracias por leer y no dude en dejarme saber si tiene alguna pregunta sobre cualquiera de los temas que discutimos. Saludos y feliz dibujo! 🙌