[A] Introducción

¡Hola, soy shoe! En este tutorial te mostraré lo básico o lo que debes saber para hacer un webtoon. Todas las herramientas/activos que he usado en este tutorial son gratuitas y se pueden encontrar en la tienda de CLIP STUDIO ASSETS.

 

Dado que lo que hace que los webtoons sean divertidos es su singularidad individual y los estilos de los diferentes creadores, no explicaré en detalle mi proceso artístico y solo los detalles técnicos, como qué herramientas usar, cómo combinar modelos 3D con ilustraciones 2D y similares.

 

Tenga en cuenta que no soy un profesional y solo hago webtoons como pasatiempo, todo lo que diré en este tutorial se basa en lo que he aprendido por mi cuenta. Dicho esto, ¡espero que disfrutes y aprendas algunos consejos de este tutorial! :D

[B] Creando un lienzo

[NOTA] Los webtoons son cómics digitales que a menudo se leen en teléfonos móviles. Es mejor trabajar en un lienzo más largo para ayudarte a no confundirte o perderte al trabajar en ciertas escenas. También ayudará a construir la atmósfera o el estado de ánimo de la historia.

 

1) Creando un lienzo

Primero, crea un lienzo nuevo haciendo clic en [Nuevo] en la barra de comandos superior izquierda:

También puedes crear un lienzo nuevo yendo a [Archivo] y seleccionando [Nuevo], o simplemente presionando [CTRL + N] en tu teclado.

Una vez que se abra la ventana, ve a [Ancho] y [Alto] para cambiar el tamaño de tu lienzo. El tamaño estándar de un webtoon es de 800x1280px, pero prefiero trabajar en un lienzo más largo. El lienzo que uso es de 800x7680px, lo que equivale a 6 páginas de un lienzo de 800x1280px.

 

*[El recorte] se discutirá una vez que hayamos terminado con la página.

2) Creando un preajuste

Haz clic en el icono al lado del icono de la papelera. Esto guardará tu lienzo como un preajuste para que no tengas que escribir manualmente el tamaño del lienzo la próxima vez. Crear un webtoon requiere muchas páginas, hacer esto reducirá tu carga de trabajo.

Una vez que se abra la ventana, cambia el nombre del preajuste a [WEBTOON] y luego haz clic en [OK].

¡Ahora tenemos un lienzo listo!

[C] Viñeteado / Creando viñetas

[NOTA] Es importante que tengas un guion para el diálogo o la escena, de lo contrario el flujo del webtoon se verá extraño y antinatural. Esbozar las escenas en papel de antemano también ayudará a planificar las viñetas.

 

1) Cómo hacer viñetas

Primero, ve a [Ver] y selecciona [Cuadrícula] o simplemente presiona [CTRL + E] en tu teclado.

Asegúrate de que [Ajustar a cuadrícula] esté activado. Se puede encontrar en la barra de comandos.

 

Tener esto activado hará que tus viñetas se vean equilibradas y más ordenadas, pero si sientes que quieres que tus viñetas sean asimétricas para tu propio estilo artístico, entonces siéntete libre de saltarte este paso. ¡La diversión de los webtoons radica en sus propios estilos únicos después de todo!

Hay 2 formas de crear viñetas:

Una es usando la herramienta [Marco de viñeta] y la otra es usando la herramienta [Figura].

 

Uso la herramienta [Marco de viñeta] con más frecuencia porque creará automáticamente una máscara para tus viñetas. De esta manera, las líneas no pasarán a través de la viñeta.

 

Aunque en algunos casos también puedes usar la herramienta [Figura] para viñetas que hacen una transición a un estado de ánimo o escena diferente. ¡Intenta experimentar para ver qué prefieres!

Panel usando la herramienta [Borde de viñeta].

Panel usando la herramienta [Figura].

2) Planificando las viñetas

Aquí es donde tener un guion listo se vuelve importante.

 

Esbozo las viñetas usando el guion que he preparado de antemano. Esta página es solo una frase de mi guion. El guion es [“El personaje principal encuentra una carta y llora después de leerla.]

 

