Quan esteu dissenyant dissenys o simplement ajustant la barra de navegació, voldreu assegurar-vos que l'espai entre cada secció sigui uniforme. No podeu saber la distància exacta fent clic i arrossegant? No us preocupeu, podeu utilitzar algunes eines i guies d'Adobe Illustrator.

Probablement ja heu provat d'alinear els objectes, un bon punt de partida! Però recordeu que l'alineació no canvia la distància espacial, només canvia la posició. Gairebé hi esteu, només heu de trobar altres opcions al tauler Alinea.

En aquest tutorial, aprendreu tres maneres d'espaiar els objectes de manera uniforme a l'Adobe Illustrator. Us mostraré com crear un disseny com aquest mitjançant els tres mètodes.

Nota: les captures de pantalla d'aquest tutorial estan extretes de la versió Mac d'Adobe Illustrator CC 2022. Windows o altres versions poden semblar diferents.

Mètode 1: Alineació del tauler

Podeu alinear i espaiar els objectes de manera uniforme amb un parell de clics mitjançant el tauler Alineació. Si voleu una distància exacta entre objectes, hi ha un pas essencial que no us podeu perdre: trieu un objecte clau com a referència. Abans d'entrar en això, comencem a afegir objectes al document.

Pas 1: Utilitzeu l' Eina de tipus (T) per afegir text al document. Podeu provar d'espaiar i alinear-los a ull amb l'ajuda de la guia intel·ligent.

No està malament! La distància sembla força igualada, però siguem professionals i femAssegureu-vos que realment estan espaiats de manera uniforme.

Pas 2: Seleccioneu tots els textos, el tauler Alinea hauria de mostrar-se a Propietats . Si no el trobeu, podeu obrir el tauler des del menú superior Finestra > Alinear .

Feu clic a Més opcions (els tres punts) per ampliar el tauler.

Veureu dues opcions Distribueix l'espaiat a la part inferior del tauler.

Pas 3: Seleccioneu Espai de distribució horitzontal .

He duplicat el text per mostrar la diferència. Els textos dins del quadre delimitador estan espaiats uniformement.

Consell ràpid: si ja teniu en ment un valor de distància exacte, també podeu introduir la distància, però primer de tot, heu de triar un objecte clau.

Per exemple, suposant que trieu Quant a com a objecte clau.

Trieu Alinea a l'objecte clau al tauler Alinea.

Veureu que un dels objectes (text) està ressaltat. Podeu canviar l'objecte clau fent clic a l'objecte que voleu establir com a objecte clau. Així que ara feu clic a Quant a .

Introduïu l'espai que vulgueu entre els objectes, diguem-ne 50 píxels, i feu clic a Distribueix espai horitzontal.

Recorda aquests 3 botons 😉

Ara la distància entre objectes és de 50 píxels.

Ara s'ha creat la barra de navegació, passem al submenú.

Mètode 2: repetiu el pas

Aquest mètode només funciona quan esteu espaiantobjectes idèntics. Si l'objecte no és el mateix, proveu altres mètodes. Crearem els mateixos fons de submenú (rectangles), de manera que podem utilitzar aquest mètode.

Pas 1: Utilitzeu l' Eina Rectangle (M) per dibuixar un rectangle. Podeu alinear-lo amb el text anterior.

Nota: quan alineeu objectes verticalment, podeu canviar l'espaiat horitzontalment.

Pas 2: Manteniu premuda la Opció ( Alt per a usuaris de Windows) i Maj tecles, feu clic i arrossegueu el rectangle cap a la dreta sota el segon text.

Pas 3: Repetiu l'últim pas (duplicat) utilitzant la drecera del teclat Ordre + D ( Ctrl + D per a usuaris de Windows). Podeu utilitzar la drecera diverses vegades fins que obtingueu un fons rectangle per a cada categoria.

Ràpid i fàcil! Aquest mètode funciona millor quan voleu crear un patró uniformement espaiat amb la mateixa forma.

De totes maneres, afegim els elements del submenú. Faré servir el text de Lorem Ipsum com a exemple i us mostraré com fer-ho fent servir la graella com a guia.

Mètode 3: utilitzeu la graella

Si no teniu gaire objectes per alinear, podeu espaiar els objectes de manera uniforme seguint les graelles i les guies. De fet, si la vostra Guia intel·ligent està activada, quan arrossegueu els objectes mostrarà la distància entre objectes, però fem servir quadrícules només per assegurar-nos.

Pas 1: Després d'afegir text al document, aneu amenú superior i seleccioneu Visualitza > Mostra la quadrícula per mostrar la quadrícula.

Hauries de veure quadrícules al document, però no veus les quadrícules a la part superior dels rectangles. Redueix l'opacitat del rectangle.

Apropa abans de passar al pas següent.

Pas 2: Decideix la distància que vols entre el text. Per exemple, si voleu que l'espai sigui de dues files de la quadrícula. Mou el text dues files del text de dalt.

Un cop acabis de posicionar tot el text, torna l'opacitat del rectangle al 100%.

Es veu bé? Podeu seleccionar tots els textos i duplicar-los (proveu d'utilitzar el Mètode 2) a la següent columna de categoria. Podeu canviar el contingut del text més tard, aquí només estem creant el disseny.

Ara pots desactivar la graella per veure com es veu.

Sempre podeu tornar a comprovar per assegurar-vos que estiguin alineats correctament i espaiats de manera uniforme tornant al tauler Alinea .

Conclusió

Podeu utilitzar qualsevol mètode anterior per espaciar els objectes de manera uniforme i, depenent del que intenteu fer, alguns mètodes poden ser més convenients que d'altres.

Només una revisió ràpida. Quan ja tingueu els objectes preparats, el mètode del panell Alinea hauria de ser la manera més ràpida. Si esteu intentant crear objectes idèntics espaiats uniformement, el mètode de repetició de passos funciona força bé.

Pel que fa a la graella, sempre és un bon hàbit utilitzar-les però és cert que quanhi ha diversos objectes, moure'ls un per un pot ser una pressa.