Versión en vídeo:

Versión en texto:

¡Hola!

 

Soy .avi. Trabajo como ilustrador profesional de videojuegos y crear cómics y webtoons es mi pasatiempo.

 

Muchos artistas pueden encontrar que la maquetación es una tarea tediosa o incluso frustrante que simplemente tienen que terminar de alguna manera, pero en realidad puede ser bastante divertida y rápida si usas las herramientas adecuadas!

 

Me gusta investigar las formas más eficientes de trabajar y crear cómics, y en este tutorial, me gustaría compartir algunos consejos sobre cómo ahorrar tiempo y salud mental durante la fase de maquetación de tu cómic en Clip Studio Paint, utilizando sus funciones conocidas y no tan conocidas pero sorprendentemente útiles.

 

Si tienes alguna pregunta, no dudes en preguntar en los comentarios debajo del tutorial. ¡Haré todo lo posible por responder!

🟦 Espacio de trabajo

Aquí tienes algunos consejos rápidos para maximizar tu vista del lienzo.

 

Primero está la paleta Navegador – la mantengo acoplada a un lado para poder abrirla o cerrarla fácilmente. Con ella, puedes saltar rápidamente de un panel a otro sin necesidad de desplazarte, además de tener un seguimiento general del lienzo.

A continuación, un atajo oculto: Mayús + Tab que oculta la barra superior de la aplicación para darte más espacio vertical para trabajar. Si lo pulsas una segunda vez, la barra de menú también se oculta, y a la tercera, ambas barras regresan. Mantengo ambas barras ocultas la mayor parte del tiempo, ya que uso atajos de teclado, lo cual es otro consejo para acelerar tu flujo de trabajo.

🟦 Capas vectoriales

Antes de llegar a los paneles, hay algo importante que puedes hacer para ahorrar tiempo más adelante.

Desde el principio, dibujo directamente en un lienzo que tiene el 200% del tamaño de la salida final.

 

¿Qué pasa con la creación de miniaturas en un lienzo pequeño?

 

Cuando usas capas vectoriales incluso para los bocetos, ¡no hay necesidad de empezar con un lienzo reducido! No solo puedes editar y transformar tus bocetos fácilmente sin perder calidad, sino que también ahorras en el tamaño del archivo y en el escalado posterior.

Dado que los vectores se calculan matemáticamente, son independientes de la escala o la resolución. El texto también es vectorial, así que hasta que empieces a pintar y sombrear, el tamaño del archivo es solo aproximadamente 1/3 más grande que si el lienzo estuviera al 25% del tamaño de salida para miniaturas.

---

💡 Nota sobre la altura del lienzo

Como nota al margen, me gustaría mencionar la altura del lienzo. Lo ideal sería tener el lienzo más largo posible, preferiblemente para todo el capítulo; sin embargo, hay que tener en cuenta la potencia de procesamiento del ordenador, así como la posibilidad de añadir paneles y espacio entre ellos más adelante, lo que aumentará la altura del lienzo.

 

Técnicamente, 50.000 píxeles es el máximo que permite la aplicación, pero rara vez llego tan lejos ya que mi ordenador no lo soportaría. Llegué a una altura base de 20.000 píxeles, lo que me permite crear suficientes paneles para el storyboard y, al mismo tiempo, dejar suficiente espacio para expandir el lienzo con paneles adicionales y espacio en blanco.

 

¡Descubre qué tamaño de lienzo base funciona mejor para ti!

🟦 Herramienta de viñeta

Cuando estoy más o menos satisfecho con el storyboard, uso la herramienta viñeta para definir los paneles. Dado que hay muchos tutoriales sobre esta herramienta, te mostraré el enfoque que utilizo, que probablemente sea un poco poco ortodoxo :D

 

Por defecto, la herramienta siempre crea una nueva carpeta con una máscara en la que dibujas el contenido de un panel.

