Composition typographique

 

Composition typographique

Ce tutoriel est écrit avec Photoshop CS 6.

Cet exercice consiste à créer une composition avec les mots : Festival de musique classique.

Techniques utilisées : outils Texte et Déplacement, panneau Caractère et transformation.

 

Outils utilisés :

  Texte   T : L’outil Texte est un outil d’écriture, on peut l’utiliser soit directement en écrivant avec l’outil, soit en faisant un copier/coller de texte. On peut également créer un Paragraphe, c’est à dire un cadre contenant du texte. On peut choisir ou modifier la police utilisée, sur l’ensemble ou une partie seulement du texte. On peut déplacer un texte, le déformer, l’étirer ou l’orienter.
  Déplacement   V : Les images, les calques et les textes se déplacent à l’aide de l’outil Déplacement. Maintenir la touche Maj permet d’aller en ligne droite. Maintenir la touche Alt et déplacer le calque, permet de le dupliquer.

 

Composition typographique :

Écrire le texte :

créer un nouveau document par le menu Fichier / Nouveau ou les touches Ctrl + N
dans la fenêtre, entrer Largeur 800 pixels et Hauteur 600 pixels, dans le champ Résolution entrer 72 ppp

Nouveau document

prendre l’outil Texte ou touche T

Cet outil se paramètre à l’aide du panneau Caractère qu’on affiche par le menu Fenêtre / Caractère.
On peut également accéder aux paramètres principaux dans la barre de l’outil, en haut de l’écran.

Options de l'outil Texte et panneau Caractère

L’outil Texte permet d’écrire et d’attribuer à son texte une famille de police (typographie) de son choix, une taille, une inclinaison (italique, oblique…), la graisse (épaisseur de la lettre), la couleur et de modifier à loisir les caractères écrits.

dans l’image, cliquer avec l’outil, un curseur clignotant apparaît,
écrire le mot FESTIVAL

dans le panneau Caractère, modifier la police, en cliquant sur la petite flèche à droite de son nom

Choisir la police du texte

Dans le menu déroulant qui apparaît, vous pouvez voir toutes les polices installées dans votre système et donc choisir celle que vous voulez.

pour cet exercice, choisir la police IMPACT puis,
dans le panneau Caractère, dans le champ Taille (Corps) entrer 150 et appuyer sur la touche Entrée

Choisir la taille de la police

dans le panneau Caractère, cliquer sur l’icône de la couleur et dans le Sélecteur de couleur qui s’affiche, choisir le ROUGE vif en déplaçant le curseur (petit cercle vide) en haut à droite de la fenêtre des couleurs

La valeur dans le champ #, en bas du panneau est ff0000, vous pouvez aussi entrer directement cette valeur et valider avec la touche Entrée.

Choisir la couleur

Le choix des couleurs vous appartient complètement, dans notre exemple nous prenons des couleurs vives, mais peu importe pour cet exercice.

Pour écrire en majuscule vous pouvez soit activer le Verrouillage majuscule de votre clavier, soit utiliser la fonction présente dans le panneau Caractère qui permet de convertir le texte en capitales.

Texte en capitales

Déformer le texte :

passer l’affichage en Plein écran avec menus, en cliquant sur l’icône tout en bas du panneau des outils ou appuyer sur la touche F

Maintenant nous allons faire pivoter notre texte pour le mettre à la verticale.

utiliser le menu Edition / Transformation manuelle ou les touches Ctrl + T

Un cadre de transformation avec des poignées apparaît,
placer le pointeur à l’extérieur de ce cadre, il se transforme en icône double-flèche courbe, puis maintenir la touche Maj et faire pivoter le cadre de transformation vers la gauche, à la verticale

La touche Maj permet de faire pivoter de 15 degrés successifs.

faire pivoter jusqu’à la verticale, donc à 90 degrés vers la gauche, puis placer le pointeur à l’intérieur du cadre et le déplacer, pour le positionner sur le coté gauche dans l’image

Faire pivoter puis déplacer le texte

valider la transformation en faisant un double-clic dans le cadre de transformation

On peut aussi faire pivoter directement un calque de texte par le menu, mais de façon paramétrée, en utilisant le menu Edition / Transformation / Rotation 90° antihoraire

ensuite déplacer le calque de texte avec l’outil Déplacement ou touche V ou les touches Flèche du clavier, pour le positionner dans l’image

Ainsi notre FESTIVAL se trouve à la verticale.

Ajouter du texte :

