Introducción

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

 

Una de las funciones que más me entusiasmó fue la función Alinear/Distribuir, y hoy veremos cómo funciona y cuándo puede ser beneficioso usarla.

 

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

Cómo funciona Alinear y distribuir

En primer lugar, si aún no ve la ventana, puede abrirla desde la opción de menú Ventana > Alinear/Distribuir.

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

Puede pasar el mouse sobre cada botón y obtener una buena descripción de lo que representa.

 

En primer lugar, puede seleccionar las funciones Alinear y Distribuir. Puede alinear los bordes izquierdos, el centro horizontal, los bordes derechos, los bordes superiores, el centro vertical o los bordes inferiores. Así mismo puedes distribuir los artículos de la misma manera.

 

El funcionamiento de estas funciones depende de la "base de alineación" que haya 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 están alineados dentro del espacio actual que ocupan. Algo que debe tener en cuenta solo con esta opción es que el espacio ocupado por los objetos se actualiza CADA vez que cambia la posición de los objetos. Entonces, por ejemplo, si los cuatro objetos están ubicados en cada esquina de su lienzo y alinea su borde superior, la próxima vez que desee organizarlos, se usará un área mucho más estrecha en lugar de todo el lienzo para calcular el alineación.

El siguiente es "Canvas". Los objetos se alinean dentro de todo el lienzo.

 

Con "Área de selección", los objetos se alinean dentro de una selección que haya realizado.

 