[NOTA] Tener un [Navegador] abierto ayudará a colocar las viñetas. Los webtoons requieren “espacio en blanco” o huecos después de cada viñeta, de lo contrario se verá desordenado y caótico. El espacio en blanco ayuda a establecer el tono de una historia, a crear la atmósfera y a facilitar la lectura.

 

Si las viñetas están demasiado cerca unas de otras, será difícil para los lectores leerlas.

3) Ajustando las viñetas

Vuelve a abrir la [Cuadrícula]. Dado que las viñetas están demasiado cerca unas de otras y no tienen suficiente espacio entre ellas, he decidido dividir la escena en dos páginas.

 

*Debido a que el lienzo es demasiado largo, solo mostraré el producto terminado de una página. ¡Está bien no mostrar la otra página, ya que esta no es la historia completa del webtoon de todos modos!

Usando la herramienta [Área de selección], selecciona [Rectángulo].

Ajusta las viñetas con al menos 3-4 cuadros de separación basándote en la cuadrícula. También he añadido una nueva viñeta donde el personaje está contemplando leer la carta para poder establecer el estado de ánimo del personaje después.

4) Finalizando las viñetas

Ahora que las viñetas han sido planificadas y el boceto ha sido revisado, podemos delinear las viñetas. Asegúrate de que [Rellenar dentro del marco] esté marcado en la configuración de [Marco de viñeta] y que la opacidad de tu capa de boceto esté reducida.

[NOTA] Recuerda que [Ajustar a cuadrícula] debe estar activado en la barra de comandos si quieres que tus viñetas estén equilibradas.

 

Sigue la cuadrícula y crea las viñetas. La herramienta [Marco de viñeta] creará automáticamente una máscara y una capa de conjunto para tu nueva viñeta. Oculta la capa [Fondo del marco] haciendo clic en el icono del ojo para que puedas ver el boceto.

 

*¡No borres la capa [Fondo del marco], será necesaria para crear fondos!

 

Si seleccionas la capa de conjunto [Marco de viñeta], la viñeta se volverá blanca, lo que significa que esa es la única parte en la que puedes dibujar.

[D] Arte lineal y adición de modelos 3D

Usar un modelo 3D para elementos que aparecen con frecuencia te ayudará a ahorrar tiempo y será más fácil arreglar el ángulo para diferentes escenas.

 

Utilicé un modelo 3D gratuito de CLIP STUDIO ASSETS para la mesa. Simplemente arrastra el modelo 3D a la capa de conjunto de la viñeta en la que estás trabajando. Muchos artistas de webtoons descargan activos de la tienda de activos, pero hay otros que usan programas 3D y crean sus propios modelos 3D.

 

Si deseas aprender más sobre cómo optimizar el uso de modelos 3D en CLIP STUDIO PAINT, ¡hay muchos tutoriales en CLIP STUDIO TIPS!

 

Para el jarrón, utilicé la [Regla simétrica] en la herramienta [Regla]. Establecí el número de líneas en 2.

 

El modelo 3D que utilicé se puede descargar aquí:

Está bien usar cualquier pluma con la que te sientas cómodo, siempre y cuando se pueda usar con una herramienta de relleno. Puedes seleccionar la capa [Papel] para ver rápidamente todo el lienzo sin la máscara.

¡Ahora el arte lineal está completo!

[E] Agregando el color base

1) Creando un conjunto de colores

Al hacer webtoons, tenemos que usar los mismos colores repetidamente para muchos personajes, por lo que es aconsejable tener un [Conjunto de colores] hecho para que tus colores se mantengan consistentes. Haz clic en el icono de la llave inglesa para crear un nuevo conjunto de colores.

Haz clic en [Añadir nueva configuración] y nombra tu nuevo conjunto de colores como quieras, en este caso lo nombré “WEBTOON COLOR SET”, luego haz clic en OK.

Ve a la [Rueda de colores] para seleccionar un color y luego haz clic en el icono al lado del cubo de basura para añadir un nuevo color.

*Recuerda que si haces clic en la casilla a cuadros, eso hará que tu color sea transparente, así que asegúrate de que el color que deseas esté resaltado con un azul claro antes de hacer clic en [Añadir nuevo color].