prendre l’outil Texte et cliquer dans l’image, mais pas sur le texte déjà écrit, sinon cela permet de le modifier, il faut cliquer dans un emplacement vide en dehors de la surface occupée par le texte

écrire DE en majuscule

prendre l’outil Déplacement en cliquant sur son icône dans le panneau des outils

activer le Magnétisme par le menu Affichage / Magnétisme ou les touches Maj + Ctrl + :

Le magnétisme est une aide visuelle (qu’on ne voit pas d’ailleurs) qui permet d’aimanter automatiquement des calques entre-eux, par exemple pour les aligner .

déplacer le mot DE et le positionner à droite du A de FESTIVAL

puis dans le panneau Caractère, diminuer la Taille de la police à 100 pt, pour cette image

Vous pouvez déplacer le calque DE, avec l’outil Déplacement, et ajuster sa taille, dans le panneau Caractère, en fonction de la position choisi et de la taille du texte FESTIVAL.

Réglages du texte dans le panneau Caractère

C’est une simple question d’harmonie, mais toute idée est la bienvenue.

Ajouter un texte et le déformer :

Toujours dans le même soucis de composition, nous allons disposer le mot MUSIQUE de façon à ce que la hauteur du mot coïncide avec l’écart entre le E et le V de Festival.

Au lieu de configurer notre texte avec le panneau Caractère, nous allons utiliser la fonction de Transformation.

avec l’outil Texte, cliquer dans l’image et écrire le texte MUSIQUE, puis le configurer dans le panneau Caractère, en Noir, toujours avec la police Impact et une taille de 250 pt

Écrire le texte Musique

prendre l’outil Déplacement et positionner le coin en haut à gauche du M juste à coté du V

Aligner le coin du M

Vous pouvez également déplacer le calque de texte avec les Flèches du clavier, pour être plus précis.

utiliser le menu Edition / Transformation ou les touches Ctrl + T

placer le pointeur sur l’angle inférieur droit du cadre de transformation et ramener ce coin vers le centre de l’image, comme sur la capture

Transformer le texte et le positionner

Il faut aligner le texte de façon harmonieuse, sur les 2 coins des lettres du mot Festival (les ronds verts sur la capture). Vous pouvez déplacer le cadre de transformation en plaçant le curseur à l’intérieur. Vous pouvez également redimensionner ce cadre en le prenant par sa ligne horizontale du bas ou du haut.

Tant que le cadre de transformation est actif (visible) vous pouvez transformer le texte.

une fois la position trouvée, valider la transformation en faisant un double-clic dans le cadre

Valider la transformation

Ainsi notre composition FESTIVAL DE MUSIQUE répond à des choix esthétiques.

On aurait également pu configurer la forme de ce texte à l’aide du panneau Caractère,
cela donnerai les choix suivants, taille (Corps) 392, Approche à – 20, Echelle horizontale à 41 %

Réglages du texte dans le panneau Caractère

Mais une transformation manuelle ne correspond pas toujours à des valeurs exactes dans le panneau Caractère.

Ajouter du texte :

Dernière mise en place avec le dernier mot CLASSIQUE, que nous positionnons en bas du mot MUSIQUE, dans l’espace entre le F et la jambe du Q.

écrire le mot CLASSIQUE, dans une zone libre de l’image, donc pas sur un texte déjà présent (sa zone d’édition)

Vous pouvez annuler l’outil Texte en appuyant sur la touche Echap du clavier (ou ESCAPE) ou en prenant un autre outil dans le panneau des outils, puis cliquer ailleurs dans l’image pour ne pas activer un texte existant

dans le panneau Caractère, choisir les valeurs de couleur Noire, police ARIAL, taille 60 pt, et Echelle verticale 70 %

Réglages du texte dans le panneau Caractère

déplacer le texte avec l’outil Déplacement et le positionner sous MUSIQUE, comme sur la capture

Positionner le texte

Lorsqu’une composition graphique utilise un titre et un texte, soyons toujours attentifs à la qualité de la composition, au choix de la police, de sa couleur et à la disposition dans la page.

De magnifiques mise en pages se font avec uniquement du texte et des mots. Le travail de composition et de mise en page des textes, des titres, des mots et le travail de création autour des caractères de police s’appelle la Typographie.

Notre composition est terminée.

L’image finale se trouve au début du tutoriel ▲

 

Ce tutoriel a été créé par ---/// F®K Design ///---. Photoshoplus en a créé une nouvelle version, avec son autorisation.
Toute reproduction, exploitation ou diffusion du présent document est interdite.

Articles similaires :