Mise en forme de typographie et utilisation de styles dans Adobe InDesign

Après avoir travaillé pour plusieurs agences en tant que directeur artistique, j'ai remarqué que de nombreux concepteurs débutants et vieux professionnels utilisent toujours InDesign de manière très inefficace pour la typographie et le formatage. Ce didacticiel couvrira la mise en forme de caractères dans Adobe Indesign à l’aide de leur superbe fonction de styles de paragraphe et de caractère..

Ce didacticiel suppose que vous connaissez déjà certaines des bases d'InDesign, mais je vais en couvrir quelques-unes rapidement pour les nouveaux utilisateurs. Nous allons d'abord examiner les styles de paragraphe, puis les styles de caractère. Commençons!

Aperçu de l'image finale

Les styles finaux sur lesquels nous allons travailler tout au long de ce didacticiel sont indiqués ci-dessous. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Étape 1 - Créer un nouveau document.

Créer un nouveau document d'une page avec des marges d'un demi-pouce pour commencer.

Étape 2 - L'espace de vie

Vous devriez maintenant avoir un document de 8,5 pouces sur 11 pouces avec des marges d'un demi-pouce, ce qui vous donne une surface active de 7,5 pouces sur 10 pouces pour travailler avec.

Étape 3 - Création de boîtes à types

À l'aide de l'outil Texte, permet de créer une boîte de type 7,5 pouces sur 10 pouces.

Vous avez deux options pour créer une zone de texte. Vous pouvez cliquer et faire glisser avec l'outil Texte d'un coin à l'autre de sa diagonale…

Vous pouvez également cliquer et faire glisser suffisamment pour créer une mini-boîte de texte et utiliser les paramètres de taille et d’emplacement pour l’ajuster parfaitement. Le X et le Y étant des emplacements sur la page, nous voulons donc utiliser 0,5 pour effacer nos marges. W et H sont la largeur et la hauteur de tout ce qui est sélectionné, dans ce cas notre zone de type. Assurez-vous que les listes 7.5 pour la largeur et 10 pour la hauteur.

J'ai l'habitude de cliquer et de faire glisser, puis d'utiliser les paramètres de taille et d'emplacement pour vous assurer qu'elle est exacte..

Étape 4 - Ajout de types à des boîtes de types.

Très bien, nous devrions maintenant avoir une page standard de 8,5 pouces sur 11 pouces avec des marges d’un demi-pouce, et une boîte de type 7,5 pouces sur 10 pouces remplissant notre espace temps réel..

Prenons cinq paragraphes de notre source fictive préférée. J'aime utiliser Lorem Ipsum, mais cela n'a pas d'importance - il nous faut seulement cinq paragraphes pour jouer. Une fois que vous en avez, copiez-le et collez-le dans votre bloc de type, comme indiqué ci-dessous..

Étape 5 - Création du style de base

Cela ne ressemble pas beaucoup pour le moment, mais une fois que j'expliquerai l'utilisation de styles, vous pourrez découper des blocs de texte et modifier des livres entiers en quelques clics de souris. Alors, commençons. Si vous regardez vos barres d’outils, il devrait y avoir par défaut des sections Styles de paragraphe et Styles de caractère..

Sinon, vous pouvez les activer en allant dans le menu de votre fenêtre et en les sélectionnant dans le menu Type et tableaux..

Commençons par créer de nouveaux styles de paragraphe.

"Style de paragraphe 1" apparaîtra dans la liste des styles de paragraphe. Double-cliquez dessus pour afficher le menu des options. Vous pouvez voir que le menu des options de style est très complet. Ne laissez pas cela vous effrayer. Les styles peuvent être très utiles avec très peu d'utilisation de leurs options et extrêmement utiles avec certaines des fonctionnalités supplémentaires. Pour l'instant concentrons-nous sur les bases.

Maintenant, sélectionnons les formats de caractères de base. Créons un style de paragraphe générique. Ce sera le style que nous utilisons sur les gros morceaux de type. Utilisons le temps régulier et augmentons son nombre d’avancées à 14 points et son suivi à 10 points. C'est tout pour le moment. Comme il s’agit d’un style générique, nous n’allons pas peser lourd dans les options. Nous allons enregistrer ceux pour les styles de paragraphe spéciaux.

Conseil: L'interligne est l'espace entre chaque ligne. Le suivi est l’espacement entre chaque lettre, également appelé Kerning..

Étape 6 - Création de styles spéciaux et plus d'informations sur les options de style

OK, nous avons maintenant un style de base à appliquer aux gros morceaux de caractères. Si vous sélectionnez tout le type dans votre boîte de type et cliquez sur le style, vous le verrez changer.

Créons maintenant un nouveau style comme avant et double-cliquez dessus pour afficher ses options. Comme vous pouvez le constater, le style de ce style a été agrandi et rendu plus important. Je l'ai aussi fait en italique.

