Un webtoon es un cómic de desplazamiento vertical o un "cómic web". Cada plataforma tiene diferentes dimensiones de carga para sus páginas, así que tenga en cuenta cuáles son sus limitaciones cuando planifique sus diseños.

 

Para este tutorial usaremos Line Webtoons y en adelante se denominará Webtoons.

 

• Este tutorial se basa en la suposición de que tiene una cuenta con el sitio de alojamiento webcomic elegido. Para obtener información sobre cómo cargar su webcomic, consulte sus tutoriales oficiales.

es decir, Webtoons, Taptastic.

 

TÉRMINOS DEL GLOSARIO

 

Webtoons: el sitio web / servicio de alojamiento de Line Webtoons

CSP: programa Clip Studio Paint

Archivo / tamaño de trabajo: el archivo que DIBUJAS en tu lienzo EDIT-ABLE

Lienzo / archivo de trabajo: la superficie de dibujo de su archivo (intercambiable)

Subir archivo / tamaño: el archivo que sube al sitio: el archivo FINALIZADO

Páginas: cada archivo que se puede cargar en un sitio web vertical de alojamiento de cómics

Paneles: un 'panel' tradicional de un cómic

Paneles vectoriales: la herramienta que CSP utiliza para crear paneles de líneas vectoriales en un formato de carpeta de capa

Formato de libro: un diseño tradicional de cómic

Formato vertical: un diseño cómico desplazable

¿Cómo presentamos un cómic vertical?

Dado que estamos trabajando en un medio visual y queremos exhibir hermosas obras de arte, tenemos que cambiar nuestra forma de pensar del típico 'formato de libro' y pensar en diseñar paneles de una manera impactante para un formato vertical en desplazamiento. Manejamos esto pensando en términos de 'PÁGINAS'.

 

Webtoons sube en 'páginas' que tienen un tamaño de 800x1280. Esto significa que necesita múltiples 'páginas' para hacer una actualización vertical larga.

LLEVA EL OJO VERTICALMENTE

Cuando diseñe su arte, tenga en cuenta cómo se verá al desplazarse. Su carga final será de 2.67x4.27 pulgadas por 'página'. Estamos hablando PEQUEÑO. Si desea el impacto de una ilustración de página completa como en un formato de libro, debe hacer que el arte ocupe dos o más 'páginas'. Cuanto más tiempo haga que su lector se desplace, más suspenso desarrollará.

 

Esto se debe a que estás obligando a sus ojos a recorrer la página. Esta técnica se llama 'Leading the Eye', que es cómo se crea el flujo y la capacidad de lectura. Con un formato vertical, debe dirigir la vista un poco diferente, pero el concepto es el mismo. Para un mayor impacto, haga que su lector se desplace más tiempo por un mínimo de 'dos' páginas 'y dirija la vista hacia ABAJO de las páginas.

 

 

Ejemplo de formato de libro

Los números son donde su ojo aterriza naturalmente y es conducido alrededor de la obra de arte.

Ejemplo de formato vertical

DISEÑA TUS PANELES CON PENSAMIENTO

Con un formato vertical, estará limitado en cómo puede diseñar sus paneles por página. Recuerde: tiene menos de 3 pulgadas (800 px) de ancho por página. Aun así, realmente no hay límite en cómo puedes configurar tus páginas de cómics.

 

NOTA: "Paneles por página": al diseñar mis paneles, me gusta mantener uno o dos paneles por 'página' porque cuando se redimensiona a móvil puede ser muy pequeño. Webtoons permite cambiar el tamaño del archivo a 320x512px para que se vuelvan muy pequeños.

 

PANELES ALTERNATIVOS

Alternar paneles en tamaño y longitud crea profundidad en la página y hace que los paneles formen parte de la obra de arte y atraigan la atención.

PANELES DE CAJAS

Mantener su obra de arte encuadernada dentro del mismo panel de tamaño mantiene su sensación cómica uniforme, nítida y limpia.

PANELES DE ILUSTRACIÓN

Los paneles de arte en la parte superior de una sola ilustración pueden hacer que su cómic se sienta más inmersivo y como un lienzo singular. Nota: si bien esta es una forma realmente genial y hermosa de hacerlo, recuerde que puede exagerarse muy rápidamente. Sugiero usar este tipo de diseño de panel para escenas muy importantes.

¿QUÉ TAMAÑO DEBE SER SU ARCHIVO DE TRABAJO?