“Guía” se refiere a las pautas que puede haber creado. (Puede crear guías utilizando la herramienta Regla o activando la opción "Barra de regla" en 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 línea guía más cercana a él, mientras que en el caso de varios objetos o capas, se alinearán a la línea guía a la que esté más cerca el mayor número de objetos.

 

Finalmente, "Auto" elige automáticamente la opción anterior que actualmente tenga más sentido en función de su selección. Si tiene varias capas seleccionadas, se elige "Objeto de alineación". Si tiene una selección activa, se elige "Área de selección". Si tiene guías activas, se elige "Guía". Si no se aplica ninguno de estos, 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á alineando objetos de tamaño similar, es posible que no note una gran diferencia (o ninguna) al usar las funciones de "distribuir el centro horizontal/vertical".

 

Sin embargo, si los objetos tienen un tamaño diferente, comenzará 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 base, bueno, al centro horizontal de los objetos.

 

Finalmente, hay dos opciones de alternancia.

 

Puede elegir "Alinear con píxeles de texto", lo que significa que si tiene un marco de texto levantado, el marco se ignorará y solo se usará el texto real. Esta puede ser una opción sutil, pero preste atención al marco que rodea el texto aquí y cómo se diferencia cuando la opción está activada o desactivada.

También puede elegir "Alinear con rutas vectoriales", lo que significa que los puntos reales del vector están alineados en lugar de la forma real. Miremos este dibujo: puede ver que si elijo la opción base de Alineación "Lienzo" con "Alinear con rutas vectoriales" activado, el borde del dibujo se corta. Esto se debe a que las rutas vectoriales están alineadas con el borde del lienzo, en lugar de la forma de la línea dibujada por la ruta vectorial.

Al ver las rutas vectoriales de una selección, queda claro que las rutas se alinearon con el borde del lienzo:

Tres casos de uso

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

 

Pero ¿por qué me emocionaba? ¿Cuáles son algunos casos de uso para ello?

 

Aquí hay tres razones por las que estaba entusiasmado con esto:

# 1: ¡Es genial para reorganizar paneles de cómics!

Digamos que quiero reorganizar una página de cómic en un formato de desplazamiento webtoon. Comienzo copiando todos los paneles de un archivo del tamaño de una página a un archivo del tamaño de un webtoon. Anteriormente, tenía que mover cada panel individualmente después de copiarlos todos.

Sin embargo, ahora solo puedo seleccionar todos los paneles, usar la base de alineación "Lienzo", alinear los centros horizontales de todos los paneles y luego distribuir su espacio vertical uniformemente en el lienzo.

Por supuesto, puede ser bueno cambiar el espacio entre los paneles por razones dramáticas (más sobre eso en mis otros tutoriales "Hacer cómics para impresión y webtoon" y "8 técnicas para transiciones de escena en webtoons"). Sin embargo, la nueva función sigue siendo un gran ahorro de tiempo cuando se trata de este tipo de tareas.

#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.

Combino las capas de todos los caracteres, luego las copio en un nuevo documento. Ahora, distribuyo sus centros horizontales y alineo sus bordes inferiores. Por supuesto, aún deben realizarse algunos ajustes menores con respecto al posicionamiento, ¡pero el 90% del trabajo ya estaba hecho para mí con solo unos pocos clics!

A continuación, quiero crear un estilo de fondo de línea de policía. Creo una capa de una sola línea, luego la copio varias veces. Muevo la última línea a la altura que quiero. Luego, usando la base de alineación "Objeto de alineación", distribuyo el espacio vertical de manera uniforme. Finalmente, también creo un texto que muestra el nombre de cada personaje. Para asegurarme de que todo esté colocado a la misma altura, utilizo la herramienta "Alinear el centro vertical". También lo alineo con el centro de cada carácter seleccionando el texto y el carácter correspondiente, y usando la opción "Alinear al centro horizontal".

#3: ¡Es genial para exportar íconos!

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

Ahora puedo alternar la visibilidad de cada capa y exportar todo en un tamaño uniforme. También es posible que desee utilizar "Especificar tamaño de salida" en la ventana "Configuración de exportación" para que coincida con los requisitos 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 debe tener en cuenta.

Uso de rectángulos como guías

Si bien no puede alinear/distribuir guías por sí mismas, puede crear rectángulos y distribuirlos, luego alinear sus objetos reales con estos rectángulos, usándolos como si usara una guía.

Usar el orden correcto

¡Especialmente cuando se utiliza el método de guía de rectángulo, 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 desea alinear objetos con el rectángulo con la base "Objeto de alineación" y las funciones "Alinear con el centro vertical/horizontal", pero sus objetos están por todas partes, la forma de alineación se calculará en función de en eso en lugar del rectángulo! Entonces, primero alinee todo con el borde del rectángulo, en lugar del centro. Elija 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 del "Objeto de alineación" será el rectángulo, y puede alinear al centro, ¡sin que el rectángulo se mueva!

Un error común

Tenga en cuenta que si quedan elementos pequeños, apenas perceptibles en su capa, se incluirán al calcular los valores de alineación/distribución. Si algo se ve mal, asegúrese de que no haya tal instancia presente en su capa.

Carpetas vs Capas

Una cosa a tener en cuenta al alinear objetos es que si selecciona varias capas dentro de una carpeta, esas capas se organizarán, en lugar de la propia carpeta. Solo si selecciona activamente la carpeta sin seleccionar las capas dentro, todas las capas dentro de la carpeta permanecen agrupadas cuando se utiliza la función de alineación/distribución.

Múltiples objetos vectoriales en una sola capa

Vale la pena señalar que la función Alinear/Distribuir funciona con varias líneas vectoriales en una sola capa. Esto puede ser útil en los casos en los que tiene dibujos de una sola línea que desea reorganizar, como algo como esto...

...pero también puede ser un obstáculo si tiene dibujos de varias líneas que desea reorganizar, como este:

Sin embargo, en el último caso, simplemente extraiga los elementos que desea separar en diferentes capas (por ejemplo, usando la herramienta "Objeto", haciendo clic y arrastrando para seleccionar líneas específicas, luego córtelas, creando una nueva capa Vector y pegando ellos allí). Si hace esto, luego seleccione las capas, aún puede usar la función Alinear/Distribuir según lo previsto.

Alineación de objetos 3D

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

¡Gracias!

Eso es todo lo que se me ocurrió decir sobre la nueva y maravillosa función Alinear/Distribuir. ¿Para qué has estado usando la herramienta? ¿Este video te dio algunas ideas nuevas sobre cómo usarlo? ¡Házmelo saber en los comentarios! Y como siempre, si tiene alguna pregunta, ¡no dude en preguntar y con gusto le responderé!