Nous n'allons pas modifier les paramètres sous l'onglet Formats de caractères avancés, mais je voulais expliquer en quoi consistent les fonctionnalités:

1. Les échelles verticales et horizontales - redimensionnez votre type en fonction du pourcentage donné. C'est la même chose que d'augmenter sa taille.
2. Décalage de base - décale le type de la ligne de base, qui est une ligne imaginaire qui s'exécute directement sous une ligne de type.
3. Fausser - est comme l'italique avancé.

À mon avis, vous devriez rarement modifier les paramètres sous l'onglet Avancé car il déforme le texte au-delà de sa conception d'origine, ce qui est une mauvaise pratique.

Maintenant sur l'onglet Indents and Spacing. Fondamentalement, ce que j'ai fait ici est donné ce quart de style de style rembourrage tout autour en indentant à gauche et à droite et en ajoutant un espacement avant et après. Je lui ai également donné un retrait de première ligne, qui n'indente que la première ligne d'un paragraphe. J'ai également appliqué Justify Left pour pouvoir explorer l'onglet Justification..

Si vous cliquez sur l'onglet Onglets, vous verrez qu'il a déjà été ajusté pour les retraits d'un quart de pouce que nous avons appliqués dans l'onglet Retraits et espacement. L'onglet Onglets est utile pour mettre en forme la touche de tabulation et son interaction avec InDesign. Il permet également des options similaires à celles que nous avons modifiées dans l'onglet Retrait et espacement..

Passons maintenant à l'onglet Règles de paragraphe. Nous allons ajouter une règle en pointillés au-dessus de notre appel. Je n'utilise généralement pas cette option, mais je pense que cela en vaut la peine. La plupart des options sont assez simples, sauf que certains lecteurs pourraient ne pas savoir ce que signifie la surimpression.

Lorsque vous imprimez les couleurs les unes sur les autres, comme le jaune sur le bleu, l’imprimante supprime le bleu et imprime le jaune sur le blanc. Si vous utilisez la surimpression pour quoi que ce soit, le jaune est imprimé par dessus le bleu et le vert est créé. Donc, à moins que vos couleurs ne se mélangent, laissez la surimpression décochée.

Jouer avec l'onglet Justification nécessite une certaine pratique pour s'y habituer. Je vais le laisser par défaut mais expliquer le concept. La justification oblige un paragraphe à s’aligner des deux côtés. Parfois, cela peut être problématique car toutes les lignes n'ont pas la même longueur, de sorte que certains mots peuvent avoir un espacement excessif entre elles..

Si vous utilisez Justification et si une ligne du paragraphe contient un espacement de mots vraiment strict, le réglage des pourcentages d'espacement des lettres et des mots peut résoudre ce problème dans une certaine mesure..

Le dernier onglet de ce style sera l’onglet Couleur du caractère, qui est assez simple. Et comme vous pouvez le constater, la surimpression de notre ami revient. Après avoir changé la couleur du caractère, cliquez sur OK pour terminer ce style.

Donc, si vous sélectionnez maintenant le deuxième paragraphe dans notre zone de texte et cliquez sur notre nouveau style, vous pouvez voir qu'il applique notre nouveau style et laisse tout le reste sous le contrôle de notre style de paragraphe générique..

J'ai l'impression que certains lecteurs se demandent pourquoi ne pas créer des zones de texte distinctes pour chaque paragraphe. Nous pourrions le faire, mais considérons cette approche pour les documents volumineux de plusieurs pages. Ce serait un cauchemar de s'assurer que chaque page a chaque type de boîte parfaitement aligné. La création d'une grande boîte de texte par page et l'application de styles de paragraphe là où cela est nécessaire conservent l'alignement et, chaque fois que vous devez effectuer un changement, il suffit de changer le style et tout le reste changera en même temps..

Étape 7 - Options de style de paragraphe terminées

Vous avez probablement remarqué que nous avons en quelque sorte ignoré les onglets dans les options de styles de paragraphe. C'est OK, tous les paragraphes n'utiliseront pas toutes les options disponibles.

Créez un nouveau style et double-cliquez dessus pour afficher le menu des options. Donnons-lui un style de base.

Et ajustez les retraits et l'espacement.

Et enfin pour ce style, ajoutons des puces et des numéros.

Pour le reste des onglets, couvrons-les brièvement:

