Esta vez, presentaremos el formato de manga basado en la web "Webtoon".

¿Qué es webtoon?

En pocas palabras, es un "manga de lectura vertical".

 

Webtoon es un formato de cómic digital.

Se llama Webtoon como una palabra acuñada de Web + Cartoon.

 

【Característica】

・ Formato de desplazamiento vertical (estilo de lectura vertical)

· A todo color

 

 

La legibilidad en teléfonos inteligentes y PC es importante.

Como no hay impresión ni encuadernación, no hay reglas específicas para los manuscritos de manga.

Ejemplo) ◎ Sin marco interno o línea de corte

◎ Página libre

◎ Tamaño de lienzo gratis

◎ Resolución libre

Además, dado que la cantidad de datos de imagen es pequeña, es adecuada para la producción móvil.

Se recomienda porque es un formato fácil para las personas que desean dibujar manga por primera vez.

¡Ahora, dibujemos usando la función CLIPSTUDIO PAINT!

Paso 1: preparar el lienzo para Webtoon

CLIPSTUDIO PAINT tiene configuraciones para Webtoon.

 

Crear nuevo (Ctrl + N)

Uso del trabajo: ilustración

Preset (S): seleccione "comico (690 × 20000px)" y haga clic en Aceptar.

 

 

• "Comico" es el nombre del portal Webtoon en Japón.

Settings Configuración de Webtoon personalizada para publicar aquí.

Se crea un nuevo lienzo alargado como este.

Paso 2: dibuja un dibujo de la puerta

-------------------------------------------------- -------------------------------------[Visualización y configuración de líneas de cuadrícula]

Marque [Ver (V)] → [Cuadrícula (G)] en la barra de menú, y luego

Abre la ventana [Configuración de regla de cuadrícula].

En la configuración inicial, dicha línea se dibuja, así que cambie la configuración de la cuadrícula.

Ajuste inicial

Intervalo (D): se dibuja una línea gruesa (línea de cuadrícula) cada 100 px.

Número de divisiones (I): divida las líneas de la cuadrícula por cuatro.

-------------------------------------------------- --------------------------------------【cambio】

Cuando se supone que el lienzo es un libro, la relación de aspecto de las versiones estándar internacionales de tamaño A y B es √2 cuando el lado corto es 1 y el lado largo es 1.

Este lienzo mide 690 px horizontalmente, por lo que el tamaño vertical es

Desde 690 x {2 = 975.807 ...}, ingrese 976 para el espaciado de línea de la cuadrícula.

El número de divisiones es gratuito, pero elegí 10 para facilitar la comprensión.

 

Estoy un poco preocupado por el equilibrio de las líneas verticales, así que aumentaré un poco el número de intervalos.

(Debido a que el libro no está encuadernado, creo que no hay problema si los valores numéricos se capturan intuitivamente)

Aquí tiene 985 px. Haga clic en Aceptar cuando haya terminado.

Las líneas de cuadrícula (líneas gruesas) se muestran a intervalos regulares.

Esta línea continúa a intervalos regulares hasta el final.

Creo que será más fácil dibujar si crees que la línea (= parte de la pantalla a color) es una página.

 

 

 

 

¡Creo que es fácil de entender al escribir el título y el nombre del autor y al dibujar la puerta!

Paso 3: dibuja el texto / manga

A continuación, dibujemos un manga.

Nuevamente, es útil poder ver las líneas de la cuadrícula.

 

Creo que Webtoon es un rango legible de aproximadamente 1-3 cuadros en esta página virtual.

 

De todos modos, la parte de dibujos animados es gratis.

Teniendo en cuenta la legibilidad en la Web, creo que la sensación de dibujar una animación de un solo corte está más cerca de la de los cómics (MANGA).

De hecho, algunos trabajos de Webtoon también incluyen expresiones como una parte del manga que se está animando o el sonido que se está reproduciendo.

Paso 3: tamaño del texto del diálogo

El tamaño del texto de entrada de texto se expresa en unidades de "pt (punto)".

Dado que Webtoon tiene libertad en el tamaño del lienzo, el tamaño de la fuente también debe ajustarse.

 

Referencia: entrada de texto [Detalles de la subherramienta]

-------------------------------------------------- -------------------------------Aside Por otro lado, para que el manga se vincule, hay reglas aproximadas para el tamaño de fuente.

Ejemplo) Manuscrito monocromo, tamaño libro B5 (revista)

Lienzo: 4299 × 6071px / resolución 600 ppp: la fuente se basa en 11pt

 

↓ Cuando se muestra en la web, un personaje tiene aproximadamente este tamaño.

Dado que la resolución es un valor numérico requerido para la impresión, no es necesario aumentar el valor numérico para las imágenes vistas solo en la web.

Por lo tanto, a menudo se establece en 72 ppp en Webtoon.

Sin embargo, si la resolución cambia, la pantalla cambiará al mismo 11 puntos.

De esta manera, se vuelve muy pequeño.

Tenga en cuenta que la pantalla cambia incluso con el mismo punto y preste atención al tamaño del diálogo.

 

En este lienzo (690px / 72dpi de ancho), lo configuré en 30pt.

-------------------------------------------------- ------------------------ 

En el tamaño real del lienzo, se muestra en este tamaño.

Se siente un poco más grande en una PC, pero es más eficaz que una pequeña e ilegible, por lo que, dependiendo del tamaño del dispositivo, espero que sea más fácil de leer.

 

Si le resulta fácil de leer,

Si el ancho del lienzo es de 690 píxeles y la resolución es de 72 ppp, será más fácil si mantiene 30 puntos como estándar.

Con lo anterior, creo que puedes comprender los conceptos básicos del sentido del tamaño de la imagen y el personaje.

Luego, dibuja libremente y trata de crear un trabajo maravilloso.

Técnica 1: ¡Copie y pegue el diálogo usando el editor de historias!

• "Story editor" es una función exclusiva para CLIP STUDIO PAINT [EX].

! ¡Puedes ingresar líneas en lote!

Haga clic en [Gestión de página] → [Editar texto (Z)] → [Abrir editor de historias (O)]

Se abre la ventana del editor de historias.

 

(1) Copie las líneas ingresadas usando un editor de texto (Bloc de notas).

② Pégalo en el "editor de historias".

Cada salto de línea se ingresa como una línea separada a la vez.

Luego, el diálogo también se muestra en el lienzo.

La posición del diálogo se puede mover libremente.

 

《Cómo modificar el texto》

Después de cambiar las propiedades de la herramienta de texto, seleccione el cuadro de texto del editor de historias presionando Shift + clic.

Puede cambiarlo por administración de página ⇒ edición de texto ⇒ aplicación de propiedades de herramienta al texto.

Pequeña técnica 2: comprobación general

Para documentos verticales, es difícil verificar todo el lienzo.

Por lo tanto, presentaré cómo verificar el lienzo mostrándolo en varias ventanas usando una nueva ventana.

 

 

Seleccione [Ventana (W)] → [Lienzo (V)] → [Nueva ventana (V)] en la barra de menú.

 

El mismo lienzo se puede mostrar en varias ventanas.

Si se muestra uno en otra ventana, puede verificar todo mientras dibuja.

Gracias por mirar hasta el final.

Espero que este tutorial sea útil para tu producción de manga.