Herramientas de borde de marco

1. El ícono de la herramienta parece paneles de cómic.

2. Hay tres herramientas de forma predeterminada, cada una viene con opciones de configuración similares pero diferentes en su aplicación:

• [Marco rectangular] > haga clic y arrastre,

• [Marco de polilínea] > con cada clic, agregas un nuevo punto de control que determinará la forma del marco.

• [Pluma de borde de marco] > dibuja como lo harías con un pincel.

3. [Dibujar borde] hace visible el borde del marco. Cuando esté desactivado, obtendrás un marco sin bordes. La regla estará visible de forma predeterminada para permitirle saber dónde están los bordes del panel.

4. [Cómo agregar] se refiere a lo que sucederá si agrega un nuevo marco cuando ya existe una carpeta de marcos. Hay dos opciones:

• [Crear nueva carpeta] significa que el nuevo borde del marco tendrá su propia carpeta.

• [Agregar a la carpeta seleccionada] significa que, si selecciona la carpeta del panel existente, el nuevo borde del marco se agregará a la carpeta. Si no selecciona ninguna carpeta de marco, se creará una nueva carpeta de marco.

 

Hablaremos más sobre [Carpeta de borde de marco] en una sección posterior.

5. [Capa ráster] crea una capa ráster vacía en la carpeta del marco.

 

6. [Rellenar dentro del marco] crea una capa de Relleno dentro de la carpeta del marco. El relleno es blanco de forma predeterminada; haga doble clic en el icono de la capa para cambiar el color.

Genial cuando trabajas con paneles superpuestos ya que el Relleno bloquea las capas debajo de la carpeta.

7. [Tipo de aspecto] le ayuda a crear paneles con determinadas proporciones o tamaños. [Relación especificada] te ayuda a crear marcos de cualquier tamaño en una proporción determinada y [Especificar longitud] te ayuda a crear marcos de un tamaño determinado. Haga clic en [+] para especificar la proporción o longitud según sus necesidades.

8. [Tamaño del pincel] se refiere al grosor del borde. [Anti-aliasing] suaviza el aspecto del borde. Por lo general, desactivaba el [Anti-aliasing], especialmente cuando dibujaba cómics a todo color porque podía hacer que llenar los colores base fuera una molestia.

9. [Forma del pincel] le permite cambiar la forma del pincel desde bordes borrosos, bordes estampados a bordes texturizados.

Hay otra forma de crear un borde de marco. Haga clic derecho en [Ventana de capa] o vaya a [Capa] > [Carpeta de borde de marco]. Aparecerá un menú sencillo. Al hacer clic en Aceptar, el borde del marco se creará en el lienzo.

El borde del marco llenará su lienzo a menos que tenga [Marca de recorte/Borde predeterminado] activado, el borde se superpondrá con el [Borde interior] en su lugar. [Marca de recorte/Borde predeterminado] es un conjunto de márgenes de impresión que obtienes cuando creas un nuevo proyecto de cómic/fanzine. Se tratará en el tutorial de paneles cómicos.

Borde de marco personalizado

Agregue patrón o textura de pinceles existentes haciendo clic en el icono en la parte inferior derecha de la propiedad de la herramienta del pincel > Forma del pincel > [Agregar a valor preestablecido].

 

El pincel agregado aparecerá en la lista > regrese a Herramienta de borde de marco > haga clic en el menú desplegable de Forma del pincel > elija la forma recién agregada > dibuje el panel.

Para crear paneles de diferentes formas, haga clic en el icono en la esquina inferior derecha de [Marco rectangular] herramienta. Haga clic en [Figura] y luego haga visibles las configuraciones [Figura] y [Redondez de la esquina].

Ahora tiene la opción de crear paneles en varias formas, como círculo, elipse y hexagonal, y también la opción de redondear las esquinas afiladas de los paneles.

Carpeta de borde de marco

Cuando utilice la herramienta, creará automáticamente una [Carpeta de borde de marco]. Si selecciona la carpeta, el área circundante estará en color violeta: el área está enmascarada. Si dibuja dentro de la carpeta, solo será visible la parte dentro de la carpeta.

