Este tutorial trata sobre la configuración de marcos y paneles de cómics utilizando las herramientas de borde de marco en Clip Studio Paint. ¡También haré otro tutorial complementario sobre los bocadillos muy pronto!

 

Aquí hay una versión en video de este tutorial, pero si prefiere texto, puede encontrarlo a continuación.

Para su información: este es un tema muy amplio, por lo que hoy no cubriré webtoons, opciones de impresión como recortes y sangrados, ni las opciones de páginas múltiples en EX. ¡Avísame si quieres ver algo de eso en futuros tutoriales!

Crear un lienzo de cómic

Clip Studio Paint comenzó como Manga Studio, por lo que tiene muchas funciones relacionadas con los cómics.

De hecho, cuando creas un nuevo lienzo yendo a Archivo -> Nuevo, cuatro de los seis tipos de proyectos están relacionados con cómics.

 

Nota: No verás la opción Impresión de fanzine ni ninguna de las opciones de varias páginas si estás en Clip Studio Paint Pro. Son características de EX.

El tipo de proyecto Comic es bastante bueno, pero tiene algunas limitaciones, como que sólo se puede configurar un archivo en unidades milimétricas.

 

Prefiero ir a la categoría "Mostrar todas las configuraciones de cómics", que, como su nombre lo indica, hace que todas las configuraciones estén disponibles en un solo lugar.

 

Para este ejemplo, voy a hacer un cómic digital en un lienzo de 3000 píxeles de ancho por 2000 píxeles de alto.

Primero, cambiaré la unidad a píxeles usando el menú desplegable en la esquina superior derecha.

No usaré las opciones de recorte ya que este proyecto será solo digital.

 

Si bien es posible desactivar completamente la marca de verificación de Configuración del cómic, eso también eliminaría el borde interior, que sí necesito. ¡Te mostraré por qué en un momento!

 

Para deshacerse del tamaño de recorte, establezca el Ancho de sangrado en 0 y luego puede establecer el Tamaño de recorte en 3000 para 2000. Tenga en cuenta que el tamaño del lienzo se actualizará para coincidir con el tamaño del recorte y el recorte quedará fuera del camino. .

 

Nota: Hablaré sobre la configuración de la Plantilla más adelante en el tutorial. En cuanto a la Resolución, sólo es relevante si pretendes imprimir el lienzo. Si tienes curiosidad acerca de la resolución de la imagen (a menudo llamada DPI o PPI), tengo un tutorial que habla sobre eso aquí:

El borde interior es una guía de dónde irán los fotogramas de tu cómic.

 

Lo configuraré en 2800 por 1800, lo que me dará cien píxeles en cada lado.

Haga clic en Aceptar y aquí está el nuevo lienzo. Puede ver el contorno del borde interior de 100 píxeles a cada lado. Técnicamente, el borde también está ahí, pero como coincide exactamente con el tamaño de mi lienzo, no se puede ver realmente.

Ajustar el lienzo

Los cómics suelen tener un margen inferior más amplio que el que he configurado, por lo que ahora es un buen momento para aprender a ajustar la configuración.

Vaya al menú Ver y seleccione Marcas de recorte/Configuración de borde interior.

Estas son algunas de las mismas configuraciones que vio al crear el lienzo.

 

Cambiaré mi altura de 1800 a 1700 px y agregaré un desplazamiento vertical (un desplazamiento Y) de -50 píxeles para compensar la diferencia. (Asegúrese de agregar 50 píxeles NEGATIVOS, el “-” es importante).

 

Puedes ver en el fondo cómo cambió mi lienzo para que coincida con la nueva configuración. ¡Mucho mejor!

También es importante saber que el uso de algunas opciones como Editar -> Cambiar resolución de imagen o Editar -> Cambiar tamaño del lienzo hará que se eliminen las marcas de recorte y los bordes.

Si necesita cambiar el tamaño de todo el lienzo y desea conservar la configuración de Tamaño de recorte y Borde interior, vaya a Editar -> Propiedades del lienzo.

Borde del marco del panel

Primero, crearé el borde del marco del cómic.

Hay dos formas de hacer esto, pero la más sencilla es ir a Capa -> Nueva capa y seleccionar Carpeta de borde de marco.

Puedes ponerle un nombre si lo deseas, y las otras opciones son si quieres que aparezca un borde alrededor. Iré con un ancho de línea de 15.

 

