A primera vista, los webtoons y los cómics basados en páginas pueden no parecer tan diferentes. Pero la verdad es que ofrecen una experiencia de lectura completamente distinta. El formato de desplazamiento vertical rara vez presenta al lector más de dos viñetas visibles a la vez. Esto permite y exige diferentes formas de crear tensión y manejar elementos estructurales de un cómic, como las transiciones de escena.

 

Este tutorial presentará 8 técnicas para crear transiciones de escena, tanto desde una perspectiva técnica como conceptual.

 

Si quieres ver una versión en video de este tutorial, la puedes encontrar aquí:

Consejos Básicos

Primero que nada, si estás empezando a crear webtoons, te animo a que primero consultes mi otro tutorial, “Creando Cómics tanto para Impresión como para Webtoon”, que repasa algunos de los conceptos básicos.

Segundo, algo importante a tener siempre en cuenta al trabajar en webtoons es cómo se verían para alguien que lee el cómic en su teléfono o tableta. En el pasado, me ha resultado útil dibujar un pequeño rectángulo rojo con las dimensiones de una pantalla de teléfono típica y superponerlo encima del webtoon, para tener una idea de qué secciones del arte serán visibles. Sin embargo, a partir de la Versión 1.10.5, Clip Studio Paint habrá añadido la opción “Área en pantalla” bajo el menú “Ver”, lo que permite esta guía de una manera mucho más conveniente.

Con esto en mente, pasemos a algunos ejemplos concretos de técnicas de transición de escena que puedes utilizar:

Técnica #1 - Acercar y Alejar

Esta es una de las dos técnicas básicas, y me verás usándola en combinación con algunas de las otras de las que hablo en este tutorial.

 

Es bastante sencillo: al establecer una escena, me gusta acercar gradualmente el zoom. De la misma manera, al finalizar una escena, me gusta alejar gradualmente el zoom. Esto ayuda a comunicar a tus lectores un cierto sentido de enfoque. Si quieres ver algo interesante, puedes acercarte a ello o sostenerlo más cerca de tu cara para inspeccionarlo. Cuando usamos esta técnica en webtoons, estamos realizando esta acción para nuestros lectores y diciéndoles: “oye, algo está a punto de suceder” o “bien, eso es todo por esta escena”.

Técnica #2 - Color

La otra forma más clara de hacer una transición entre escenas es separarlas visualmente. Una de las maneras más sencillas de hacerlo es usar colores distintos entre ellas. Por supuesto, el brillo es otra opción, que se vuelve especialmente relevante si tu webtoon es solo en escala de grises.

 

Por ejemplo, aquí muestro a Enrico en su habitación, con matices verdes pastel cálidos. Mientras tanto, Dodger está tumbado sobre una alfombra marrón. Este no es el ejemplo más drástico de colores variados, pero es un recordatorio útil de que no siempre necesitas abrumar a tus lectores con estas técnicas, e incluso las aplicaciones sutiles pueden comunicar bien tu intención.

Incluso puedes usar el color para conectar dos ubicaciones separadas si una determinada acción está ocurriendo en ambas. Aquí, estoy usando un fondo amarillo eufórico para transmitir la emoción de Enrico al llegar a Dodger, incluso si es solo a través de mensajes de texto:

Técnica #3 - Entrar en la Mente

Pasemos a técnicas más avanzadas.

 

Esta es útil para una transición de escena a un flashback o escenas que tienen lugar en la imaginación de un personaje.

Empieza con una viñeta que se centre en tu personaje, luego añade una viñeta que se acerque más a su cara. Si lo deseas, puedes añadir aún más viñetas que se acerquen más, y acompañarlas con diálogo.

 

Puede ser útil usar composiciones similares al crear la última viñeta de una escena del mundo “real” y la primera viñeta de una escena de recuerdo o imaginada, especialmente en lo que respecta a la ubicación de tu personaje. No tienen por qué verse iguales ni siquiera llevar la misma expresión en ambas viñetas. Sin embargo, el personaje debe ser el foco claro de cada escena, un punto de anclaje para los lectores que les ayude a crear la conexión de que esto es un recuerdo o un sueño.

 

