Cuando estés diseñando diseños o simplemente ajustando la barra de navegación, querrás asegurarte de que el espacio entre cada sección es uniforme. ¿No puedes saber la distancia exacta haciendo clic y arrastrando? No te preocupes, puedes utilizar algunas herramientas y guías de Adobe Illustrator.

Probablemente ya has intentado alinear los objetos, ¡buen punto de partida! Pero recuerda que alinear no cambia la distancia espacial, sólo cambia la posición. Ya casi lo has conseguido, sólo tienes que encontrar otras opciones dentro del panel Alinear.

En este tutorial, aprenderás tres formas de espaciar uniformemente los objetos en Adobe Illustrator. Voy a mostrarte cómo crear un diseño como éste utilizando los tres métodos.

Nota: las capturas de pantalla de este tutorial están tomadas de la versión Mac de Adobe Illustrator CC 2022. Las versiones de Windows u otras pueden tener un aspecto diferente.

Método 1: Alinear el panel

Puedes alinear y espaciar los objetos de manera uniforme en un par de clics utilizando el panel Alinear. Si quieres una distancia exacta entre los objetos, hay un paso esencial que no puedes dejar de hacer: elegir un objeto clave como referencia. Antes de entrar en eso, vamos a empezar a añadir objetos al documento.

Paso 1: Utilice el Tipo de herramienta (T) para añadir texto al documento. Puede intentar espaciar y alinear a ojo con la ayuda de la guía inteligente.

No está mal. La distancia parece bastante uniforme, pero seamos profesionales y asegurémonos de que realmente están espaciados de manera uniforme.

Paso 2: Seleccione todos los textos, el Alinear debe aparecer en el panel Propiedades Si no lo encuentras, puedes abrir el panel desde el menú superior Ventana > Alinear .

Haga clic en Más opciones (los tres puntos) para ampliar el panel.

Verá dos Distribuir el espacio en la parte inferior del panel.

Paso 3: Seleccione Espacio de distribución horizontal .

He duplicado el texto para mostrar la diferencia. Los textos dentro del cuadro delimitador están uniformemente espaciados.

Sugerencia rápida: si ya tiene en mente un valor de distancia exacto, también puede introducir la distancia, pero antes debe elegir un objeto clave.

Por ejemplo, suponiendo que elija Acerca de como objeto clave.

Elija Alinear con el objeto clave en el panel Alinear.

Verá que uno de los objetos (texto) está resaltado. Puede cambiar el objeto clave haciendo clic en el objeto que desea establecer como objeto clave. Así que ahora haga clic en Acerca de .

Introduzca el espacio que desea entre los objetos, digamos 50px, y haga clic en Distribuir Espacio Horizontal.

Recuerda estos 3 botones 😉

Ahora la distancia entre objetos es de 50px.

Ahora que la barra de navegación está creada, pasemos al submenú.

Método 2: Repetir el paso

Este método sólo funciona cuando se trata de espaciar objetos idénticos. Si el objeto no es el mismo, pruebe otros métodos. Vamos a crear los mismos fondos de submenú (rectángulos), por lo que podemos utilizar este método.

Paso 1: Utilice el Herramienta Rectángulo (M) para dibujar un rectángulo. Puedes alinearlo con el texto de arriba.

Nota: al alinear los objetos verticalmente, podría cambiar el espaciado horizontal.

Paso 2: Mantenga el Opción ( Alt para usuarios de Windows) y Turno haga clic y arrastre el rectángulo a la derecha bajo el segundo texto.

Paso 3: Repite el último paso (duplicado) utilizando el atajo de teclado Comando + D ( Ctrl + D Para los usuarios de Windows). Puede utilizar el acceso directo varias veces hasta obtener un fondo de rectángulo para cada categoría.

Este método funciona mejor cuando se quiere crear un patrón uniforme con la misma forma.

De todos modos, vamos a añadir los elementos del submenú. Utilizaré el texto Lorem Ipsum como ejemplo y te mostraré cómo hacerlo utilizando la cuadrícula como guía.

Método 3: Utilizar la cuadrícula

Si no tiene muchos objetos que alinear, puede espaciar los objetos uniformemente siguiendo las cuadrículas y las guías. En realidad, si su Guía inteligente está activado, al arrastrar los objetos se mostrará la distancia entre ellos, pero vamos a utilizar las cuadrículas para asegurarnos.

Paso 1: Después de añadir el texto a su documento, vaya al menú superior y seleccione Ver > Mostrar rejilla para mostrar la cuadrícula.

Deberías ver cuadrículas en tu documento pero no ves las cuadrículas encima de los rectángulos. Baja la opacidad del rectángulo.

Acérquese antes de pasar al siguiente paso.

Paso 2: Decide la distancia que quieres entre el texto. Por ejemplo, si quieres que el espacio sea de dos filas de la cuadrícula, mueve el texto a dos filas del texto de arriba.

Una vez que termine de posicionar todo el texto, lleve la opacidad del rectángulo de nuevo al 100%.

¿Se ve bien? Puede seleccionar todos los textos y duplicarlos (intente usar el método 2) a la siguiente columna de categoría. Puede cambiar el contenido del texto más tarde, aquí sólo estamos creando el diseño.

Ahora puedes desactivar la red para ver cómo queda.

Siempre se puede volver a comprobar que están alineados correctamente y espaciados uniformemente volviendo al Alinear panel.

Conclusión

Puedes utilizar cualquiera de los métodos anteriores para uniformar los objetos espaciales y, dependiendo de lo que quieras hacer, algunos métodos pueden ser más convenientes que otros.

Sólo una revisión rápida. Cuando ya tienes los objetos listos, el método del panel Alinear debería ser la forma más rápida. Si estás tratando de crear objetos idénticos uniformemente espaciados, el método de repetición de pasos funciona bastante bien.

En cuanto a la rejilla, siempre es una buena costumbre utilizarlas pero es cierto que cuando hay varios objetos, moverlos uno a uno puede ser un engorro.