Sin embargo, dibujar todos los marcos en una sola carpeta de viñeta es la mejor opción para mí, ya que me gusta dibujar elementos similares como personajes, el coche, efectos, etc. juntos para mantener la coherencia de los colores.

 

Este es un ejemplo de mi estructura de archivos. Pongo la carpeta de viñeta que contiene las máscaras para todos los paneles en la parte superior, justo debajo del texto y los efectos de sonido. Todo lo demás tiene su propia carpeta en todos los paneles, como postprocesado, primer plano, personajes, etc. Gracias a esto puedo mantener los colores consistentes y cambiar algo, como el color de la luz o el color de la chaqueta, en todos los paneles a la vez es súper fácil!

Además, si quieres que un personaje sobresalga del marco, simplemente puedes hacer una selección de sus capas y eliminar el área de la máscara de la carpeta normal que contiene la carpeta de viñeta (ya que esta ya tiene su propia máscara).

Con la herramienta Marco de viñeta rectangular configurada en Añadir a carpeta seleccionada y con la opción Rellenar interior del marco desmarcada, simplemente arrastro el rectángulo sobre el área del futuro panel.

Observa que no me preocupo por los bordes del lienzo, e incluso con paneles inclinados, primero uso un rectángulo.

🟦 Herramienta Objeto

Ahora tenemos todos los paneles dentro de una carpeta de viñeta. Si pulsas Control, las formas vectoriales deberían hacerse visibles ya que la herramienta cambia temporalmente a la herramienta Objeto. Si no, selecciona la herramienta Objeto de la paleta.

 

Con la herramienta Objeto puedes modificar aún más las formas de las viñetas, como añadir o eliminar puntos, etc.

 

Estas pequeñas flechas amarillas son una característica útil, ya que si haces clic en ellas, tienden a ajustarse a lo que parezca estar cerca de donde quieres que se ajusten, ya sea el marco de otro panel o el borde del lienzo.

 

Al arrastrar los puntos de control, puedes cambiar la forma del panel.

Con la misma herramienta activada, puedes cambiar el color y el tamaño del borde, ¡o incluso el pincel utilizado! ¡Como este pincel de huella de neumático o el de salpicaduras!

Como no hay una opción para rellenar el exterior del marco, lo hago manualmente haciendo Ctrl+clic en la máscara de la carpeta de viñeta, invirtiéndola y rellenando una nueva capa con color.

 

Esa capa debe estar fuera de la carpeta de viñeta, normalmente las pongo ambas en una nueva carpeta normal, así.

En esta página, hay paneles superpuestos. Primero hago el resto de la misma manera que en la página anterior. Cuando termino con ellos, cambio la configuración de la herramienta Marco de viñeta a Crear nueva carpeta. Ahora tengo dos carpetas de viñeta, la superior contiene el doble panel superpuesto.

De nuevo, con la herramienta Objeto modifico el rectángulo inicial.

¿Qué hay del medianil? ¡La herramienta Dividir marco de viñeta es genial para esto! ¡Simplemente arrástrala para dividir el panel!

 

Como puedes ver, funciona de manera bastante inteligente, ya que aún puedes modificar el medianil sin perder los ángulos del panel doble.

Con los paneles superpuestos, hago el relleno exterior para la carpeta de viñeta con el resto de los paneles de la misma manera que se mostró antes.

 

Luego hago Ctrl+clic en la máscara de la carpeta superpuesta y la uso como máscara de una carpeta normal que contiene la otra carpeta de viñeta y el relleno.

En caso de que dibujaras cada panel en una carpeta separada pero quieras tenerlos en una sola carpeta, simplemente puedes seleccionarlos y fusionarlos yendo a Capa > Regla/Viñeta > Combinar viñetas.

 

En la ventana emergente, selecciona Solo combinar carpeta, ¡y ahora tendrás todos los bordes de los paneles en una sola capa de viñeta!

También puedes usar la transformación libre para deformar la forma de un panel, o alinearlos y distribuirlos como cualquier otro elemento!