En mi ejemplo anterior, me desvío de esta regla, porque ya he establecido que mi personaje Dodger puede tener visiones. Además, el foco de su visión aquí es Sammy. No sentí la necesidad de mostrarlo como un elemento central de la viñeta y simplemente lo mostré de espaldas, observando a Sammy.

 

Puede ser útil añadir un degradado detrás de estas viñetas para la transición, por ejemplo, de un fondo claro a un fondo oscuro durante la duración de las viñetas recordadas o imaginadas. Esto ayuda a comunicar a tus lectores que cada viñeta frente a un color de fondo diferente no forma parte de la línea de tiempo o realidad actual.

¡Por supuesto, no estás limitado a usar degradados! En mi ejemplo al principio de esta sección, utilicé un efecto de lineart específico y una paleta de colores única para lograr el mismo resultado final.

 

También podrías combinar la herramienta de degradado con la opción de tono de capa para crear efectos únicos de forma rápida y sencilla.

Recomiendo encarecidamente consultar este tutorial para aprender más, específicamente la sección “Degradados Tonificados”:

Tampoco siempre necesitas que este tipo de transición sea larga, si no pretendes que sea dramática. Las versiones abreviadas de esta técnica son útiles para cosas como gags, o personajes que tienen revelaciones repentinas.

Aquí, muestro brevemente un flashback sin un acercamiento al rostro de Dodger. Sin embargo, su expresión mirando directamente al espectador, el efecto de viñeta y los bordes estilo globo de pensamiento en la viñeta del flashback ayudan a comunicar al lector que esto es un recuerdo.

Técnica #4 - Múltiples Acciones en una Sola Escena

Con esta técnica, puedes lograr un efecto casi animado. Al mostrar múltiples etapas de una sola acción, o múltiples acciones que están conectadas, puedes poner énfasis en estas acciones.

 

Aquí tienes un ejemplo:

Quería establecer un ambiente de calma matutina en la escena, así que decidí mostrar un pájaro volando por el aire. Como el cielo ofrece mucho espacio vertical, pude mostrar al mismo pájaro en diferentes etapas de esta acción.

 

Además, al principio de la escena, aún no sabemos el contexto de lo que está sucediendo y solo cuando el pájaro aterriza en un punto de referencia reconocible, los lectores entenderán cómo se relaciona con la historia. Esto puede ayudar a crear una sensación de intriga.

 

La misma técnica también se puede aplicar en una única viñeta de fondo para enfatizar un entorno tranquilo, como en el ejemplo anterior, o acciones muy rápidas, como en este concepto:

Alternativamente, también puedes usar múltiples viñetas que mantengan el fondo y la composición iguales en cada viñeta, cambiando solo las acciones de los personajes. Si no puedes usar la técnica de una sola viñeta de fondo por razones compositivas, esta opción es igualmente válida:

También podrías hacer una transición de ubicaciones mostrando a un personaje comenzando la acción en una viñeta, luego mostrando varias etapas de la acción fuera de cualquier viñeta, y finalmente, completando la acción en otra viñeta.

Técnica #5 - Conectar Ubicaciones con Texto

Al mostrar el mismo evento ocurriendo en diferentes ubicaciones o siendo visto desde diferentes puntos de vista, puede ser útil usar texto o colores para transmitir la conexión entre estas dos escenas.

 

Por ejemplo, aquí hay dos ejemplos donde estoy usando texto para conectar a estos personajes entre sí. En ambos casos, el texto sale o se extiende más allá de las viñetas que muestran a los personajes. Esto ayuda a transmitir a los lectores que este texto —este diálogo o efecto de sonido— literalmente se extiende más allá de los confines de las ubicaciones representadas.