La [Carpeta del borde del marco] tiene:

1. Icono de borde de marco

2. El área enmascarada, que presenta los paneles.

3. Una regla.

 

Su lienzo puede verse diferente según la capa que seleccione.

1. Seleccionar una capa fuera de la carpeta = lienzo normal,

2. Seleccionando la [Carpeta del borde del marco] = violeta,

3. Seleccionar una capa dentro de la [Carpeta del borde del marco] = violeta más claro.

 

Puede mover un borde de marco hacia y desde otra [Carpeta de borde de marco] seleccionando el panel usando la herramienta [Objeto] > cortar > seleccione [Carpeta de borde de marco] para agregar el panel a la carpeta. o seleccione cualquier capa que no sea [Carpeta de borde de marco] para crear una nueva carpeta > pegar.

Dividir paneles con la herramienta Cortar borde de marco

[Cortar borde del marco] es útil cuando desea dividir los bordes del marco existente. Le permite dividir los paneles con espacios verticales y horizontales consistentes, para que no tenga que medir y alinear los paneles manualmente.

 

Hay dos herramientas. [Dividir carpeta de marco] coloque el borde del marco dividido en diferentes carpetas de marco. [Dividir borde del marco] solo divide el borde del marco y todo permanece en la misma carpeta.

Echemos un vistazo a la configuración.

1. [Forma de división] determina cómo podemos dividir los paneles. Es cierto que solo he usado [Dividir por línea recta] para mis proyectos de cómics.

2. [Espacio del borde del marco en Preferencias] se refiere a la configuración del borde del marco que puede encontrar en Archivo (o logotipo de CSP en la versión para tableta) > Preferencias > Capa/Marco > Borde del marco. Nunca lo usé porque prefiero ajustarme según lo que necesita el proyecto.

 

3. [Canales verticales y horizontales] son los espacios entre los bordes del marco dividido. En la imagen de abajo, la parte verde es el canal vertical y la roja el canal horizontal. Normalmente, el canal vertical es más estrecho que el canal horizontal.

Hay más configuraciones para la herramienta. Acceda a él haciendo clic en el icono en la esquina inferior derecha del cuadro [Propiedad de herramienta].

[Ángulo de ajuste] es una configuración que uso a menudo. Permite que la división se ajuste en ciertos ángulos, lo que facilita la creación de canalones rectos cuando lo necesite. El mío está configurado en 45 grados y lo apago sólo cuando quiero que los bordes del panel estén en otros ángulos.

Otra configuración que uso a veces es [Método de división]. Así es como la herramienta gestiona los bordes del marco dividido:

• [Dividir carpeta de marco y duplicar capa interior] creará una nueva carpeta de los marcos recién divididos y copiará cada capa dentro de la carpeta de marco original. Esta es la configuración predeterminada para [Dividir carpeta de marco],

• [Dividir carpeta de marco y crear carpeta vacía] crea una nueva carpeta para los marcos divididos pero no copia las capas de la carpeta de marco original. Esta no es la configuración predeterminada de ninguna de las herramientas, pero la puse como predeterminada para mi [Carpeta de marco dividido],

• [Dividir no carpeta sino borde del marco] mantendrá los bordes del marco dividido en la misma carpeta del marco y es la configuración predeterminada para [Dividir borde del marco].

 

A continuación, la carpeta de borde del marco original tiene una capa rasterizada y una capa de tono en su interior. Puede ver las diferencias entre las tres opciones después de dividir el marco.

Paneles de edición

Puede utilizar la herramienta [Objeto] para editar un panel existente. Si hace clic en un panel, el panel se verá así.

1. Girar.

2. Cambiar tamaño.

3. Punto de control. Puedes cambiar la forma del panel con estos. Funciona como un vector.

4. Extender panel. Estos triángulos amarillos extienden el panel de cierta manera. Si no hay ningún otro panel en el lienzo, lo extenderá más allá del borde del lienzo.

 

Pero, si hay otros paneles alrededor del panel, se ajustará a los bordes de los paneles a su alrededor hasta que no quede ningún otro panel, ahí es cuando irá más allá del borde del lienzo.

Si el panel se extiende hasta donde hay otro panel, el borde extendido también se ajustará a los bordes del otro panel.

Echemos un vistazo a la propiedad de la herramienta. Aquí, de manera similar a la configuración de la herramienta, puede hacer que el borde sea invisible o visible usando [Dibujar borde], cambiar el color, el tamaño y la forma del pincel del borde. Además, hay una configuración llamada [Mantener canalones alineados].

• [Ninguno] significa que si cambia la forma de un panel, el resto de los paneles de su lienzo no se verán afectados.

• [Horizontal y adyacente] significa que cambiar la forma de un panel afectará a los paneles encima y debajo de él, junto con los paneles directamente al lado. Pero si cambia la forma del panel verticalmente, no afectará a los demás paneles que no estén directamente al lado de él. Utilizo esta configuración todo el tiempo.

• [Todos] significa que cambiar la forma de un panel también afectará a los otros paneles verticalmente además de lo que hace [Horizontal y adyacente].

Dado que el marco es vectorial, la herramienta [Corregir línea] también funciona. Aquí utilicé [Correct line width] y [Redraw line width] para cambiar el grosor de los paneles.

[Transformación libre] también funciona.

Conceptos básicos de paneles

Tipos de paneles

Hay muchos tipos de paneles de cómics. A continuación se muestran algunos que son aplicables tanto a los cómics como a los webtoons.

 

1. Regular

Rectangular o cuadrado y no se superpone con otros paneles. Este es el tipo más versátil: puedes usarlo para cualquier cosa.

2. Irregular

Uno o más lados están inclinados. La forma diagonal da la impresión de inestabilidad, por lo que es ideal para escenas dinámicas.

3. Superpuesto

Parte del panel se superpuso con otro panel. Debido a lo cerca que están los paneles, podría usarse para mostrar acciones que suceden una tras otra.

También se utiliza para saltar el tiempo.

4. Recuadro

Panel dentro de un panel más grande. El panel interior se puede utilizar para ampliar una parte importante de la escena o, como en el ejemplo siguiente, para mostrar un personaje u objeto dentro de la escena mientras el panel más grande se centra más en el paisaje.

5. Roto

Parte de la imagen de un panel sobresale del borde del panel.

Se requiere un poco de gestión de capas para crear este tipo, pero no es difícil.

 

1. Coloque la parte que irá más allá del panel encima de la [Carpeta del borde del marco]. El resto de la escena puede permanecer dentro de la [Carpeta del borde del marco] o en cualquier lugar debajo de la carpeta.

2. Utilice [Efecto de borde] en [Propiedad de capa] para crear un borde alrededor de la imagen, de modo que haya un espacio entre la imagen y el [Borde del marco] para mejorar la visibilidad.

3. Utilice una máscara de capa para ocultar la parte que se superpone con el borde.

Tamaño del panel

El tamaño del panel determina el tiempo que los lectores necesitan para llegar al siguiente panel. Cuanto más grande, más tiempo se necesita y más atención capta el panel. Podemos usarlo a nuestro favor.

 

1. Pausa/Parada

Debido a que más grande significa que pasó más tiempo dentro del panel, puedes hacer la pausa más larga en paneles más grandes.

En la escena de silencio incómodo de arriba, la ilustración es la misma, pero el panel más ancho hace que parezca que el silencio duró un poco más.

 

También puedes hacer el panel más alto, lo que puede funcionar mejor para webtoons.

2. Impacto

Algo puede percibirse más grande de lo que es originalmente cuando se compara con algo más pequeño.

 

Echa un vistazo a estos paneles.

Debido a que los dos primeros paneles son grandes, el último panel parece pequeño en comparación y, por tanto, insignificante.

 