1. Garder les options - vous permettent d'appliquer le style de paragraphe à un nombre sélectionné de lignes après le paragraphe. Il peut être appliqué à un paragraphe entier, ou seulement aux troisième à cinquième lignes. Il peut également être utilisé pour appliquer le style à une page entière, puis arrêter et revenir au style d'origine à la page suivante..
2. Lettrines et styles imbriqués - est couvert plus tard dans ce tutoriel. En bref, cela vous permet d’appliquer des styles afin d’insérer des majuscules dans un paragraphe au lieu de parcourir votre document et d’appliquer des styles de caractère à chacun d’eux..
3. Caractéristiques de type ouvert - est un tutoriel en soi. En bref, les caractères Open Type sont ceux qui peuvent se déplacer entre Mac et PC sans substitution. Cet onglet vous permet d'ajuster les aspects des faces de type ouvert..
4. Souligné et barré - les onglets sont des options très simples pour les soulignés et les barrés. Personnellement, je n'utilise jamais ni l'un ni l'autre, je ne me préoccupe donc pas de ces onglets. Mais si vous choisissez de les utiliser, ils ne proposent rien de différent de ce que nous avons déjà couvert..

Cliquez sur OK pour fermer les options. Sélectionnez un paragraphe et définissez-le sur puce.

Maintenant, avec le paragraphe à puces sélectionné, appliquez notre troisième et dernier style.

Étape 8 - Styles de caractère

Vous devez maintenant comprendre l’importance de l’utilisation des styles dans InDesign. Alors, passons aux styles de caractères et apprenons comment ils se mélangent aux styles de paragraphes.

Très bien, ouvrons l'onglet Styles de caractères et créons un nouveau style de caractères. C'est comme dans l'onglet Style de paragraphe.

Il créera le "Style de caractère 1", double-cliquez dessus pour afficher les options..

Étape 9 - Construire notre style de caractère

Attendez une minute, tout cela semble familier. Commençons par rendre Bold Times à 36 points.

Comme avant, nous allons ignorer les onglets Formats de caractères avancés. Cliquez sur l'onglet Couleur du caractère et utilisons le cyan pur comme couleur..

Encore une fois, nous rencontrons les options Type ouvert, Souligné et Barré. Même concept que les options de style de paragraphe.

Étape 10 - Utiliser notre style de caractère avec nos styles de paragraphe.

Nous avons donc maintenant un style de caractère de base, sélectionnons la première lettre de notre dernier paragraphe et appliquons notre style à celle-ci..

Comme vous pouvez le constater, les styles de caractère fonctionnent comme des styles de paragraphe. Alors pourquoi ne pas simplement utiliser l’un ou l’autre auquel vous pensez peut-être? Eh bien, vous construirez rarement des styles de caractère et ne sélectionnerez qu'un seul caractère auquel l'appliquer. Le véritable pouvoir des styles de caractère réside dans leur utilisation à l'intérieur des styles de paragraphe. Explorons cela.

Sélectionnez à nouveau notre caractère unique et définissez son style de caractère sur Aucun, ou utilisez simplement l'option Annuler.

Revenons à l'onglet Styles de paragraphe et sélectionnons notre style de paragraphe générique en double-cliquant dessus. Cliquez sur l'onglet Lettrines et styles imbriqués. Comme vous pouvez le constater, j'ai appliqué notre style de caractère à 1 ligne et 1 lettre. Cela se traduit par le premier caractère de chaque première ligne. Cliquez sur OK.

Regardez bien, cela s’appliquait à notre style de paragraphe "Call Out". OK, il suffit de double-cliquer sur le style de paragraphe "Appeler" et de supprimer les paramètres sous Lettrines et styles imbriqués..

C'est mieux.

Étape 11 - Styles imbriqués

Reproduisons maintenant notre "style de paragraphe générique" en faisant un clic droit dessus et en sélectionnant Dupliquer le style

Nommez ce "Style imbriqué" et cliquez sur l'onglet Lettrines et styles imbriqués..

Supprimez les paramètres de lettrine et cliquez sur Nouveau style imbriqué. Cela créera un nouveau style imbriqué, auquel nous appliquerons également certains paramètres de base. Si vous remarquez deux choses à propos des styles imbriqués, vous pouvez en avoir une liste complète, qui sont toutes appliquées à différentes sections d'un paragraphe. Réglons les nôtres en trois phrases. Cliquez sur OK.

Sélectionnez notre troisième paragraphe et cliquez sur notre nouveau "Style imbriqué".

Eww, ça n'a pas l'air joli.

Double-cliquez sur "Style imbriqué" et sous les formats de caractères de base, définissez l'interlignage sur 24pt..

C'est mieux, voyez comment cela a changé automatiquement?

Et voilà, une page de styles.

Dernières pensées

Pour utiliser efficacement les styles dans InDesign, il est essentiel de jouer avec les options jusqu'à ce que vous sachiez ce qu'elles font, puis de planifier vos documents à l'avance en créant d'abord vos styles..

L'apprentissage de la typographie est également important, je n'ai pas essayé de rendre cela joli, car l'objectif du didacticiel était d'expliquer l'utilisation appropriée des styles de paragraphe et de caractère dans Adobe InDesign. Maintenant, c’est à vous d’utiliser ces outils et d’être créatif avec eux. Merci pour la lecture!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.