Si has visto mi otro tutorial de webtoons, sabrás que Clip Studio Paint tiene una herramienta de viñetas dedicada. Es muy útil para mantener tus archivos de webtoon organizados y limpios. Sin embargo, ten en cuenta que si utilizas esta técnica de transición de escena, tendrás que crear nuevas capas que estén ubicadas ENCIMA de las carpetas de las viñetas en lugar de dentro de ellas, para que tu arte se muestre fuera de las viñetas.

Técnica #6 - Establecer Fondos Lentamente

Si quieres cambiar de escena entre dos escenarios, a veces tiene sentido hacerlo lentamente.

 

Por ejemplo, esto significa que si estás cambiando de una escena exterior a una escena interior en una ubicación diferente, es posible que primero quieras mostrar la ubicación diferente desde el exterior, antes de mostrar el interior.

Aquí, también he añadido una viñeta extra entre la toma exterior e interior para establecer aún más el ambiente de la escena. El goteo de agua solo se escuchará en un ambiente tranquilo, lo cual esta viñeta ayuda a comunicar.

 

Tén en cuenta que también he elegido el tamaño de la viñeta exterior para que ocupe completamente la pantalla de un smartphone del lector. Las viñetas grandes como esta ayudan a los lectores a detenerse en una escena y hacer que se sientan más importantes. Con las transiciones entre diferentes ubicaciones, esta puede ser una técnica útil para captar la atención de tus lectores y enfatizar esta transición.

Técnica #7 - Comunicar el Paso del Tiempo

Las viñetas que muestran paisajes de fondo son una forma útil de ilustrar el paso del tiempo. Por ejemplo, podrías cambiar la iluminación, el clima o incluso detalles como tiendas cerrando y coches saliendo de aparcamientos. ¡Las posibilidades son infinitas!

Nota al margen: Si quieres cambiar la iluminación de una escena, especialmente de forma sutil, puede ser útil y más rápido empezar utilizando capas de corrección en lugar de recolorear completamente la escena desde cero. Para más información sobre las capas de corrección, sugiero este tutorial:

Al usar esta técnica, ¡es importante tener en cuenta el espaciado entre viñetas! Si pones las viñetas muy juntas, los lectores podrían desplazarse rápidamente por ellas, lo que podría hacerles sentir que estas viñetas tienen lugar en un período de tiempo más corto. Si espacias las viñetas más ampliamente, y los lectores tardan más en desplazarse por ellas, ¡esto aumentará la sensación de tiempo que pasa!

Técnica #8 - Crear Intriga Mostrando el Diálogo Primero

Ya he hablado de esto en mi otro tutorial centrado en webtoons, pero me gustaría repetir esta técnica aquí. Puedes aumentar la sorpresa al revelar una nueva escena o ubicación mostrando primero un diálogo que anticipe la escena.

 

Para ello, asegúrate de que el diálogo ocupe toda la pantalla de un teléfono, de modo que tus lectores tengan que pensar en este diálogo por un momento. Durante este momento, podrían preguntarse sobre las implicaciones y construir la escena en su mente, ya sea consciente o subconscientemente.

 

Después de esto, puedes mostrar la escena completa, y sorprender a tus lectores subvirtiendo sus expectativas o emocionarlos cuando su predicción resulta ser cierta.

¡Gracias!

Hemos llegado al final y espero que estas ocho técnicas te sean útiles e inspiradoras para tener en cuenta al crear tu webtoon. Por supuesto, hay muchas más opciones para manejar las transiciones de escena. Una de las mejores maneras de aprenderlas es leyendo webtoons con un enfoque analítico e intentando averiguar qué tipo de técnica te deja una impresión y por qué.

 

¿Tienes alguna técnica de transición favorita? ¡No dudes en comentarlas en la sección de comentarios! Como siempre, ¡gracias por leer!

 

Ah, y si te ha gustado lo que has visto aquí, ¿por qué no echas un vistazo a mi cómic?