GLOSARIO

Archivo / tamaño de trabajo: el archivo en el que DIBUJAS: tu lienzo EDIT-ABLE

Subir archivo / tamaño: el archivo que sube al sitio: el archivo FINALIZADO

Lienzo: espacio de dibujo para la obra de arte

 

 

MEJORES PRÁCTICAS

Si está dibujando a 800 px, tiene un archivo de trabajo de menos de tres pulgadas. Si alguna vez necesita agrandar ese arte terminado, terminará con un arte que parece una barra censurada. No es lindo. La mejor práctica es mejorar su archivo. Me gusta tener un archivo de trabajo tres veces (x3) del tamaño del archivo de carga final. De esa manera tengo muchos píxeles con los que jugar si quiero convertir cualquier panel en una impresión.

 

Ejemplo de 300 ppp frente a 72 ppp en imágenes:

TAMAÑO DE CARGA

Su página de carga final necesita 800x1280, por lo que multiplicamos eso por 3, lo que nos da un lienzo de trabajo de 2400x3840.

 

Subir página de tamaño de archivo:

800x1280

 

Página de tamaño del archivo de trabajo (x3):

2400x3840

 

Se verá así cuando se reduzca el tamaño de carga (la imagen grande es el archivo de trabajo (2400x3840) y la pequeña es el tamaño de carga (800x1280))

TAMAÑO DE ARCHIVO DE TRABAJO

Para un archivo de trabajo, me gusta tener cinco páginas de longitud. Esto me permite enviarlo a mi colorista en tamaños de archivo manejables, pero también me impide desplazarme por el lienzo para siempre. Uso la longitud del tamaño de archivo de trabajo de 3840 y multiplicada por cinco, lo que equivale a 19200 (3840 x 5 = 19200). El tamaño exacto del archivo de trabajo es 2400x19200, que cambiará de tamaño a 800x6400 para cargar.

 

Aquí está el desglose final de 'página':

No se deje intimidar por los siguientes números. Es además de las matemáticas. Tenemos esto.

LOTANDO TUS PÁGINAS

Trabajo en lotes de cinco (5) páginas hasta que termine el capítulo. Esto incluye todos los logotipos y redes sociales, títulos de capítulos y créditos finales. Una página funciona bien para esa información, pero he visto que se utilizan hasta cinco páginas para agradecer a los clientes y asistentes. Tu decides. El lienzo es tu mundo y puedes crearlo como quieras.

 

Ejemplo de "páginas" y bosquejar el diseño del arte y el panel:

¿CÓMO FUNCIONA EL REDIMENSIÓN DEL TEXTO PARA EL TRABAJO MÓVIL?

Sus páginas serán de 800x1280 y perfectamente legibles en PC. Pero cuando cambia de tamaño a dispositivos móviles, nos encontramos con problemas con la capacidad de lectura de texto. Esto se debe a que cuando se redimensiona una imagen, pierde píxeles para ajustarla a su nuevo 'tamaño de marco'. Piense en ello como si tuviera que cortar papel adicional para que encaje en el marco.

 