2) Usando la herramienta Bote de pintura / Añadiendo colores base

Hay 2 métodos para rellenar colores rápidamente. Puedes usar la herramienta [Referir solo a la capa de edición], este bote de pintura puede rellenar colores según el arte lineal.

También hay otra forma de usar una herramienta de cubo estilo Lazo. Con esta herramienta dibujarás el área que deseas colorear, esta es una mejor herramienta de cubo para usar si no utilizas demasiadas líneas o el área que estás coloreando es grande.

 

Utilicé la herramienta de cubo [Referir solo a la capa de edición] con una casilla de color a cuadros seleccionada para borrar algunas partes del cabello que también se habían rellenado.

La herramienta Lazo-Cubo que utilicé se puede descargar aquí:

¡Uso estas dos herramientas de cubo indistintamente, pero siéntete libre de probar lo que mejor funcione para ti!

 

Ahora tenemos toda nuestra página coloreada. ¡Finalmente parece un webtoon!

 

[F] Añadiendo el fondo

Después de añadir los colores base, quizás pienses que empezaríamos a sombrear, pero prefiero añadir los fondos primero. De esta manera puedo determinar el sombreado basándome en la iluminación que usaremos para la escena.

 

Diferencio los fondos en 2 tipos:

Uno son los Fondos de ubicación o lugares reales. Podría ser una habitación, un parque, un aula, etc. Y el otro son los Fondos de ambiente, este tipo de fondo suele ser un color sólido, un degradado o incluso algo que muestra el estado actual del personaje en la viñeta.

1) Fondos de ubicación

Primero, delineé algunas partes para separar la pared y el suelo. Mantén presionado [Shift] en tu teclado si deseas crear una línea recta o simplemente crea una regla. Luego agregué los colores base.

 

Para el suelo utilicé otro modelo 3D de la página de ASSETS. Simplemente arrastra el modelo a la capa superior de la capa base del [suelo].

Y luego selecciona [Recortar a la capa inferior]. El modelo 3D seguirá automáticamente la perspectiva de un modelo 3D que hayas usado en la misma capa de conjunto. Por eso, cualquier modelo 3D de objetos debe añadirse tan pronto como estés haciendo el arte lineal.

Ahora repite el mismo proceso para la capa [Fondo del marco], esta vez he rellenado la capa usando la herramienta Bote de pintura para darle un color melocotón claro y luego seleccioné [Recortar a la capa inferior]. ¡Ahora también tenemos la pared coloreada!

El modelo 3D para el suelo se puede descargar aquí:

Para esta viñeta donde usé la herramienta [Figura]. Dado que la viñeta está abierta y no puedo usar la herramienta Bote de pintura, usé un aerógrafo en su lugar para que el color de la pared se difumine desde la última viñeta.

Este tipo de coloreado de fondo se usa a menudo como una transición para indicar que la ubicación cambió, que el estado de ánimo o la emoción del personaje cambió, o incluso simplemente para enfatizar una escena determinada.

 

¡Hay muchas maneras de usar este tipo de coloreado de fondo!

2) Fondos de ambiente

Dado que aún no hay diálogo, es difícil saber de qué trata la carta, ¿verdad?

 

Podría ser que el personaje principal esté esperando una carta de amor usando un degradado rosa con efectos de brillo.

O podría ser que la carta contenga algo amenazante, por eso el personaje principal duda en leerla.

[NOTA] Volviendo al guion, determina el tono de tus personajes. ¿Están peleando con ira? ¿Están gritando de frustración? Recuerda combinar los colores y la iluminación que usarás según el guion (las escenas y conversaciones que ocurrirán).

 

Existen los "Webtoons Silenciosos" donde no hay diálogos en absoluto, pero los lectores aún pueden saber lo que la historia transmite a través del uso de colores.

El uso de colores brillantes y oscuros puede transmitir muchas emociones. ¡Simplemente a través del uso de colores podemos contar una historia!

 

[CONSEJO] Leer sobre la Teoría del Color puede ayudarte a aprender sobre las diferentes emociones que los colores pueden representar. Algunas representaciones de colores comunes son:

