Introducción

¡Bienvenidos a otro tutorial! Como habrán notado, ¡Clip Studio Paint se actualizó recientemente a la versión 2.0! Con eso, se lanzó una gran cantidad de características nuevas.

 

Una de las características que más me entusiasmaba era la función de Alinear/Distribuir, y hoy veremos cómo funciona y cuándo puede ser beneficioso usarla.

 

Como de costumbre, a continuación encontrarán una versión en video del tutorial:

Cómo funciona Alinear y Distribuir

Primero que nada, si aún no ven la ventana, pueden abrirla desde la opción de menú Ventana > Alinear/Distribuir.

A continuación, veamos qué hacen todos estos botones.

Pueden pasar el ratón por encima de cada botón para obtener una buena descripción de lo que representa.

 

En primer lugar, pueden seleccionar las funciones de Alinear y Distribuir. Pueden alinear los bordes izquierdos, el centro horizontal, los bordes derechos, los bordes superiores, el centro vertical o los bordes inferiores. Del mismo modo, pueden distribuir elementos de la misma manera.

 

La forma en que funcionan estas características depende de la “Base de alineación” que hayan elegido. Esta configuración determina en qué espacio se alinearán o distribuirán los elementos.

 

La primera opción es “Objeto de alineación”. Esto significa que los objetos se alinean dentro del espacio actual ocupado por ellos. Algo que deben tener en cuenta con esta opción es que el espacio ocupado por los objetos se actualiza CADA vez que la posición de los objetos cambia. Así, por ejemplo, si los cuatro objetos están ubicados en cada esquina de su lienzo y alinean su borde superior, la próxima vez que quieran organizarlos, se utilizará un área mucho más estrecha en lugar de todo el lienzo para calcular la alineación.

La siguiente es “Lienzo”. Los objetos se alinean dentro de todo su lienzo.

 

Con “Área de selección”, los objetos se alinean dentro de una selección que hayan hecho.

 

“Guía” se refiere a las guías que hayan podido crear. (Pueden crear guías usando la herramienta Regla, o activando la opción “Barra de reglas” desde el menú Ver y arrastrando y soltando una regla desde la barra.) Si hay varias guías presentes, un solo objeto o capa siempre se alineará a la guía más cercana, mientras que en el caso de varios objetos o capas, se alinearán a la guía a la que el mayor número de objetos estén más cerca.

 

Finalmente, “Auto” elige automáticamente la opción anterior que tenga más sentido en función de su selección. Si tienen varias capas seleccionadas, se elige “Objeto de alineación”. Si tienen una selección activa, se elige “Área de selección”. Si tienen guías activas, se elige “Guía”. Si ninguna de estas opciones se aplica, se elige “Lienzo”.

También hay una opción de “Distribuir uniformemente” que garantiza que siempre haya exactamente el mismo espacio entre los elementos. Si están alineando objetos de tamaño similar, es posible que no noten una gran diferencia (o ninguna en absoluto) al usar las funciones de “distribuir centro horizontal/vertical”.

 

Sin embargo, si los objetos tienen tamaños diferentes, comenzarán a ver una diferencia. Al distribuir uniformemente, el espacio se calcula en función de los bordes de los objetos.

Al distribuir el centro horizontal, el espacio se calcula en función del, bueno, centro horizontal de los objetos.

 

Finalmente, hay dos opciones de alternancia.

 

Pueden elegir “Alinear a píxeles de texto”, lo que significa que si tienen un marco de texto activado, el marco será ignorado y solo se usará el texto real. Esta puede ser una opción sutil, pero presten atención al marco que rodea el texto aquí y cómo se diferencia cuando la opción está activada o desactivada.

También pueden elegir “Alinear a trazados vectoriales”, lo que significa que se alinean los puntos vectoriales reales en lugar de la forma real. Veamos este dibujo: pueden ver que si elijo la opción de base de alineación “Lienzo” con “Alinear a trazados vectoriales” activada, el borde del dibujo se recorta. Eso se debe a que los trazados vectoriales se alinean con el borde del lienzo, en lugar de con la forma de la línea dibujada por el trazado vectorial.

Al ver los trazados vectoriales desde una selección, queda claro que los trazados se alinearon con el borde del lienzo:

Tres casos de uso

¡Así que ahora ya saben cómo funciona la función!

 

Pero, ¿por qué estaba tan emocionado con ella? ¿Cuáles son algunos de sus casos de uso?

 

Aquí hay tres razones por las que me entusiasmaba:

#1: ¡Es genial para reorganizar viñetas de cómics!

Supongamos que quiero reorganizar una página de cómic en un formato de desplazamiento de webtoon. Empiezo copiando todas las viñetas de un archivo de tamaño de página a un archivo de tamaño de webtoon. Anteriormente, tenía que mover cada viñeta individualmente después de copiarlas todas.

Sin embargo, ahora puedo simplemente seleccionar todas las viñetas, usar la base de alineación “Lienzo”, alinear los centros horizontales de todas las viñetas y luego distribuir su espaciado vertical uniformemente por el lienzo.

Por supuesto, puede ser bueno cambiar el espaciado entre viñetas por razones dramáticas (más sobre esto en mis otros tutoriales “Hacer cómics tanto para impresión como para Webtoon” y “8 técnicas para transiciones de escena en Webtoons”). Sin embargo, ¡la nueva función sigue siendo un gran ahorro de tiempo para este tipo de tarea!