Ejemplo de 300 ppp versus 72 ppp (Ambos están en un tamaño de lienzo de 3.21x0.82 pulgadas:

Si está aplicando texto en su archivo de trabajo, debe usar al menos una fuente de 35 puntos. Esto puede cambiar dependiendo de su elección de fuente. Sugiero que lo revise usted mismo en una carga de texto en el sitio de host de cómics para asegurarse de que puede leer las fuentes que elija. Si agrega texto en el tamaño del archivo de carga, puede usar cualquier fuente de 8pt a 15pt. En los siguientes ejemplos, puede ver cómo se reduce el texto con el cambio de tamaño de la página para dispositivos móviles.

 

He descubierto que agregar burbujas de voz, texto y efectos de sonido en un tamaño de lienzo de carga de 800x1280 es la mejor práctica porque puede ver exactamente qué tan grande será el texto.

¿CON QUÉ FLUJO DE TRABAJO DEBO COMENZAR?

Los siguientes son los pasos que utilizo para dibujar mi cómic. A través de muchas pruebas y errores (horas y horas), he encontrado algo que me funciona bien. Estos son consejos que puede usar y adaptar a medida que se sienta más cómodo creando su webcomic.

 

 

MEJORES PRÁCTICAS

Las plantillas de archivo son útiles y le ahorran tiempo. Básicamente, llena carpetas y capas para cada nuevo archivo que cree. Puede aprender cómo hacer el suyo yendo a AYUDA y en el manual de instrucciones (F1) y busque "Registrar capa como material de plantilla"

O

Mira mi video tutorial. Lo repaso en profundidad.

MI PLANTILLA DE ARCHIVO

Esta es mi plantilla con todas las carpetas y capas que uso a diario para dibujar el cómic.

MI FLUJO DE TRABAJO

 

Lienzo en blanco → Bocetos → Lineart → Color → Efectos → Cambiar el tamaño del lienzo para cargar el tamaño → Paneles → Burbujas de voz → Texto → Efectos de sonido → Páginas de empalme

 

Dibujo todos mis bocetos en la carpeta 'DIBUJOS'. Todos mis dibujos lineales (tintas) van a la carpeta 'LINEART'. Dibujo en una capa vectorial * llamada LINEART para mis tintas de arte lineal. Dependiendo de lo que funcione mejor para esas páginas, puedo crear una nueva carpeta COLOR o simplemente hacerlo todo en la carpeta LINEART.

 

• NOTA: ¡Es muy importante que haga dibujos lineales en capas vectoriales! Ayuda con la coloración y el cambio de tamaño. CSP tiene excelentes tutoriales sobre capas vectoriales y ráster. Míralos si no estás seguro de cómo usarlos. Aquí hay una gran turtorial:

NOTA: No podrá usar el depósito de relleno en una capa vectorial. Solo una capa de trama permite colorear. Puede encontrar más información sobre el uso de la herramienta de relleno aquí:

Redimensionar el archivo de trabajo

Lienzo en blanco → Bocetos → Lineart → Color → Efectos → TAMAÑO DE LONA PARA CARGAR TAMAÑO → Paneles → Burbujas de voz → Texto → Efectos de sonido → Páginas de empalme

 

Cambio el tamaño de todo el archivo de trabajo al tamaño de carga de 800x6400.

NOTA: NO aplana la imagen. Todo permanece en capas / carpetas separadas.

 

Para hacer esto, vaya a EDITAR → CAMBIAR RESOLUCIÓN DE IMAGEN → Cambiar la resolución PRIMERO a 300 → cambiar el ancho a 800 → altura para ajustar automáticamente a 6400. Su lienzo cambiará de tamaño a 800x6400 300 ppp.

Entro en detalles en mi video tutorial. ¡Por favor, mira la parte 2!

PANELES

Lienzo en blanco → Bocetos → Lineart → Color → Efectos → Cambiar el tamaño del lienzo para cargar el tamaño → PANELES → Burbujas de voz → Texto → Efectos de sonido → Páginas de empalme

 

Un desglose rápido de cómo funcionan los paneles en CSP:

Son carpetas que actúan como máscara en todas las ilustraciones dentro de la carpeta

Son lineas vectoriales

Cada panel es su propia carpeta de capas

 

Cada vez que crea un nuevo panel, crea una capa que se dobla como una carpeta y todo lo que dibuje a partir de ese momento irá directamente a ese panel. No he descubierto cómo evitar que eso suceda, pero no me gusta esta característica. Es por eso que dibujo mis paneles de vectores al final. Tenga en cuenta que las líneas vectoriales para los paneles actúan como una máscara.

 

Usando la herramienta de panel, dibuje sus paneles del tamaño que necesita. Asegúrese de seleccionar AGREGAR A LA CARPETA SELECCIONADA si no desea crear una nueva capa con cada panel.

Cuando haya terminado, suelte sus capas de dibujo en la CARPETA DE PANEL y enmascarará automáticamente cualquier arte fuera de las líneas del panel.

Cualquier cosa por encima de la capa del panel no será recortada por el panel. Lo uso para obras de arte que quiero sentar fuera de la caja del panel.

BURBUJAS DE DISCURSO PERSONALIZADAS

Lienzo en blanco → Bocetos → Lineart → Color → Efectos → Cambiar el tamaño del lienzo para cargar el tamaño → Paneles → BURBUJAS DE HABLA → TEXTO → FX de sonido → Páginas de empalme

 

Es hora de agregar tu texto. Hago burbujas de discurso personalizadas para ayudar a distinguir los personajes. Las burbujas de discurso también son líneas vectoriales, pero se rellenarán automáticamente con un color de fondo. Esto hace que sea sencillo agregar burbujas sin tener que regresar y completar cada una.

 

HERRAMIENTA DE GLOBO → seleccione el color de línea y el color de relleno → coloque el globo → agregue la cola del globo

Use la herramienta OPERACIÓN (se ve como un cuadrado 3D con el mouse sobre él) para seleccionar la burbuja.

 

HERRAMIENTA DE OPPERACIÓN → Seleccionar burbuja → Seleccionar forma de pincel → Seleccionar el tipo de línea que desee.

 

¡Se verá así! Puede meterse con la propiedad de capa para agregar brillos u otras opciones especiales. ¡Que te diviertas! Nota: Para una apariencia más orgánica, puede dibujar a mano las burbujas de discurso O puede ajustar los puntos vectoriales en la burbuja para cambiar la forma.

AGREGAR TEXTO

Para obtener más información sobre cómo agregar texto a sus burbujas de discurso, consulte este tutorial:

DIVIDIENDO SU CAPÍTULO EN PÁGINAS

Lienzo en blanco → Bocetos → Lineart → Color → Efectos → Cambiar el tamaño del lienzo para cargar el tamaño → Paneles → BURBUJAS DE HABLA → TEXTO → FX de sonido → PÁGINAS DE EMPALME

 

CSP no puede manejar un archivo de más de 30,000 px, por lo que no puede usar un lienzo infinito. Es por eso que hemos trabajado en lotes para que nuestras vidas sean más fáciles. Para obtener su archivo de trabajo en archivos de carga de 800x1280, debe dividirlos. CSP no tiene esto como una característica incorporada, por lo que necesitará otro programa. Uso GIMP porque es una opción gratuita, aunque Photoshop también tiene esta característica.

 

Abra GIMP y seleccione Archivo → Abrir como capas → Encuentre su archivo de carga → Abrir.

 

Ahora creará sus GUÍAS para empalmar las páginas.

 

Vaya a Imagen → Guía → Nueva guía → Aparecerá un cuadro → Asegúrese de haber cambiado la orientación de su guía a HORIZONTAL e ingrese el píxel en el que desea dividir la página. Para la primera página será 1280, la siguiente es 2560, luego 3840 y la última es 5120.

TRAIGA LOS OTROS ARCHIVOS DE CARGA

Una vez que tenga todas sus guías en su lugar, puede traer sus otros archivos de carga. Archivo → Abrir como capas → Encuentra tu archivo de carga → Abrir.

NOTA: cuando corta sus archivos, debe tener solo esa capa visible y la capa seleccionada o no registrará la capa.

 

Para dividir vaya a Filtros → Web → División → Se abrirá un cuadro → Cambiar la configuración según sus preferencias → Aceptar → Los archivos se empalmarán en páginas de 800x1280.

Explicaciones de configuración:

Ruta para la exportación de HTML: nombre de la carpeta en la que desea guardar sus páginas.

 

Nombre de archivo para exportación: lo dejo como segmento porque no usaré esta configuración.

 

Prefijo de nombre de imagen: cómo desea que se llame cada archivo Mantengo el prefijo "sector" o lo cambio a "página" y agrego un número para cada lote para que se guarden en orden numérico. Esto ayuda con el proceso de carga. Ejemplo: slice2, slice3, excreta.

 

Formato de imagen: solo JPEG

 

Carpeta de imagen separada: No. Desea que todos se guarden en la misma carpeta.

 

Carpeta para la exportación de imágenes: no parece hacer la diferencia. Lo llamo EP_ (inserte el número). es decir, EP_2

 

Espacio entre elementos de la tabla: 0 (no cambie esto o tendrá espacios entre sus archivos una vez cargados en el sitio web).

 

Las últimas dos opciones no son necesarias, así que no cambie la configuración.

Si no desea utilizar este método, puede utilizar un sitio en línea que hará el trabajo por usted. Esto se llama Croppy y se explica en el tutorial de Kyorin.

Aquí está el enlace:

¡HECHO! ¡Ahora puedes subir tus páginas al host del sitio web!

Espero que esto haya explicado las partes esenciales sobre cómo hacer tu propio webtoon. Avíseme si necesito explicar algo más o aclarar las explicaciones. Mire el video tutorial también, ya que puede ayudarme a verlo hacerlo en tiempo real.

Si desea ver el tutorial, haga clic en el video a continuación.