Lorsque vous concevez des mises en page ou que vous ajustez simplement la barre de navigation, vous devez vous assurer que l'espacement entre chaque section est régulier. Vous ne pouvez pas déterminer la distance exacte en cliquant et en faisant glisser la souris ? Ne vous inquiétez pas, vous pouvez utiliser certains outils et guides d'Adobe Illustrator.

Vous avez probablement déjà essayé d'aligner les objets, un bon point de départ ! Mais n'oubliez pas que l'alignement ne modifie pas la distance spatiale, mais seulement la position. Vous y êtes presque, il ne vous reste plus qu'à trouver d'autres options dans le panneau Aligner.

Dans ce tutoriel, vous apprendrez trois façons d'uniformiser les objets spatiaux dans Adobe Illustrator. Je vais vous montrer comment créer une mise en page comme celle-ci en utilisant les trois méthodes.

Remarque : les captures d'écran de ce tutoriel sont tirées de la version Mac d'Adobe Illustrator CC 2022. Les versions Windows ou autres peuvent présenter des différences.

Méthode 1 : Aligner le panneau

Vous pouvez aligner et espacer les objets de manière uniforme en quelques clics à l'aide du panneau Aligner. Si vous souhaitez obtenir une distance exacte entre les objets, il y a une étape essentielle à ne pas manquer : choisir un objet clé comme référence. Avant d'aborder cette question, commençons à ajouter des objets au document.

Étape 1 : Utilisez le Type Outil (T) pour ajouter du texte au document. Vous pouvez essayer de les espacer et de les aligner à l'œil avec l'aide du guide intelligent.

La distance semble assez régulière, mais soyons professionnels et vérifions qu'ils sont réellement espacés de manière égale.

Étape 2 : Sélectionnez tous les textes, le Aligner devrait apparaître sous Propriétés Si vous ne le trouvez pas, vous pouvez ouvrir le panneau à partir du menu général. Fenêtre > ; Aligner .

Cliquez sur Plus d'options (les trois points) pour développer le panneau.

Vous verrez deux Distribuer l'espacement en bas du panneau.

Étape 3 : Sélectionnez Espace de distribution horizontal .

J'ai dupliqué le texte pour montrer la différence. Les textes à l'intérieur de la boîte de délimitation sont uniformément espacés.

Petite astuce : si vous avez déjà une valeur de distance exacte en tête, vous pouvez également saisir la distance, mais vous devez d'abord choisir un objet clé.

Par exemple, si vous choisissez À propos de comme objet clé.

Choisissez Alignement sur l'objet clé dans le panneau Aligner.

Vous verrez qu'un des objets (texte) est en surbrillance. Vous pouvez changer l'objet clé en cliquant sur l'objet que vous voulez définir comme objet clé. Donc, cliquez maintenant sur À propos de .

Saisissez l'espace que vous souhaitez entre les objets, disons 50px, et cliquez sur Horizontal Distribute Space.

Retenez ces 3 boutons 😉

La distance entre les objets est maintenant de 50px.

Maintenant que la barre de navigation est créée, passons au sous-menu.

Méthode 2 : Répétez l'étape

Cette méthode ne fonctionne que lorsque vous espacez des objets identiques. Si l'objet n'est pas identique, essayez d'autres méthodes. Nous allons créer les mêmes arrière-plans de sous-menu (rectangles), afin de pouvoir utiliser cette méthode.

Étape 1 : Utilisez le Outil Rectangle (M) pour dessiner un rectangle. Vous pouvez l'aligner avec le texte ci-dessus.

Remarque : lorsque vous alignez des objets verticalement, vous risquez de modifier l'espacement horizontal.

Étape 2 : Tenez le Option ( Alt pour les utilisateurs de Windows) et Équipe cliquez et faites glisser le rectangle vers la droite sous le deuxième texte.

Étape 3 : Répétez la dernière étape (dupliquée) en utilisant le raccourci clavier Commande + D ( Ctrl + D Vous pouvez utiliser ce raccourci plusieurs fois jusqu'à ce que vous obteniez un fond rectangulaire pour chaque catégorie.

Rapide et facile, cette méthode est la plus efficace lorsque vous souhaitez créer un motif régulier avec la même forme.

J'utiliserai le texte Lorem Ipsum comme exemple et je vous montrerai comment le faire en utilisant la grille comme guide.

Méthode 3 : Utiliser la grille

Si vous n'avez pas beaucoup d'objets à aligner, vous pouvez espacer les objets uniformément en suivant les grilles et les guides. En fait, si vos Guide intelligent est activé, lorsque vous faites glisser les objets, la distance entre les objets est affichée, mais utilisons des grilles pour être sûrs.

Étape 1 : Après avoir ajouté du texte à votre document, allez dans le menu général et sélectionnez Voir > ; Grille d'affichage pour afficher la grille.

Vous devriez voir des grilles dans votre document mais vous ne voyez pas les grilles au-dessus des rectangles. Abaissez l'opacité du rectangle.

Effectuez un zoom avant de passer à l'étape suivante.

Étape 2 : Décidez de la distance que vous voulez entre les textes. Par exemple, si vous voulez que l'espace soit de deux rangées de la grille, déplacez le texte de deux rangées par rapport au texte du dessus.

Une fois que vous avez fini de positionner tout le texte, ramenez l'opacité du rectangle à 100%.

Vous pouvez sélectionner tous les textes et les dupliquer (essayez d'utiliser la méthode 2) dans la colonne de la catégorie suivante. Vous pouvez modifier le contenu du texte plus tard, ici nous ne faisons que créer la mise en page.

Vous pouvez désactiver la grille maintenant pour voir à quoi elle ressemble.

Vous pouvez toujours revérifier qu'ils sont alignés correctement et espacés de manière égale en revenant à l'écran d'accueil. Aligner panneau.

Conclusion

Vous pouvez utiliser toutes les méthodes ci-dessus pour uniformiser les objets spatiaux et, selon ce que vous essayez de faire, certaines méthodes peuvent être plus pratiques que d'autres.

Si vous avez déjà les objets prêts, la méthode du panneau d'alignement devrait être la plus rapide. Si vous essayez de créer des objets identiques et uniformément espacés, la méthode de répétition des étapes fonctionne très bien.

Quant à la grille, c'est toujours une bonne habitude de l'utiliser mais il est vrai que lorsqu'il y a plusieurs objets, les déplacer un par un peut s'avérer fastidieux.