También hay otra opción interesante, un poco oculta, para dividir una viñeta por igual! Simplemente ve a Capa > Regla/Viñeta > Dividir marco de viñeta por igual. En la ventana emergente, puedes establecer el número de divisiones; ahora solo necesitamos dos.

Dado que los bordes de las viñetas son líneas vectoriales, también puedes modificarlos con las herramientas de Corrección de línea!

 

Puedes usar el punto de control con la opción Ajustar anchura de línea para cambiar el grosor de la línea! Hacer clic en un punto de control y arrastrar hacia la derecha hace la línea más gruesa, mientras que arrastrar hacia la izquierda la hace más fina. ¡Con esta herramienta, puedes añadir una sensación 3D a tus paneles!

 

¡Otras herramientas, como Reducir línea vectorial, también funcionan!

Si quieres cambiar el rectángulo por un polígono, simplemente haz clic derecho en la ruta de la viñeta con la herramienta Objeto y selecciona Añadir punto de control.

 

Si lo que necesitas es una forma curva, haz clic derecho en el punto de nuevo y selecciona Convertir vértice. Esto cambia el punto de control a un punto de curva y viceversa. Por supuesto, puedes cambiar y mover varios puntos al mismo tiempo. ¡Al añadir elipses, puedes indicar un flashback o un pensamiento!

🟦 Conectar al smartphone para previsualizar webtoon

Mi teléfono es demasiado antiguo para esta función, pero la probé con el teléfono de un amigo y tengo que decir que parece súper útil, ya que ves todo el webtoon sin las uniones entre cada archivo, lo cual lamentablemente no es posible en la versión de escritorio (y es mi gran deseo para una futura actualización ^^ ).

 

Selecciona Archivo > Conectar a smartphone (o haz clic en el icono de la barra de control; al menos en mi versión, estaba allí por defecto) y aparecerá un código QR.

En la aplicación de tu smartphone, abre Ajustes > Modo Acompañante. Te pedirá que escanees el código QR en la pantalla de tu escritorio.

En el Modo Acompañante, el icono de Previsualización de Webtoon está en la parte inferior derecha.

La versión de escritorio tiene esta previsualización donde puedes definir una relación de pantalla y enmascara el resto del lienzo, simulando lo que verán los lectores, pero solo funciona dentro de un solo lienzo, por lo que no puedes verificar las uniones entre cada parte del capítulo.

 

Es accesible yendo a Ver > Área de visualización (Webtoon) o mediante un icono en la barra de comandos.

🟦 Extender o Recortar Lienzo

¡Aquí llega mi herramienta salvavidas favorita! En la etapa de storyboard no quiero distraerme preocupándome por el espacio entre paneles. ¡Y gracias a estas dos funciones puedo dejar eso para más tarde!

 

Están ocultas en Editar > Cambiar altura de lienzo > Extender o Recortar, por lo que recomiendo encarecidamente colocarlas en la paleta de Acceso rápido o en la Barra de comandos, como las tengo yo aquí.

También uso este rectángulo naranja como guía básica para la distancia de los paneles. Proviene del consejo de Webtoon de que la distancia mínima entre paneles debe ser ¼ del ancho del lienzo. No lo sigo exactamente, pero es algo útil para empezar.

Cuando quiero añadir más espacio entre dos paneles, simplemente hago clic en el icono de Extender y aparece este rectángulo. Su altura define el espacio que se añadirá entre las dos partes del lienzo definidas por la línea superior.

 

Si arrastramos el controlador inferior hacia abajo y damos a Intro, veremos que todo lo que está debajo de la línea superior del rectángulo de la función se ha desplazado hacia abajo por la altura del rectángulo.

Por el contrario, la función Recortar elimina todo lo que se encuentra dentro de su rectángulo definido, y todos los elementos de abajo se mueven hacia arriba.

¿Ingenioso, verdad?