Rojo para el Amor

Amarillo para la Felicidad

Azul para la Tristeza

Rosa para Sentimientos sentimentales

Violeta para la Melancolía

Los pinceles de efectos que he utilizado se pueden descargar aquí:

Dejar el fondo blanco podría significar que quieres que el lector se centre en una acción u objeto determinado. En este caso, ¡el personaje principal decidió recoger la carta!

[G] Sombreado e Iluminación

Usando un color rosa grisáceo, creé una nueva capa en modo [Multiplicar] y usé un aerógrafo para mezclar los colores del suelo y el modelo 3D.

Añade sombreado según tu propio estilo preferido.

 

[CONSEJO] Utilizo el mismo procedimiento que el paso anterior para el sombreado. Elijo un color grisáceo, configuro la capa en [Multiplicar] y luego coloreo todos los objetos con eso. Es lento tener diferentes colores de sombreado para cada objeto en un webtoon. A menos que sea una escena de belleza o una toma importante, generalmente uso el mismo color para sombrear con la capa configurada en [Multiplicar].

¡Con esto, el modelo 3D se está mezclando lentamente con las ilustraciones 2D!

Lo mismo ocurre con la iluminación, uso un color de luz y lo configuro en [Trama] o [Luz suave]. Usando un aerógrafo, sombreo las partes de donde creo que provendrá la luz.

Y ahora añado otra capa [Multiplicar] encima de todas las capas en esta capa de conjunto de viñeta.

 

[NOTA] Si planeas hacer este paso, es importante que uses los mismos colores en todas las demás viñetas o de lo contrario los colores se verán inconsistentes. Por supuesto, está bien si hay un significado artístico o simbólico detrás del uso de diferentes colores, pero por el bien de la coherencia general, ¡usa los mismos colores!

 

Después de colorear el resto de las viñetas de la misma manera que arriba, así es como se ve la página (el recorte puede parecer desigual porque el tamaño de la imagen es limitado aquí y no es adecuado para webtoons):

[H] Añadiendo detalles finales / Diálogo

Puede que hayas notado que hay ciertos detalles que han desaparecido en algunas viñetas. ¡Así es! El jarrón y la carta misma faltan. Normalmente añado pequeños detalles como esos al final porque lleva demasiado tiempo dibujar cada objeto pequeño en cada viñeta.

 

Por supuesto, esto también es mi propia preferencia. ¡Si deseas añadir detalles al principio, depende de ti!

1) Añadiendo objetos pequeños + Arreglando el arte lineal

Algunas partes del modelo 3D todavía se ven demasiado "rígidas" o antinaturales, así que voy a arreglar su arte lineal y añadir algunos otros detalles.

 

[NOTA] Este paso es opcional porque consume tiempo y añade más trabajo, pero también cambio el color del arte lineal. Esto se puede hacer creando una nueva capa encima de la capa de arte lineal y seleccionando [Recortar a la capa inferior].

He añadido algunas hojas al jarrón, he cambiado el color del arte lineal y he añadido arte lineal al modelo 3D. Ahora mira el antes y el después:

2) Añadiendo efectos

Algunos efectos populares para usar son añadir [Desenfoque] o Líneas de efecto para dar énfasis o enfoque a un objeto determinado.

Ejemplo de uso de [Desenfoque] para dar énfasis a la carta.

Ejemplo de uso de Líneas de efecto para dar énfasis a la carta.

También muestra el punto de interés de la escena. Esta vez el personaje principal está claro mientras que el fondo (la mesa y la carta) está borroso.

3) Usando pinceles de efectos

Con el uso del Pincel de efectos que enlacé anteriormente, añadí más efectos de brillo para que la viñeta pareciera "soñadora o melancólica".

4) Añadiendo el diálogo

De nuevo, tengo un guion hecho de antemano. Siguiendo el guion, coloco los globos de diálogo en consecuencia.

 

Puedes hacer globos de diálogo usando los globos de la herramienta [Globos] o puedes dibujarlos con un lápiz y rellenarlos.