Si los dos primeros paneles fueran más pequeños, el último panel resaltaría más.

Lo ideal es utilizar un panel grande para una escena que sea importante o impactante. Entonces, cuando haya un panel grande adelante, intente deslizar al menos uno o dos paneles pequeños para la acumulación.

Paneles de cómics

Márgenes

Cuando creas una página nueva o de fanzine, obtendrás una "marca de recorte" en tu página de forma predeterminada. Esto es importante si tiene la intención de imprimir su trabajo.

Así es como se vería la marca de recorte en una configuración de una sola página.

1. Tamaño de página/lienzo

 

2. Borde interior

También conocida como “zona segura”. Los contenidos importantes (texto, foco principal del panel) deben estar dentro de este borde. Los bordes del marco se ajustan automáticamente al borde interior, lo que facilita mantenerlos rectos.

 

3. Recortar borde (marcas de recorte)

Cuando se imprime, se supone que este es el borde de la página impresa.

 

4. Borde de sangrado

Esta es el área que se recortará. Personalmente, 5 mm es lo mejor. La impresión y el corte no siempre son perfectos; es común que las máquinas no corten perfectamente en la línea de corte. El borde de sangrado (también conocido como “margen de seguridad”) funciona para ayudar a evitar espacios entre el borde del área impresa y la línea de corte.

 

Así es como se vería la marca de recorte en una doble página. No hay borde de sangrado entre las páginas.

Cada editor e impresor tiene sus propios estándares, así que asegúrese de informarse antes de enviar su(s) archivo(s). Para cambiar la marca de recorte, haga clic en Ver > “Configuración de marca de recorte/borde predeterminado...”

Diseño de paneles

Dependiendo de dónde seas, lees de izquierda a derecha o de derecha a izquierda. Es importante determinar la dirección de lectura antes de comenzar a diseñar el diseño del panel.

 

Como puede ver a continuación, exactamente el mismo diseño de panel tiene un orden de lectura totalmente diferente según la dirección de lectura.

En aras de la coherencia, me quedaré con De izquierda a derecha.

 

Una vez que sepa qué dirección de lectura prefiere, es hora de diseñar el diseño. Necesitas considerar algunas cosas.

Legibilidad

Un buen diseño es algo que la mayoría de los lectores podrían descubrir fácilmente qué camino tomar. Nuestro principal objetivo es no confundir al lector. No importa cuán buena sea tu historia y cuán asombroso sea tu arte, no significa nada si los lectores están confundidos. No querrás que los lectores estén ocupados averiguando qué panel aparece primero en lugar de estar completamente involucrados en la historia.

 

Consulte la página siguiente y vea si puede entender el orden de lectura del panel.

¿Has tenido éxito? Es más fácil ver si el diseño funciona agrupando los paneles.

Como creador, puedo decirles que la dirección de lectura debe ser 1-4, A-B, amarillo, azul y cian. Pero estoy seguro de que habrá gente que piense que 1-4, amarillo, azul, cian y A-B tienen más sentido. A menos que tenga la intención de confundir a sus lectores, debe evitar un diseño ambiguo como este.

 

Al ajustar solo los paneles cian y B, obtenemos un mejor diseño que se ve así:

Si no está seguro de si el diseño del panel funciona, intente agrupar los paneles. Aquí hay otro ejemplo:

Manejando la canaleta

La clave para la legibilidad es gestionar el [canal]. Hay varias formas de separar los paneles:

 

               + 1\.**Cuadrícula**=el canal en el medio de nuestros paneles parece (más). Se usa más comúnmente en cómics de 4 paneles.

Personalmente, no recomiendo usar esto a menos que sea para cómics de 4 paneles porque podría resultar confuso de leer. Funciona bien si te gusta, pero prefiero algo más claro.

2. Escalonado = el canalón entre 4 paneles tiene forma de Z. Esto es lo que prefiero usar en lugar de grid. Con solo mover un poco el borde, puedes asegurarte de que las personas lean los paneles en el orden previsto.