Ambas herramientas son muy fáciles de usar y todo es deshacible, solo tienes que prestar atención para no colocar la línea superior del rectángulo de Extender donde no quieres que se corten cosas, porque ahí es donde se añadirá el nuevo espacio.

🟦 Objetos de archivo y Composiciones de capa

Este consejo puede parecer fuera de lugar, pero creo que saber que puedes crear fondos mucho más fácilmente puede cambiar significativamente tus decisiones sobre el tamaño y la posición de los paneles.

 

Si tienes elementos recurrentes en tu cómic, incluso si no son los mismos cada vez, ¡aprovecha al máximo las composiciones de capa!

 

Por ejemplo, la mayor parte de este capítulo tiene lugar en montañas nevadas por la noche. Sería un fastidio copiar, pegar y modificar el fondo en cada panel.

 

 

En su lugar, primero pinté este objeto de archivo separado donde terminé más o menos todos los planos. Observa estas tres cosas sobre este archivo:

 

1. Omití elementos en movimiento como la nieve que cae, ya que sería extraño que los copos de nieve estuvieran siempre en el mismo lugar.

 

2. Los colores se dejaron ligeramente desaturados, lo que me da mucha más libertad para ajustar el color y la luz en cada panel para que se adapte a la atmósfera exacta.

 

3. El tamaño del lienzo es más grande y los planos se extienden verticalmente, lo que significa que puedo cambiar el zoom o incluso la perspectiva moviendo y escalando cada plano. Puedes ver que inicialmente copié los paneles principales que usaban este fondo del storyboard y los apilé para averiguar la mejor disposición base de los planos y el tamaño del lienzo.

Cuando termino de pintar, configuro composiciones de capa para cada uno de los planos.

 

Me pareció mejor configurar varios grupos de composiciones de capa: generalmente un grupo con planos generales, como todo el cielo, el fondo, el plano medio y el primer plano; luego otro donde cada elemento, como las capas de nubes, la luna o los grupos de árboles en el primer plano, tienen su propia composición de capa separada. Y finalmente, composiciones de capa específicas como versiones con sombras activadas y desactivadas o lo que voy a usar como máscaras.

Ahora, puedes simplemente vincular el archivo como un objeto de archivo en tus paneles yendo a Archivo > Importar > Crear objeto de archivo.

 

Al principio puede parecer extraño, porque, por defecto, los objetos de archivo mantienen su color de fondo y la última composición de capa con la que los dejaste.

En la paleta Propiedad de herramienta, en Ajustes de renderizado, desmarca Dibujar papel, y luego en el menú Comps. de capa selecciona la composición de capa que quieras visible. Empecemos con

Puedes ver que el objeto de archivo se extiende mucho más allá del lienzo, lo que me da espacio para jugar con los planos para adaptarlos a las necesidades del panel.

 

Después de duplicar la capa del objeto de archivo y configurar composiciones de capa para cada elemento que necesites en el panel, muévelos y transfórmalos para que se ajusten a la perspectiva del panel! Dado que los objetos de archivo no son capas rasterizadas, ¡puedes transformarlos una y otra vez sin que pierdan calidad!

Como pudiste ver antes, la mayoría de los fondos de este capítulo se crearon transformando las composiciones de capa del objeto de archivo, deformándolas, duplicándolas, etc.

 

Con la adición de nieve, niebla, colores, ligeros retoques, etc., los fondos se sienten únicos pero unificados. Por supuesto, hay paneles donde el fondo necesita ser atenuado o reducido a degradados de color, pero gracias a los objetos de archivo, todos nuestros paneles pueden sentirse ricos!

 

Y lo mejor es que puedes hacer ediciones en todos los paneles usando el objeto de archivo de una sola vez!

Por ejemplo, había un árbol que parecía flotar, así que simplemente lo borré en el objeto de archivo original y desapareció de todos los lugares donde era visible.

---

¡Gracias por leer y espero que estos consejos te den un impulso para disfrutar aún más creando cómics!