[CONSEJO] El uso común de diferentes globos de diálogo:

 

Globo de diálogo regular: se usa para mostrar conversaciones/alguien hablando.

Esto se hizo usando la herramienta [Globo de elipse] y la herramienta [Cola de globo].

Globo de diálogo de monólogo interior: se usa para mostrar la voz interior o la narración del personaje. Esto se hizo usando [Flash denso] que se puede encontrar si haces clic en el icono de la herramienta [Flash] al lado de la herramienta [Globo]. Asegúrate de que [Rellenar centro] esté marcado y [Tono] esté desactivado.

Globo de diálogo de pensamiento: se usa para pensamientos o cuando el personaje está pensando en algo. Es casi lo mismo que el globo de diálogo anterior, pero tiendo a usar este con más frecuencia y el otro cuando el personaje está narrando la escena.

[CONSEJO] Usar fuentes para indicar el tono de voz del personaje. Hay muchas fuentes gratuitas que puedes descargar para ayudarte a mostrar lo que tu personaje siente a través de sus palabras. Toma esto como ejemplo:

Utilicé una fuente manuscrita para mostrar que la voz del personaje tiembla debido al nerviosismo. También añadí un "pensamiento posterior" al agregar texto fuera del globo de diálogo.

 

Le di al texto del pensamiento posterior un borde blanco yendo a [Propiedad de capa] y seleccionando [Efecto de borde].

5) Añadiendo efectos de sonido

Al igual que en el manga, los webtoons también utilizan efectos de sonido para dar pistas sobre de qué trata la escena actual. Por ejemplo, cuando un personaje está corriendo, habría un efecto de sonido de 'THUD, THUD, THUD'.

 

Aquí, añadí un efecto de sonido de 'PALPITAR' para mostrar que el corazón del personaje principal late rápido. Utilicé el mismo efecto que el texto del pensamiento posterior, usé [Efecto de borde] que se puede encontrar en [Propiedad de capa].

¡Ahora repite el mismo proceso para el resto de tus diálogos y la página del webtoon estará finalmente completa!

[I] Recorte

La plataforma que utilizo para publicar mi webtoon tiene un tamaño máximo de 800x1080px, por lo que los creadores de webtoons tenemos que recortar nuestras páginas antes de publicarlas.

Existe una herramienta de recorte en línea para creadores de webtoons llamada "Croppy", incluso los profesionales la usan, ¡es totalmente segura y fácil de usar! Simplemente sube tus páginas allí y Croppy las recortará automáticamente y las descargará en un archivo .ZIP.

[NOTA] Ahora que todo está hecho, es importante revisar tu trabajo o buscar ediciones finales como errores ortográficos o un detalle que olvidaste añadir.

CONCLUSIÓN / RESULTADO FINAL

¡Recuerda que los webtoons requieren mucho tiempo y paciencia para hacerse! Creo que es bueno tener conocimientos generales de anatomía humana, cómo crear paisajes, cómo usar modelos 3D e incluso tomar algunas clases de dirección de teatro o cine para la narración de historias.

 

Personalmente, la escuela a la que fui tenía una clase obligatoria de teatro. Pude aprender a encuadrar escenas y a hacer guiones completos con los diálogos y las acciones que tienen lugar.

 

Los CONSEJOS que compartí aquí son solo cosas que desearía que alguien me hubiera enseñado cuando empecé a hacer webtoons, así que espero que si un aspirante a creador de webtoons ve esto y aprende algo de ello, ¡me sentiré muy feliz! :D

 

Con todo eso dicho, ¡aquí está la página final! (El recorte puede parecer desigual porque este sitio no fue diseñado para webtoons)

 

 

¡Gracias por leer hasta el final! Esta es la primera vez que hago un tutorial y el inglés no es mi primer idioma. ¡Disculpas si hay algún error gramatical!

 

Si tienes curiosidad sobre mi webtoon o quieres ver más de mi arte, ¡sígueme en Twitter! :D

*EDICIÓN (24/08/21)

Hola, porque me lo pidieron mucho. ¡Este es mi webtoon! EN TU ÓRBITA: