[1. Introducción

Durante algunos años, el webtoon (o desfile de bandas) se ha impuesto en la web porque permite una lectura adaptada a diferentes medios digitales como tabletas, teléfonos inteligentes.

¡Se pueden alojar fácilmente en plataformas en línea como Tapastic, Line webtoon y muchas otras!

 

Si la mayoría de los webtoons son estáticos, es posible aumentar la inmersión en la historia agregando elementos animados. ¡Esto puede marcar la diferencia con los webtoons ya presentes! Sin embargo, estas animaciones deben usarse razonablemente para no perturbar el curso de la lectura.

 

En este artículo, aprenderá cómo crear un cómic animado gracias a las funciones de animación del software.

[2] Preparando el guión gráfico para tu historia

■ Creación del espacio de trabajo.

 

Entonces, comencemos definiendo un nuevo espacio de trabajo en el software

[Archivo]> [Nuevo]

En cualquier momento puede cambiar la altura de su espacio de trabajo [Editar]> [Cambiar el tamaño del lienzo]

 

 

■ Diseño de storyboard

 

Como con cualquier libro de historietas, comenzamos desarrollando un guión gráfico para preparar el desglose de nuestra historia. (por supuesto, debe haber escrito el guión de su escena de antemano, así como los diálogos)

 

El guión gráfico permite resaltar los elementos fuertes de una escena y garantizar la fluidez de la lectura. Para esto, uso una línea (que se muestra en rojo) en la que se colocarán los elementos principales de cada cuadro, así como las burbujas de texto.

En el caso de un webtoon, el espacio vertical entre las cajas y las burbujas permitirá definir el ritmo de la lectura. ¡No olvides usarlo para crear tiempo y así reforzar el suspenso del descubrimiento!

 

 

 

 

■ Definir las zonas de animación.

 

También usaremos este guión gráfico para identificar las áreas de la imagen en las que colocar la animación.

 

Estas animaciones te permiten expresar dos cosas:

 

• Ya sea el resaltado de un elemento fuerte (personaje por ejemplo),

• Refuerce la inmersión en la decoración (efecto atmosférico, por ejemplo).

¡Ahora, todo está listo para comenzar a crear la tira cómica!

[3] Uso de máscaras y carpetas para el diseño

■ Creación de archivos de casos.

 

Primero, prepararemos nuestro diseño creando tres carpetas correspondientes a los cuadros de nuestro webtoon. Haga clic en el icono [Nueva carpeta] para crearlos.

 

Luego, coloque una nueva capa en cada una de estas carpetas haciendo clic en el icono [Nueva capa].

■ Uso del guión gráfico para delimitar las cajas.

 

En la página, mostrará su guión gráfico de forma transparente para que sirva como referencia para la creación de cuadros.

Luego puede mostrar las reglas [Pantalla]> [Reglas] y mostrar marcadores para marcar los límites del cuadro.

Para hacer esto, arrastre el mouse desde la regla de la izquierda al área de trabajo.

Estas guías se asocian automáticamente con una capa que puede mostrar u ocultar si es necesario.

■ Agregar una máscara de cuadro a la carpeta

 

Ahora definamos el contorno de nuestros cuadros con la herramienta [Área de selección de rectángulo]. Use los bordes de las guías para magnetizar el contorno de su selección.

Luego seleccione la carpeta del cuadro correspondiente en la paleta de capas y haga clic en la herramienta [Máscara].

 

■ Dibujo y coloración

 

Una vez que se crea la máscara, puede dibujar en las capas de esta carpeta sin ir más allá de los bordes del cuadro. Es hora de expresar tu talento.

 

■ Burbujas de texto y diálogos

 

Ahora queda agregar las burbujas de texto.

El software le permite crearlos directamente desde la barra de herramientas, ya sea utilizando formas predefinidas o dibujándolas a mano alzada con la herramienta [Bolígrafo de burbujas].

Organice estas burbujas en una nueva carpeta y colóquelas como se imagina en el guión gráfico. Todo lo que tiene que hacer es trazar las puntas de las burbujas con la herramienta [Flecha de burbujas].

Con la herramienta [Texto], complete sus cuadros de diálogo y agréguelos a la carpeta para agrupar todo en el mismo lugar.

Hasta ahora, todo parece un webtoon clásico,

pero ahora lo traeremos a la vida!

[4] Crea tu primera animación

■ Creación de una nueva cronología.

 

Primero asegúrese de haber abierto la paleta [Ventana]> [Línea de tiempo]

 

Como parte de nuestro webtoon, crearemos animaciones cortas que se reproducirán en un bucle.

Seleccione el icono [Crear una nueva línea de tiempo], luego elija la duración y la velocidad de animación. Una tasa de 12 permite una animación fluida mientras optimiza la visualización en la web. El tiempo de lectura para 1 segundo de animación es, por lo tanto, también 12.

■ Preparación del archivo de animación.

 

Luego seleccione la carpeta de una celda en la paleta [Capa] y haga clic en el icono [Nueva carpeta de animación] en la paleta de la línea de tiempo.

En esta carpeta de animación, podrá crear varias carpetas "anim_1", "anim_2" y "anim_3", cada una de las cuales contiene una capa en su interior.

¡Nombra tus archivos correctamente para no perderte por la animación!

En la paleta de la línea de tiempo, coloque el cursor de reproducción (cursor rojo) en la primera imagen, luego haga clic en el icono [Especificar celulos] y seleccione la primera carpeta que denominó "anim_1"

Se agrega un nuevo celulo a la línea de tiempo.

 

Cambie el cabezal de lectura rojo unas pocas imágenes y repita la operación para agregar "anim_02", "anim_03" y luego nuevamente "anim_02" para crear un ciclo de lectura.

 

 

■ Creación de dibujos de animación.

 

Todo está en su lugar ahora para poder dibujar las ilustraciones para nuestra animación.

 

Entonces, comience activando el [Peel paper] haciendo clic en el icono correspondiente en la paleta de cronología. Esto muestra las imágenes que enmarcan la imagen actual.

 

Dibuje los pasos de animación en cada capa de las carpetas "anim_01", "anim_02" y "anim_03".

En este punto, puede hacer clic en el icono de reproducción para verificar que la animación funciona correctamente.

 

Una vez que esté satisfecho con el resultado, todo lo que tiene que hacer es proceder a la coloración agregando nuevas capas en las carpetas asociadas.

[5] Optimiza tu archivo para la web

■ Exportación de animación.

 

Finalmente, vamos a exportar la animación en formato GIF para la web.

La elección de la resolución de la imagen es esencial para el peso de la imagen.

No dude en hacer algunas pruebas para obtener la mejor relación peso / calidad de imagen

¡Estás listo para crear tu propio webtoon!

 

 

No dudes en compartir tus creaciones en el comentario de este tutorial;)

 

 

■ Enlace para descargar el archivo:

Sobre el Autor

¡Mi nombre es Axendre y soy el creador de la historieta dinámica e interactiva "Edén, el segundo amanecer" que puedes descubrir en lectura libre!

 

En el sitio del proyecto, también puede participar en el desarrollo de su propia historia en el universo del Edén aprovechando los numerosos recursos disponibles.

 

¡Mi objetivo es transformar la visión de los cómics al permitir que todos creen nuevas experiencias de lectura, sea cual sea su nivel!

 

■ Sitio oficial del proyecto EDEN: