Utilisation de la typographie professionnelle dans Adobe Illustrator

Je voudrais dédier ce tutoriel à la typographie, qui sont les méthodes de traitement de texte imprimé pour une meilleure lisibilité et beauté. La typographie est composée par la conception graphique de texte imprimé en utilisant les spécificités de ces règles de langue. Dans ce tutoriel, Basix appliquera les méthodes et règles de typographie à l’aide d’Adobe Illustrator. Les matériaux nécessaires à la création de ce tutoriel ont été gracieusement fournis par Roman Kuznecov, alias Asat, qui possède de nombreuses années d’expérience dans la publication..


Étape 1

Jetons un coup d'œil à la conception du texte imprimé dans l'exemple de la recette de sandwich avec laquelle nous travaillons aujourd'hui. Ce type de texte contient une variété d’articles qui vous aideront à développer le thème de ce travail. Pour les expériences, vous devriez utiliser un texte comme celui-ci.

Tout d’abord, définissez les paramètres de base des informations textuelles:

  • Taille du bloc de texte
  • Nom de la police
  • Taille de police
  • Interligne

Le choix de ces paramètres typographiques dépend de nombreux facteurs, notamment: du format de la publication, du style du texte, des préférences personnelles du concepteur, etc. Je laisse ces questions hors du champ de ce didacticiel, car il couvre des livres et des monographies. En fonction de mes goûts personnels, j’ai décidé que le bloc de texte aurait une taille de 150 par 300 mm (Type> Type de zone…)


Étape 2

Tapez le texte avec la police Garamond Pro, taille 12 pt et 13 pt principal. Modifiez ces paramètres dans la palette Caractère (Fenêtre> Caractère)..

Pour votre information: la taille de la police est la taille de la hauteur de la lettre; le point typographique est l'unité de mesure de la taille de la police.


Étape 3

Maintenant, alignez le texte. Il existe deux types de base de texte justifiant: Justifier avec la dernière ligne alignée à gauche et Justifier toutes les lignes. La première méthode est assez simple, utilisez-la pour le formatage. Pour ce faire, cliquez sur le bouton "Justifier avec la dernière ligne alignée à gauche" dans la palette Paragraphe (Fenêtre> Type> Paragraphe)..


Étape 4

Ensuite, nous devons configurer les traits d'union. Il est important de garder un équilibre entre le nombre de césures dans le bloc de texte et la quantité d'espacement vide dans les lignes. D'une part, beaucoup de coupures de mots créent une impression de "clôture" et affectent la lisibilité du texte, d'autre part, les longues lacunes rendent également la lecture difficile.

Adobe Illustrator vous permet d’ajuster vous-même cette balance à l’aide d’une fenêtre de dialogue de césure qui s’ouvre dans le menu déroulant de la palette Paragraphe. En déplaçant le curseur vers la meilleure position d'espacement, nous réduisons la longueur des espaces en augmentant le nombre de traits d'union, et inversement. Vous devez choisir une valeur optimale qui correspond au design.

Il existe également une option vous permettant de personnaliser l'apparence du paragraphe. Le menu déroulant de la palette Paragraphe contient les sous-sections "Compositeur ligne unique Adobe" et "Compositeur Adobe toutes les lignes". Lors de la césure, "Compositeur à une ligne Adobe" analyse une seule ligne. "Adobe Every-line Composer" analyse les lignes précédentes; généralement cela vous permet d'obtenir un meilleur résultat.


Étape 5

Ainsi, la composition générale de la composition est déjà déterminée. Passons maintenant à la conception des éléments individuels du texte. J'ai décidé de mettre en évidence le titre principal du texte, je vais donc l'écrire en majuscule. Pour ce faire, j'ai mis le titre en surbrillance et dans le menu déroulant de la palette Caractère, j'ai choisi l'option Toutes les majuscules..

Vous devez faire attention ici à un point d’intérêt: lors de la conception, le suivi des polices entre les majuscules est choisi en partant du principe qu’il y aura nécessairement une lettre minuscule. Par conséquent, si vous tapez le texte en majuscules, le texte est resserré. Les graphistes recommandent d’élargir légèrement les lettres de ce texte. Lorsque le texte est sélectionné, dans la palette Caractère du champ Suivi, définissez la valeur sur 20..


Étape 6

Maintenant, appliquez Kerning. Le crénage consiste à ajuster l'espacement entre les paires de caractères pour améliorer l'aspect et la lisibilité du texte. Il sert à justifier la distance entre les lettres adjacentes ou d'autres caractères de police..

Cette option implique de travailler individuellement avec chaque paire de caractères et de trouver leur position relative en fonction de la police sélectionnée, des lettres dessinées elles-mêmes, etc. La valeur du crénage est définie en pourcentage de la largeur de l'espace de la police utilisée. Elle peut être positive (lorsque les caractères sont espacés) ou négative (lorsque les caractères se rapprochent)..

Il est facile de voir que la distance entre les paires. Voyez comment "AV" et "WA" ont un aspect différent, mais officiellement, c'est la même chose..

Le kerning est appliqué pour que la distance entre deux personnages soit visuellement identique. Dans Adobe Illustrator, il existe 3 types de crénage:

  • Zero Kerning - lorsque le crénage n'est pas applicable.
  • Crénage automatique - crénage défini dans la police par son créateur. Si la police est bien conçue, ce type de crénage convient bien dans la plupart des cas..
  • Crénage optique - convient pour le crénage de titres ou de grandes enseignes libres, telles que le texte pour les logos.

Définir le crénage automatique pour tout le texte.


Étape 7

Maintenant, je veux décorer un peu les premières lignes de texte. Je vais le faire avec des petites capitales. Les petites majuscules de la typographie sont des caractères majuscules qui ressemblent à des caractères minuscules réduits. Les petites majuscules sont utilisées pour créer les titres et les premières lignes des sections après les grandes initiales, pour écrire les noms, les titres et les abréviations et pour mettre en gras le texte..

Il n'est pas recommandé d'utiliser des petites majuscules dans les phrases longues (plus de deux ou trois mots); cela nuit à la lisibilité du texte. Alors, sélectionnez les premiers mots après le titre et sélectionnez Petites majuscules dans le menu déroulant de la palette Caractère..


Étape 8

Nous devons maintenant séparer les paragraphes visuellement. Cette séparation peut être effectuée de nombreuses manières, les plus courantes étant: la ligne de séparation (retrait au début de la première ligne d’un paragraphe) et l’espacement entre les paragraphes..

Dans ce texte, j'ai décidé de créer un espace entre les paragraphes, non seulement en interligne, mais en laissant un espace après chaque paragraphe. Pour ce faire, dans la palette Paragraphe, définissez la valeur Espace après paragraphe égale à 10 pts..


Étape 9

Et maintenant je veux parler de quelques façons de travailler avec des nombres dans le texte. Il existe 2 types de chiffres: les chiffres texte et tous les chiffres majuscules. Il est considéré comme une bonne forme d’utiliser le premier avec des lettres minuscules et le second - avec des lettres majuscules..

Comment saisir ces chiffres? Il y a un secret: les deux séries de chiffres doivent être présentes dans la police. La présence de deux séries de chiffres est l’un des signes distinctifs d’une bonne police. Si ces chiffres sont dans la police, saisissez-les à l'aide de la palette Glyphes (Type> Glyphes), recherchez le caractère nécessaire dans le tableau et double-cliquez dessus pour l'insérer dans un bloc de texte actif..

Notre texte a deux groupes de chiffres. Dans le premier cas, les chiffres sont dans la section des ingrédients - laissez-les inchangés, je veux dire des chiffres en majuscules. Le deuxième groupe de chiffres est constitué des chiffres de température en Fahrenheit et le caractère de température est dans le texte principal. A l’aide de la palette Glyphes, mettez-les en minuscule.


Étape 10

Notre texte contient une liste à puces de plusieurs éléments. Remplacez le tiret au début de la liste sur la puce à l'aide de la palette Glyphes. Il est important de bien organiser le retrait. Pour ce faire, sélectionnez l'espace entre la puce et le mot et appuyez sur la touche TAB. Faites cela dans chaque ligne de la liste.

Vérifiez s'il y a un symbole d'onglet n'importe où et s'il n'y a pas d'espace supplémentaire. Pour ce faire, sélectionnez Type> Afficher les caractères cachés. Le caractère de tabulation doit être représenté par une flèche (l'espace est représenté par un point, il ne doit pas y avoir d'espaces).

Sélectionnez les lignes avec les éléments de la liste et ouvrez le panneau d'onglets (Fenêtre> Type> Onglets). Placez le marqueur de l'onglet sur la case de la règle à l'endroit où les éléments de la liste commencent.

Remarque: les listes à puces doivent être formatées à l'aide du panneau Onglets, mais en aucun cas à l'aide de plusieurs espaces..


Étape 11

Votre texte peut contenir des tirets. C'est une grossière erreur de mettre un trait d'union ou un double trait d'union au lieu d'un tiret! Il est possible de saisir un caractère pour le tiret en cliquant sur Option + Maj + _ pour Mac (Alt + 0151 pour Windows). Remplacez les traits d'union par des tirets si nécessaire.

Il existe deux types de tirets: court (en tiret) et long (en tiret). "En tiret" est saisi par une combinaison de touches Option + _ pour Mac (Alt + 0150 pour Windows). Il est utilisé pour indiquer l'espacement entre les dates.


Étape 12

Maintenant, je veux vous parler d'un formatage de texte tel que la ponctuation en suspension romaine. Dans ce texte pour une utilisation plus visuelle de la ponctuation à la suspension romaine, nous avons utilisé l'alignement du texte à droite "Justifier avec la dernière ligne alignée à droite" dans le panneau Paragraphe.

Pour appliquer une ponctuation à la suspension romaine, accédez à Type> Alignement optique de la marge, puis dans le menu déroulant Paragraphe, sélectionnez la ponctuation Suspension romaine. Avec ces actions, Adobe Illustrator prend tous les caractères de ponctuation extrêmement à droite derrière les lignes latérales et aligne optiquement le texte entier..


Conclusion

Pour ajouter de l'authenticité au texte, vous pouvez modifier la forme de certaines lettres. Pour cela, dans le panneau OpenType (Fenêtre> Type> OpenType), appuyez sur les boutons illustrés dans l'image ci-dessous..

Le programme remplacera automatiquement les caractères avec les ligatures (Ligature (de Lat. Ligatura) - est un caractère de n’importe quel système d’écriture, formé en joignant deux lettres ou plus). Les personnages qui ont des alternatives contextuelles seront remplacés par leurs alternatives. Les ligatures et les substituts contextuels ne sont malheureusement pas disponibles dans toutes les polices.

À la suite de notre transformation, nous avons reçu le texte suivant.

Remarque: l'intégralité de la description ci-dessus peut être utilisée pour formater du texte dans Adobe InDesign..