Si desea paneles diagonales, active el suavizado. Si todos sus paneles serán horizontales y verticales, puede dejarlos fuera. Lo dejaré así por ahora para poder mostrarles el efecto más tarde.

Cuando haces clic en Aceptar, suceden dos cosas.

 

Por un lado, ahora tienes este marco con un contorno negro de 15 píxeles, rodeado de azul.

 

Observe que aparece exactamente donde configuré el borde interior. Si intentara esto sin un borde interior, el marco simplemente llegaría hasta los bordes.

El marco aparece como un tipo especial de carpeta en el panel Capa.

Método de división: dividir carpeta de marco

La otra cosa que sucedió es que CSP me cambió automáticamente a la herramienta Borde de marco, específicamente a esta subherramienta Dividir carpeta de marco.

Si hago clic y arrastro, mi marco se divide a lo largo de esa línea.

Y ahora tengo dos carpetas de marcos, una para cada parte que se dividió.

 

Sin embargo, me gustaría un margen más amplio entre ellos, así que lo desharé con Ctrl-Z (Comando-Z en Mac).

En la paleta Propiedades de herramienta, cambiaré mis medianiles verticales y horizontales a 60 cada uno.

Cuando hago clic y arrastro ahora, hay una brecha más amplia entre ellos.

Sigue haciendo clic y arrastrando y tus marcos se dividirán una y otra vez.

 

Sugerencia: Mantenga presionada Mayúsculas para bloquear las divisiones del marco en vertical, horizontal o 45 grados.

La opción Forma de división está configurada en Línea recta de forma predeterminada, pero las otras dos opciones le permiten agregar divisiones irregulares o curvas, así:

Espacio del borde del marco en Preferencias

Si descubre que utiliza constantemente el mismo tamaño de borde de marco, vaya a Archivo -> Preferencias.

Vaya a la sección denominada Marco de capa.

 

Aquí puede configurar los medianiles verticales y horizontales predeterminados. Presione Aceptar cuando haya terminado.

De vuelta en la paleta Propiedades de herramienta, seleccione la casilla Espacio del borde del marco en Preferencias y solo usará sus medianiles preferidos como valor predeterminado.

Dibujando en los marcos

Ahora que tenemos un montón de fotogramas, ¿qué hacemos con ellos? Obtienes un ícono nulo si intentas usar herramientas de dibujo en uno. Sin embargo, la pista está en el nombre: ¡son carpetas!

Crea una nueva capa dentro de una. Puede ser cualquier tipo de capa: ráster, texto, bocadillo e incluso otras carpetas. Aquí, acabo de usar el botón Nueva capa ráster para crear mi capa.

Ahora puedes dibujar en esa capa, ¡y tu dibujo quedará delimitado dentro del marco!

 

Sugerencia: Si su herramienta de dibujo se ajusta al marco, desactive la regla adjunta a ese marco haciendo clic derecho en el icono de la regla y anulando la selección de "Mostrar regla".

Puede colocar tantas capas dentro de un marco como desee, de modo que pueda tener una para dibujar, dibujar líneas y colorear, o cualquier estructura que funcione para usted.

Método de división: uso de una carpeta de borde de un solo marco

Si parece que hay muchas capas de las que hay que seguir la pista, ¡tienes razón! Hay razones por las que es posible que desees mantener cada fotograma como una carpeta separada, pero esa no es la única forma de hacerlo. Veamos otra opción: usar una carpeta de borde de un solo marco.

Estoy empezando de nuevo desde mi carpeta de borde de marco original.

Esta vez, junto a Método de división, seleccionaré la opción Dividir no carpeta sino borde de marco.

Haga clic y arrastre para crear la división. Con esta opción, todavía agrega una división entre los marcos…

…pero los mantiene en la misma carpeta.

Crear una capa en esta y dibujarla muestra la diferencia. No ves el dibujo en el canal, pero puedes dibujar en ambos paneles.

Combinar métodos de división

También puedes combinar los dos métodos. Vuelva a cambiar el método de división a Dividir carpeta de marco y duplicar capa interior.

Haz otra división.

Ahora tienes dos marcos en una carpeta y un marco independiente de los dos. Puedes separar fotogramas de esta manera si, quizás, quieres que uno de ellos se superponga a los demás.

 