3. Bloqueo = el canal entre 3 paneles tiene forma de T.

4. Separación = hay un gran espacio entre los paneles. Esto se utiliza a menudo para saltar el tiempo.

Tachikiri/Panel de corte

Es común que los dibujantes de cómics extiendan los paneles más allá del borde interior. Este tipo de panel se conoce como [Tachikiri] o [cutoff panel].

Tenga en cuenta que no hay ningún panel extendido hasta la parte media de la página porque la parte media sería difícil de ver cuando el cómic está encuadernado.

Además, asegúrese de que el [tachikiri] se extienda más allá del [Borde de sangrado] para evitar espacios vacíos incómodos causados por errores de impresión/recorte.

No coloque partes importantes del panel (punto focal o texto) en el [Área de recorte]. Como dije antes, mantenga los contenidos importantes dentro del [Borde interior].

Panel de páginas dobles

En la sección anterior, la parte media entre dos páginas permaneció intacta, pero no puedes evitar dibujarla cuando tu panel llena ambas páginas.

 

Sigue siendo un área recortada y sería difícil verla cuando esté encuadernada, así que evita poner texto o puntos vocales de tu arte en el medio. Por ejemplo, consulte a continuación.

Los puntos vocales son la cara de la ballena y la casita encima, por lo que ambos están dentro del [Inner border].

 

Si tiene Clip Studio EX, puede ver cómo se verá cuando se imprima y encuaderne para determinar si la ubicación es correcta. Haga clic derecho en cualquier área de la ventana del proyecto de cómic (donde se muestran varias páginas del proyecto), luego elija [Vista previa 3D para encuadernación...].

Así es como se vería cuando estuviera atado. Los puntos vocales se pueden ver claramente.

Así es como se vería si los puntos vocales estuvieran en el medio.

Paneles webtoons

El formato de tira larga es muy indulgente y tiene mucho margen de maniobra. No tienes que preocuparte por los márgenes, el canal y el tachikiri.

 

Lamento el hecho de que no sea posible mostrar la gloria de la doble página y que los paneles horizontales no funcionen tan bien, pero eso es todo.

Caminando con brechas

Una de las mejores cosas que tiene el formato de tira larga es que podemos avanzar la historia a través del espacio entre los paneles.

 

Cuanto más cerca estuvieran los paneles, más rápido se desplazaría la gente y más rápido sería el ritmo. Cuanto mayores sean las brechas, más lento. Aquí preparo tres versiones de una escena con diferentes tamaños de espacios.

 

Para escenas intensas y de ritmo rápido, como escenas de acción y debates acalorados, es mejor mantener los paneles más juntos; superponerlos lo hace aún más intenso. Esto se debe a que cuando el lector se desplaza aunque sea un poco, hay otro panel, luego otro y otro, en lugar de desplazarse un poco, un panel, desplazarse nuevamente y el siguiente panel. Para escenas relajadas, deje espacios más grandes.

 

Aquí preparo tres versiones de una escena con diferentes tamaños de espacios.

¿Sentiste las diferencias?

Desde cómics hasta webtoons

Si estás pensando en publicar tanto en webtoons como en formato de libro, te recomiendo comenzar primero con el formato de libro y luego ajustar los paneles en tiras largas. Lo contrario simplemente... requiere mucho tiempo, por decir lo menos. Y sé que no soy el único que piensa de esta manera.

 

Al planificar el diseño en formato cómic, recuerde que los webtoons funcionan mejor con paneles verticales. Si bien puede que no haga mucha diferencia (en cuanto a impacto) en el formato de libro, podría hacer una gran diferencia en el formato de webtoons.

 

Compara esto:

A esto:

En formato de cómic, el primer ejemplo tuvo paneles grandes y, por tanto, muy impactantes. Pero, cuando se adaptó al formato de webtoons, fracasó porque el tamaño del panel no se traduce tan bien debido a la limitación del ancho.

¡Y eso es todo! Espero que hayas disfrutado el tutorial y hayas aprendido algo nuevo :)