Aprenda cómo las opciones Alinear y Distribuir en Photoshop nos permiten alinear y espaciar fácil y automáticamente el contenido de nuestras capas. ¡Y aprenda cómo los grupos de capas pueden ayudarnos a centrar varias capas a la vez con el documento en sí!
Escrito por Steve Patterson.
Aquí hay un documento que tengo abierto en mi pantalla que muestra algunos bloques de madera:
El documento original.Por el momento, los bloques están dispersos por todas partes, pero lo que me gustaría hacer es organizarlos en un patrón de cuadrícula de 3x3. Si miramos en mi Panel de capas , vemos que cada bloque está sentado en su propia capa por encima de la capa de fondo . Seguí adelante y cambié el nombre de cada capa en función de dónde quiero que aparezca cada bloque en la cuadrícula ('Superior izquierda', 'Superior derecha', 'Inferior derecha', etc.):
Cada bloque aparece en su propia capa en el panel Capas.Entonces, ¿cómo puedo reorganizar los bloques dentro del documento y alinearlos entre sí? Bueno, podría tratar de arrastrarlos a su lugar manualmente usando la herramienta Mover, pero eso llevaría tiempo y dudo que pueda alinearlos perfectamente con solo 'observarlo'. Una forma mejor, y mucho más fácil, sería dejar que Photoshop haga el trabajo automáticamente usando su Alinear y Distribuir opciones!
Para acceder a las opciones de Alinear y Distribuir, necesitamos tener la Herramienta de movimiento seleccionado, así que lo seleccionaré desde la parte superior del panel Herramientas:
Seleccione la herramienta Mover.Con la herramienta Mover seleccionada, las opciones Alinear y Distribuir aparecen como una serie de iconos en el Barra de opciones a lo largo de la parte superior de la pantalla. Por el momento, los íconos están atenuados y no están disponibles porque solo tengo una capa seleccionada en mi panel Capas, y no tiene mucho sentido intentar alinear o distribuir una capa consigo misma:
Con la herramienta Mover seleccionada, las opciones Alinear y Distribuir aparecen en la barra de opciones.Veamos qué sucede si selecciono varias capas. Ya tengo la capa superior izquierda seleccionada en la parte superior de la pila de capas:
La capa superior izquierda está actualmente seleccionada.También seleccionaré las capas Superior central y Superior derecha manteniendo presionada la tecla Cambio clave y haciendo clic en la capa superior derecha. Esto mantiene seleccionada la capa Superior izquierda, agrega la capa Superior derecha a la selección y también selecciona la capa Superior central entre ellas, por lo que ahora las tres capas se seleccionan a la vez:
Seleccionando las capas Superior izquierda, Superior central y Superior derecha en el panel Capas.Con más de una capa ahora seleccionada, las opciones Alinear y Distribuir estarán disponibles. Echemos un vistazo más de cerca a ellos.
Las opciones de alineación
Los primeros seis iconos de la fila son las opciones de Alinear. De izquierda a derecha tenemos Alinear los bordes superiores , Alinear centros verticales , Alinear bordes inferiores , Alinear bordes izquierdos , Alinear centros horizontales , y Alinear bordes derechos . Estas opciones alinearán el contenido de dos o más capas según los bordes del contenido o los centros del contenido:
Las seis opciones de alineación: bordes superiores, centros verticales, bordes inferiores, bordes izquierdos, centros horizontales y bordes derechos.Las opciones de distribución
A continuación están las seis opciones de Distribuir, que tomarán el contenido de varias capas y los espaciarán por igual. De izquierda a derecha tenemos Distribuir bordes superiores , Distribuir centros verticales , Distribuir bordes inferiores , Distribuir bordes izquierdos , Distribuir Centros Horizontales , y finalmente, Distribuir bordes derechos . Tenga en cuenta que deberá tener tres o más capas seleccionadas a la vez en el panel Capas para que las opciones de distribución estén disponibles:
Las seis opciones de distribución: bordes superiores, centros verticales, bordes inferiores, bordes izquierdos, centros horizontales y bordes derechos.Veamos cómo puedo usar estas opciones de Alinear y Distribuir para reorganizar fácilmente los bloques en mi documento. Como vimos hace un momento, seleccioné las capas Superior izquierda, Superior central y Superior derecha en el panel Capas. Voy a desactivar temporalmente los otros bloques en el documento haciendo clic en cada capa icono de visibilidad . No necesita desactivar otras capas para usar las opciones Alinear y Distribuir. Solo estoy haciendo esto para que sea más fácil para nosotros ver lo que está sucediendo en el documento:
Desactivar los otros bloques haciendo clic en sus iconos de visibilidad de capa.Con los otros bloques desactivados, solo quedan visibles los bloques de las tres capas que seleccioné. Nuevamente, he desactivado los otros bloques aquí solo para que nos sea más fácil ver lo que está sucediendo. No es necesario activar y desactivar las capas para usar estas opciones:
Los bloques de las capas Superior izquierda, Superior central y Superior derecha permanecen visibles.Lo primero que quiero hacer es alinear estos tres bloques horizontalmente según los bordes superiores de los bloques. Para hacer eso, con las tres capas seleccionadas en el panel Capas, todo lo que necesito hacer es hacer clic en el Alinear los bordes superiores opción en la barra de opciones:
Haciendo clic en la opción Alinear bordes superiores.Photoshop mira los tres bloques, determina cuál está más cerca de la parte superior del documento, luego mueve los otros dos bloques hacia arriba para alinear los bordes superiores de los tres, y todo se hace instantáneamente:
Los tres bloques ahora están alineados con sus bordes superiores.También quiero distribuir los tres bloques horizontalmente para que estén igualmente separados entre sí, así que esta vez (nuevamente con las tres capas seleccionadas en el panel Capas), haré clic en el Distribuir Centros Horizontales opción en la barra de opciones:
Haciendo clic en la opción Distribuir Centros Horizontales.Photoshop nuevamente mira los tres bloques, mira dónde está el bloque de la izquierda y dónde está el bloque de la derecha, luego mueve el bloque central a su posición para crear la misma cantidad de espacio entre ellos. Los bloques a ambos lados no se mueven. Solo se mueve el bloque entre ellos:
Los bloques ahora están separados por igual horizontalmente.Con las tres capas superiores ahora en su lugar, activaré las capas Central izquierda e Inferior izquierda haciendo clic en sus íconos de visibilidad en el panel Capas:
Al hacer clic en los iconos de visibilidad de las capas central izquierda e inferior izquierda.Esto activa esos dos nuevos bloques en el documento. El bloque azul 'T' está en la capa central izquierda y la naranja 'H' está en la capa inferior izquierda:
Aparecen dos bloques más en el documento.Quiero alinear los bordes izquierdos de estos dos nuevos bloques con el borde izquierdo del bloque 'P' en la esquina superior izquierda, por lo que lo primero que debo hacer es seleccionar esas tres capas en el panel Capas. Comenzaré haciendo clic en la capa superior izquierda para seleccionarla, luego mantendré presionada mi Control (Victoria) / Dominio (Mac) mientras hago clic en las capas central izquierda e inferior izquierda. Esto seleccionará las tres capas a la vez:
Seleccionando las capas Superior Izquierda, Media Izquierda e Inferior Izquierda.Con las tres capas seleccionadas, haré clic en el Alinear bordes izquierdos opción en la barra de opciones:
Haciendo clic en la opción Alinear bordes izquierdos.Photoshop observa los tres bloques, determina cuál está más cerca del lado izquierdo del documento y luego mueve los otros dos bloques hacia la izquierda para alinear los bordes izquierdos de los tres:
Los bordes izquierdos de los bloques ahora están alineados.Todavía necesito corregir el espacio entre los tres bloques, pero volveré a ellos en un momento. Voy a activar las capas Centro inferior e Inferior derecha haciendo clic en sus iconos de visibilidad:
Al hacer clic en el icono de visibilidad de las capas Centro inferior e Inferior derecha.Esto activa los bloques azul 'O' (parte inferior central) y rojo 'P' (parte inferior derecha) a lo largo de la parte inferior:
Ahora se ven dos nuevos bloques en la parte inferior.Seleccionaré las tres capas a la vez haciendo clic primero en la capa inferior izquierda en el panel Capas, luego manteniendo presionada mi Cambio clave y haciendo clic en la capa inferior derecha. Las tres capas, incluida la capa inferior central intermedia, ahora están seleccionadas:
Seleccionando las capas Inferior Izquierda, Inferior Centro e Inferior Derecha.Quiero alinear los bordes inferiores de estas capas, así que haré clic en el Alinear bordes inferiores opción en la barra de opciones:
Haciendo clic en la opción Alinear bordes inferiores.Photoshop determina cuál de los tres bloques está más cerca de la parte inferior del documento, luego mueve los otros dos bloques hacia abajo para alinear los bordes inferiores de los tres:
Los bordes inferiores de los bloques ahora están alineados.Ahora que el bloque 'H' en la esquina inferior izquierda está en su lugar, regresaré y arreglaré el espacio entre los bloques a lo largo de la izquierda. De nuevo, seleccionaré las capas Superior izquierda, Media izquierda e Inferior izquierda en el panel Capas:
Seleccionando las capas Superior Izquierda, Media Izquierda e Inferior Izquierda.Con las tres capas seleccionadas, haré clic en el Distribuir centros verticales opción en la barra de opciones:
Haciendo clic en la opción Distribuir Centros Verticales.Photoshop observa la posición de los bloques superior e inferior, luego mueve el bloque central para crear la misma cantidad de espacio verticalmente entre ellos:
Los tres bloques a lo largo de la izquierda ahora están igualmente espaciados.Complemento de códigos cortos, acciones y filtros: error en el código corto []
Hasta aquí todo bien. Activaré la capa del medio derecho en el documento haciendo clic en su icono de visibilidad:
Activando la capa Middle Right.Esto enciende el bloque verde 'S' a lo largo del lado derecho:
El bloque verde 'S' en la capa central derecha se vuelve visible.Para alinear los bordes derechos de los tres bloques a la derecha (los bloques 'O', 'S' y 'P'), primero seleccionaré las capas Superior derecha, Media derecha e Inferior derecha en el panel Capas:
Seleccionando las capas Superior Derecha, Media Derecha e Inferior Derecha.Luego haré clic en el Alinear bordes derechos opción en la barra de opciones:
Haciendo clic en la opción Alinear bordes derechos.Photoshop determina cuál de los tres bloques está más cerca del lado derecho del documento, luego mueve los otros dos bloques a la derecha para alinear los bordes derechos de los tres:
Los bordes derechos de los tres bloques ahora están alineados.También necesito espaciar los tres bloques por igual, así que haré clic en el Distribuir centros verticales opción en la barra de opciones, tal como lo hice cuando ajusté el espaciado de los tres bloques a lo largo de la izquierda:
Pulsando de nuevo sobre la opción Distribuir Centros Verticales.Y ahora los tres bloques de la derecha están igualmente espaciados:
Los bloques después de hacer clic en la opción Distribuir centros verticales.Finalmente, activaré la capa Centro central haciendo clic en su icono de visibilidad en el panel Capas:
Activando la capa Middle Center.Esto enciende el bloque rojo 'O' en el centro:
El bloque 'O' en el centro ahora es visible.El bloque central debe estar alineado con los bloques a cada lado, así que seleccionaré las capas Medio izquierdo, Medio centro y Medio derecho en el panel Capas:
Selección de las tres capas intermedias.Luego haré clic en el Alinear los bordes superiores opción en la barra de opciones:
Haciendo clic en la opción Alinear bordes superiores.Photoshop mueve el bloque del medio hacia arriba para alinear su borde superior con los bordes superiores de los bloques 'T' y 'S' al lado, y con eso, el patrón de 'cuadrícula' está completo, todo gracias a las opciones de Alinear y Distribuir de Photoshop:
Las opciones Alinear y Distribuir facilitaron la reorganización de los bloques.Por supuesto, todavía queda un problema. Los bloques pueden alinearse y distribuirse entre ellos, pero el diseño general aún debe estar centrado en el documento. Para hacer eso, necesitamos una forma de mover y alinear los bloques como una sola unidad, y la forma más fácil de hacerlo es colocándolos todos dentro de un grupo de capas , que vimos en el tutorial anterior .
Para colocar los bloques dentro de un grupo, primero debo seleccionar todas las capas que necesito, así que comenzaré haciendo clic en la capa Superior izquierda en la parte superior de la pila de capas, luego mantendré presionado mi Cambio y haga clic en la capa Inferior derecha directamente encima de la capa Fondo. Esto seleccionará la capa superior izquierda, la capa inferior derecha y todas las capas intermedias:
Seleccionando todas las capas de bloques a la vez.Con todas las capas de bloques seleccionadas, haré clic en el icono de menú en la esquina superior derecha del panel Capas (el ícono del menú se verá como una pequeña flecha en versiones anteriores de Photoshop)
Haciendo clic en el icono de menú en la esquina superior derecha del panel Capas.elegiré Nuevo grupo de capas del menú que aparece:
Elegir Nuevo grupo de capas en el menú del panel Capas.Photoshop abrirá un cuadro de diálogo pidiéndome un nombre para el nuevo grupo de capas. Lo nombraré 'Bloques', luego haré clic en Aceptar para cerrar el cuadro de diálogo:
Nombrar el nuevo grupo de capas.Si miramos en el panel Capas, vemos que todas las capas de bloques ahora están anidadas dentro de un grupo de capas llamado 'Bloques':
Las capas seleccionadas ahora están dentro de un grupo de capas.Una de las cosas buenas de los grupos de capas, además de ser una excelente manera de mantener el panel Capas limpio y organizado, es que nos permiten mover todas las capas dentro de ellos como si fueran una sola capa. El grupo Bloques ya está seleccionado en el panel Capas, así que mantendré presionada la tecla Mayús mientras hago clic en la capa Fondo que se encuentra debajo. Esto selecciona tanto el grupo de capas como la capa de fondo a la vez:
Seleccionando el grupo de capas y la capa de fondo a la vez.Como aprendimos en el Tutorial de capa de fondo , Las capas de fondo están bloqueadas en su lugar, lo que significa que no pueden moverse dentro del documento. Lo único que he seleccionado que pueden mover es el grupo de capas. haré clic en el Alinear centros verticales opción en la barra de opciones:
Haciendo clic en la opción Alinear Centros Verticales.Photoshop alinea las capas de bloque dentro del grupo de capas verticalmente con la capa Fondo:
Los bloques dentro del grupo de capas se alinean como si estuvieran en una sola capa.Y finalmente, haré clic en el Alinear centros horizontales opción en la barra de opciones:
Haciendo clic en la opción Alinear Centros Horizontales.Esto alinea los bloques horizontalmente con la capa Fondo, centrando el diseño en el documento:
El grupo de capas facilitó centrar el diseño del bloque con el documento.