Observe que también hizo una copia de la capa secundaria del marco original, ¡incluido el dibujo!

Si no desea ese comportamiento, elija el método de división central, Dividir carpeta de marco y Crear carpeta vacía.

Esto hace exactamente lo mismo que la primera opción, excepto que le permite comenzar con una carpeta de marco completamente en blanco en lugar de copiar el original.

Ajuste de marcos

Los bordes del marco son objetos, así que para ajustarlos, vaya a la herramienta Operación y elija nuestra vieja amiga, la subherramienta Objeto.

Aquí hay un pequeño cómic que hice como ejemplo. (No te preocupes, son solo un par de crías de dragón que se pelean, ¡no se hacen daño entre sí!)

 

Con la subherramienta Objeto, puede seleccionar un marco individual. También puedes seleccionar varios fotogramas manteniendo presionada Shift, siempre que estén en la misma carpeta.

 

Sin embargo, no puede seleccionar fotogramas de diferentes carpetas al mismo tiempo.

Con un marco seleccionado, puedes cambiar propiedades como el color del borde usando la opción Color principal o el grosor usando la opción Tamaño del pincel.

 

Pista: ¡También hay muchas otras opciones de pinceles, si quieres ser creativo!

Mantenga los canalones alineados

También puedes ajustar el tamaño del marco.

De forma predeterminada, el programa intenta ajustar los otros marcos para que coincidan, incluso si están en carpetas diferentes.

Si no desea este comportamiento, cambie la opción Mantener canalones alineados a Ninguno.

Ahora solo ajustará un panel y ninguno de los demás intentará igualar el ajuste.

Quitar canalones

Observe estas pequeñas flechas amarillas alrededor de un marco seleccionado.

Puede hacer clic en ellos para deshacerse de los canalones, tanto entre los marcos como entre un marco y el borde del lienzo.

 

Esto es genial si quieres un fotograma sin bordes como el que ves en algunos cómics.

Marcos en movimiento

Puede mover un marco seleccionado usando la subherramienta Objeto, pero observe que la capa (o capas) dentro de la carpeta permanecen estáticas.

Si desea mover todo, vaya a la herramienta Mover capa y asegúrese de que la subherramienta Mover capa esté seleccionada.

Seleccione todo el marco carpeta (no ninguna de las subcapas) y haga clic para arrastrarlo. Tanto el marco como su contenido se mueven juntos.

 

Nota: Si tiene una subcapa seleccionada, solo esa capa se moverá y el marco no. ¡Esto es útil si desea reposicionar un dibujo dentro del marco!

 

Obviamente, esto funciona mejor cuando todos los marcos son carpetas separadas y es una de las razones por las que quizás quieras usarlos.

Antialiasing

Como mencioné antes, si desea marcos diagonales, lo más probable es que desee activar el suavizado.

Lo dejé como demostración. Cuando hago zoom, puedes ver que los bordes de mis marcos son píxeles irregulares.

Para activarlo, abra la paleta Detalle de subherramienta haciendo clic en el icono de llave inglesa y luego vaya a Suavizado.

Medio es una buena opción.

 

Tenga en cuenta que solo afecta los paneles que haya seleccionado, por lo que si tiene todos los bordes de su marco como carpetas separadas, deberá hacer esto para cada uno. (¡Por eso es mejor activar el suavizado desde el principio si crees que lo necesitarás!)

Formas de marco personalizadas

Todo eso es genial para paneles de borde recto, pero ¿qué pasa si quieres ser creativo?

Empecé de nuevo con mi lienzo completamente vacío configurado con su borde interior.

Subherramienta de marco rectangular

En la herramienta Borde del marco, hay dos pestañas en la parte superior: Crear marco y Cortar borde del marco. Hasta ahora hemos estado usando el segundo, pero ahora haga clic en Crear marco.

 

Luego, seleccione la subherramienta Marco rectangular.

Haga clic y arrastre el borde de un marco.

 

Aún se ajusta a su borde interior si está lo suficientemente cerca de él, pero puede hacerlo del tamaño que desee. Esto es similar a cómo creamos nuestro borde antes, pero aquí tienes más control y no tienes que hacerlo del mismo tamaño que el borde interior.

En las propiedades de la herramienta Marco rectangular, junto a Cómo agregar, tienes dos opciones. Comencemos con Crear una carpeta nueva.

