Cando deseña deseños ou simplemente axustes a barra de navegación, queres asegurarte de que o espazo entre cada sección sexa uniforme. Non podes dicir a distancia exacta facendo clic e arrastrando? Non te preocupes, podes usar algunhas ferramentas e guías de Adobe Illustrator.

Probablemente xa tentaches aliñar os obxectos, un bo punto de partida! Pero lembra que o aliñamento non cambia a distancia espacial, só cambia a posición. Xa case estás alí, só tes que buscar outras opcións no panel Aliñar.

Neste titorial, aprenderás tres formas de espaciar uniformemente os obxectos en Adobe Illustrator. Vouche mostrar como crear un deseño coma este usando os tres métodos.

Nota: as capturas de pantalla deste titorial están tomadas da versión para Mac de Adobe Illustrator CC 2022. Windows ou outras versións poden ter un aspecto diferente.

Método 1: Panel de aliñamento

Podes aliñar e espaciar obxectos uniformemente nun par de clics usando o panel de aliñar. Se queres unha distancia exacta entre obxectos, hai un paso esencial que non podes perder: elixe un obxecto clave como referencia. Antes de entrar niso, imos comezar a engadir obxectos ao documento.

Paso 1: Use a Ferramenta de escritura (T) para engadir texto ao documento. Podes tentar espacialos e aliñalos coa axuda da guía intelixente.

Non está mal! A distancia parece bastante igualada, pero sexamos profesionais e fagamosseguro de que están realmente espaciados uniformemente.

Paso 2: Seleccione todos os textos, o panel Aliñar debería aparecer en Propiedades . Se non o atopas, podes abrir o panel desde o menú superior Xanela > Aliñar .

Fai clic en Máis opcións (os tres puntos) para expandir o panel.

Verás dúas opcións de Distribuír espazamento na parte inferior do panel.

Paso 3: Seleccione Espazo de distribución horizontal .

Dupliquei o texto para mostrar a diferenza. Os textos dentro do cadro delimitador están espazados uniformemente.

Consello rápido: se xa tes en mente un valor de distancia exacto, tamén podes introducir a distancia, pero antes de nada, debes escoller un obxecto clave.

Por exemplo, supoñendo que escolle Acerca de como obxecto clave.

Escolla Aliñar ao obxecto clave no panel Aliñar.

Verás que un dos obxectos (texto) está resaltado. Pode cambiar o obxecto clave facendo clic no obxecto que quere definir como obxecto clave. Agora fai clic en Acerca de .

Introduce o espazo que queiras entre os obxectos, digamos 50px, e fai clic en Distribuír espazo horizontal.

Lembra estes 3 botóns 😉

Agora a distancia entre obxectos é de 50px.

Agora está creada a barra de navegación, imos ao submenú.

Método 2: Repita o paso

Este método só funciona cando se espallaobxectos idénticos. Se o obxecto non é o mesmo, proba outros métodos. Imos crear os mesmos fondos de submenús (rectángulos), para que poidamos usar este método.

Paso 1: Use a Ferramenta Rectángulo (M) para debuxar un rectángulo. Podes aliñalo co texto anterior.

Nota: cando aliñas obxectos verticalmente, podes cambiar o espazamento horizontalmente.

Paso 2: Mantén premida a Opción ( Alt para usuarios de Windows) e Maiúsculas teclas, prema e arrastre o rectángulo cara á dereita baixo o segundo texto.

Paso 3: Repita o último paso (duplicado) usando o atallo de teclado Comando + D ( Ctrl + D para usuarios de Windows). Podes usar o atallo varias veces ata obter un fondo rectángulo para cada categoría.

Rápido e sinxelo! Este método funciona mellor cando queres crear un patrón espazado uniformemente coa mesma forma.

De todos os xeitos, imos engadir os elementos do submenú. Usarei o texto de Lorem Ipsum como exemplo e mostrarei como facelo usando a grade como guía.

Método 3: use Grid

Se non tes moitas obxectos para aliñar, pode espaciar os obxectos uniformemente seguindo as cuadrículas e as guías. De feito, se a túa Guía intelixente está activada, cando arrastre os obxectos mostrará a distancia entre os obxectos, pero imos usar cuadrículas só para asegurarnos.

Paso 1: Despois de engadir texto ao documento, vai aomenú superior e seleccione Ver > Mostrar cuadrícula para mostrar a grade.

Deberías ver cuadrículas no teu documento pero non ves as cuadrículas enriba dos rectángulos. Reduce a opacidade do rectángulo.

Achega o zoom antes de pasar ao seguinte paso.

Paso 2: Decide a distancia que queres entre o texto. Por exemplo, se quere que o espazo sexan dúas filas da grade. Move o texto dúas filas do texto anterior.

Unha vez que remate de colocar todo o texto, trae a opacidade do rectángulo de novo ao 100%.

Parece ben? Pode seleccionar todos os textos e duplicalos (proba a usar o Método 2) na seguinte columna de categoría. Podes cambiar o contido do texto máis tarde, aquí só estamos creando o deseño.

Agora podes desactivar a grade para ver como se ve.

Sempre pode comprobar dúas veces para asegurarse de que estean aliñados correctamente e espazados uniformemente volvendo ao panel Aliñar .

Conclusión

Podes usar calquera método anterior para espaciar de xeito uniforme os obxectos e, dependendo do que esteas tentando facer, algúns métodos poden ser máis convenientes que outros.

Só unha revisión rápida. Cando xa teñas os obxectos preparados, o método de panel Aliñar debería ser o xeito máis rápido. Se estás tentando crear obxectos idénticos espazados uniformemente, o método de repetición de pasos funciona bastante ben.

En canto á grella, sempre é un bo costume usalas pero é certo que candohai varios obxectos, movelos un a un pode ser unha apurada.