#2: ¡Es genial para crear alineaciones de personajes!

En este ejemplo, quiero convertir este póster en una alineación de personajes que pueda usar como referencia.

Fusiono las capas de todos los personajes, luego las copio a un nuevo documento. Ahora, distribuyo sus centros horizontales y alineo sus bordes inferiores. Por supuesto, todavía hay que hacer algunos ajustes menores en cuanto al posicionamiento, ¡pero el 90% del trabajo ya estaba hecho para mí en solo unos pocos clics!

A continuación, quiero crear un fondo al estilo de una rueda de reconocimiento policial. Creo una única capa de línea, luego la copio varias veces. Muevo la última línea a la altura que deseo. Luego, usando la base de alineación “Objeto de alineación”, distribuyo el espaciado vertical uniformemente. Finalmente, también creo un texto que muestra el nombre de cada personaje. Para asegurarme de que todo esté colocado a la misma altura, uso la herramienta “Alinear centro vertical”. También lo alineo al centro de cada personaje seleccionando el texto y el personaje correspondiente, y usando la opción “Alinear centro horizontal”.

#3: ¡Es genial para exportar iconos!

Decidí que quiero usar todas estas ilustraciones como iconos. Para ello, necesitaría asegurarme de que todas las imágenes tuvieran un tamaño uniforme. Con la nueva función de Alinear, podemos hacer esto extremadamente rápido. Selecciono todas las capas y carpetas, luego alineo todo al centro del lienzo tanto horizontal como verticalmente. A continuación, puedo usar la función “Cambiar tamaño de lienzo” para recortar aproximadamente el lienzo a un cuadrado uniforme que contenga todos los elementos. Una vez hecho esto, alineo todo al centro del lienzo una vez más.

Ahora puedo alternar la visibilidad de cada capa y exportar todo con un tamaño uniforme. También es posible que quieran usar la opción “Especificar tamaño de salida” en la ventana de “configuración de exportación” para que coincida con cualquier requisito de tamaño de imagen que puedan tener sus iconos.

Consejos y trucos

Antes de terminar este video, ¡quiero señalar algunos consejos y trucos! Las herramientas pueden parecer bastante simples, pero hay algunas cosas que deben tener en cuenta.

Usar rectángulos como guías

Aunque no pueden alinear/distribuir las guías en sí mismas, pueden crear rectángulos y distribuirlos, para luego alinear sus objetos reales a estos rectángulos, usándolos como si fueran una guía.

Usar el orden correcto

Especialmente al usar el método de guía rectangular, ¡puede ser importante tener en cuenta el orden correcto de uso de la función Alinear! Lo que quiero decir con esto es que si desean alinear objetos al rectángulo con la base “Objeto de alineación” y las funciones “Alinear al centro vertical/horizontal”, pero sus objetos están por todas partes, ¡la forma de alineación se calculará en función de eso en lugar del rectángulo! Por lo tanto, primero alineen todo al borde del rectángulo, en lugar del centro. Elijan el borde del rectángulo del que el objeto esté más alejado. Ahora, a menos que algún objeto sea más ancho que el rectángulo, el centro de la base “Objeto de alineación” será el rectángulo, y podrán alinear al centro, ¡sin que el propio rectángulo se mueva!

Un error común

Tengan en cuenta que si quedan elementos pequeños y apenas perceptibles en su capa, se incluirán al calcular los valores de alineación/distribución. Si algo no parece correcto, asegúrense de que no haya ninguna instancia de este tipo presente en su capa.

Carpetas vs. Capas

Una cosa a tener en cuenta al alinear objetos es que si seleccionan varias capas dentro de una carpeta, esas capas se organizarán, en lugar de la carpeta en sí. Solo si seleccionan activamente la carpeta sin seleccionar las capas internas, todas las capas dentro de la carpeta permanecerán agrupadas al usar la función de alinear/distribuir.

Múltiples objetos vectoriales en una sola capa

Cabe señalar que la función Alinear/Distribuir funciona con múltiples líneas vectoriales en una sola capa. Esto puede ser útil en casos en los que tienen dibujos de una sola línea que desean reorganizar, como algo como esto...

...pero también puede ser un obstáculo si tienen dibujos de varias líneas que desean reorganizar, como esto:

Sin embargo, en este último caso, simplemente extraigan los elementos que deseen separar en diferentes capas (por ejemplo, usando la herramienta “Objeto”, haciendo clic y arrastrando para seleccionar líneas específicas, luego cortándolas, creando una nueva capa vectorial y pegándolas allí). Si hacen esto, luego seleccionan las capas, aún podrán usar la función Alinear/Distribuir según lo previsto.

Alinear objetos 3D

Una cosa que quizás se estén preguntando: ¿funciona esto con objetos 3D? Desafortunadamente, no (por el momento, de todos modos). Sin embargo, ¡aún pueden usar capas normales y alinearlas/distribuirlas según sus deseos, creando así una referencia para el espaciado de objetos 3D!

¡Gracias!

Eso es todo lo que pude pensar para decir sobre la maravillosa nueva función Alinear/Distribuir. ¿Para qué han estado usando la herramienta? ¿Les dio este video algunas ideas nuevas sobre cómo usarla? ¡Déjenmelo saber en los comentarios! Y como siempre, si tienen alguna pregunta, no duden en preguntar y estaré encantado de responder.