Agregar nuevos marcos con esta opción los coloca en una nueva carpeta de forma predeterminada, lo que también le permite superponer los marcos muy bien.

La segunda opción es Agregar a la carpeta seleccionada.

Esto simplemente agrega cualquier marco nuevo a la misma carpeta que el marco inicial.

De forma predeterminada, la creación de nuevos marcos utilizando la subherramienta Marco rectangular (o cualquiera de las subherramientas en Crear marco) también le proporcionará a su marco una capa ráster vacía y un relleno de fondo blanco.

 

Utilice los controles que se muestran para desactivar una o ambas opciones.

Marcos de círculos y polígonos

La herramienta Marco rectangular tiene una característica similar a otras herramientas de tipo Figura en Clip Studio Paint, donde puede acceder a la paleta de detalles de su subherramienta haciendo clic en el icono de llave inglesa y luego seleccionando la sección Figura.

Aquí puede cambiar la herramienta para permitirle crear marcos circulares o poligonales.

 

También tiene acceso a otras funciones de la Figura, como el número de esquinas, los bordes redondeados y su bloqueo en una relación de aspecto particular.

Marco de polilínea

La siguiente subherramienta es Marco de polilínea.

Tiene opciones para dibujar bordes de marcos irregulares con líneas rectas...

Y también bordes con tres tipos de líneas curvas (spline, bézier cuadrático y bézier cúbico).

Pluma de borde de marco

La última subherramienta predeterminada se llama Pluma de borde de marco.

Este simplemente te permite dibujar un marco a mano, ¡de forma completamente libre!

Plantillas de paneles integradas

Clip Studio Paint también tiene una variedad de plantillas de paneles integradas para que puedas comenzar.

Abra el panel Material yendo a Ventana -> Material y eligiendo cualquiera de las opciones que se muestran.

Abra Material Manga y seleccione la carpeta Plantilla de marco.

Se muestran en formato vertical, pero lo realmente bueno es que si haces clic y arrastras uno, se ajusta al tamaño de tu lienzo.

 

¡También respeta dónde has establecido tu límite interior!

¡Mencioné que volvería a esa opción de Plantilla anteriormente en el tutorial!

 

Cuando creas un nuevo lienzo, tienes la opción de incluir una plantilla. Estas son las mismas plantillas que acabas de ver en el panel Material.

 

Pista: También puedes crear tus propias plantillas, ¡pero eso es tema para otro tutorial!

 

Habilite la casilla de verificación Plantilla, luego haga clic en el botón justo debajo del color del papel para seleccionar una plantilla.

Elija la plantilla que desee de la lista y haga clic en Aceptar.

Cuando crees el nuevo lienzo, la plantilla que elijas se incluirá desde el principio.

Dividir el borde del marco por igual

¡Una última cosa! Digamos que sólo quieres una cuadrícula simple de fotogramas iguales.

Comience con un borde de marco como lo hemos hecho antes y asegúrese de que la Carpeta de borde de marco esté seleccionada.

Vaya a Capa -> Regla/Marco -> Dividir el borde del marco en partes iguales.

Elige el número de divisiones verticales y horizontales que desees.

 

La opción Dividir carpeta es la misma que los métodos de división que hemos visto antes.

Puedes ver lo que hace Ajustar a la dirección lateral del marco en la vista previa cuando lo alterno. No hará ninguna diferencia en un marco rectangular, pero sí en cualquier otra forma.

Haga clic en Aceptar y listo. ¡Divisiones perfectas e iguales!

 

Nota: No le ofrece una opción para los anchos del canal. La función Dividir el borde del marco por igual utiliza lo que has configurado en Preferencias.

Conclusión

Bien, eso es todo por este. Clip Studio Paint tiene muchas herramientas realmente útiles para configurar paneles de cómics y espero haberte ayudado a aprender a usarlas bien.

 

Muy pronto haré otro video en mi canal de YouTube sobre cómo agregar bocadillos a ese pequeño cómic de dragones que hice. Clip Studio Paint también tiene excelentes herramientas para los bocadillos, ¡así que estad atentos!

 

Asegúrate de seguirme @MsRedNebula en Twitter, Instagram, Bluesky, o Mastodon para ver cuando anuncio nuevos tutoriales. También puedes seguirme aquí en Consejos de Clip Studio o suscribirte a mi canal de YouTube.

 

¡Disfruta haciendo cómics!