Site de tutoriaux photoshop

Découvrez la Creative Suite CS5 Twitter - Follow me
Notion de texte

Tutoriel photoshop : Notion de texte

Tutoriaux photoshop > Notions, trucs et astuces > Tutoriel photoshop : Notion de texte


Aujourd'hui, je vais essayer de vous détailler toutes fonctionnalités de l'outil texteOutil texte et des fenêtres correspondantes : caractère et paragraphe.
Mais aussi les différentes possitibilités de déformation du texte.

Si vous restez appuyez sur l'outil texte vous verrez qu'il possède d'autres options comme tapper du texte verticalement ou, tapper du texte qui fera une sélection.

L'outil texte


Donc dans un premier temps prenez l'outil texte Outil texte, cliquez une fois sur votre zone de travail et tapper le texte que vous voulez.
Ici la zone n'est pas définie et évoluera en fonction des retours à la ligne que vous voudrez.

Notion de texte

Cela va vous créer automatiquement un calque texte qui se distingue des autres par son symbole T présent dans la vignette.

Notion de texte

Vous avez aussi la possibilité de déterminer une zone de texte. Pour cela toujours avec l'outil texte faites un cliqué glissé de la taille que vous souhaitez.

Notion de texte

Ici, vous n'aurez pas à vous préocuper d'effectuer des retours chariot. Une fois arrivé au bout de la zone de texte votre texte ira automatiquement à la ligne.

Notion de texte

Si la zone est par exemple trop grande, il vous suffit de prendre l'un des carrés des extrémités de la zone de texte et de le déplacer. Le texte continuera d'aller à la ligne comme il se doit.
Petit bémol, si la zone est plus petit que votre texte vous ne verrez plus la fin de votre texte.

Notion de texte

Vous pourrez aussi effectuer une rotation en allant prêt d'un angle.

Notion de texte

Ou même effectuer une inclinaison en appuyant simultanément sur la touche CTRL et en déplaçant l'un de ces carrés.

Notion de texte


La fenêtre caractère


Maintenant nous allons voir en détail la fenêtre caractère. Sur celle-ci vous pouvez définir la police de caractère, sa taille, sa graisse,... etc
Je tappe donc un texte au hasard (si je puis dire :)) et je le sélectionne.
Je change ma police de caractère en le passant en Courrier New et en bold (gras).

Notion de texte

Nous pouvons changer une partie du texte par exemple la couleur. Ici je mets du bleu à "psd" et à "com".
Pour cela il suffit de sélectionner la partie du texte que vous souhaitez et cliquez sur le rectangle "couleur" de la fenêtre.

Notion de texte

Voici le rendu une fois validé. (pour valider un texte utiliser la touche ENTREE du pavé numérique ou faite un CTRL+ENTREE (touche classique)

Notion de texte

Nous pouvons modifier le crénage (kerning) qui correspond au type de l'espacement des lettres. Nous avons le choix entre "optique" ou "métrique".

Notion de texte - Notion de texte

Tellement subtile que très peux utilisé, l'interlettrage est bien plus parlant. Dans mon exemple j'utilise par exemple un interlettrage de 200

Notion de texte

Ou encore un interlettrage de -100 ?

Notion de texte

Dans cette fenêtre nous pouvons aussi effectuer une modification de la hauteur ou encore de la largeur. Un peu à la manière d'une transformation avec homothétie (CTRL+T)
Dans l'exemple si dessous j'augmente sa hauteur à 200% (image à gauche) ou sinon j'augmente sa largeur à 150% (image de droite)

Notion de texteNotion de texte

Maintenant occupons nous de l'indice/exposant. Sélectionez la partie du texte que vous voulez descendre ou monter (en fonction baisser la valeur ou augmentez là).
Dans mon exemple je sélectionne file et je le passe à 30 pt.

Notion de texte

Une partie de la fenêtre caractère est composée de petites icones assez utiles lorsque certaines police n'ont pas forcément de bold ou d'italique par exemple.
Dans les 2 exemples ci-dessous je vous montre un peu la différence entre un vrai gras et un faux gras. (idem pour l'italique)

Notion de texteNotion de texte

Une option utile aussi nous pouvons écrire un texte tout en minuscule par exemple et en appuyant sur un bouton le passer tout en majuscule.

Notion de texte

Ou encore passer tout le texte en majuscule mais que ce qui était écrit en minuscule passe en "petite" majuscule.

Notion de texte

Nous avons la possibilité de passer une partie du texte en indice ou en exposant.

Notion de texteNotion de texte

Ou encore souligné un texte ou le barré.

Notion de texteNotion de texte

La liste déroulante en bas à gauche correspond au correcteur orthographique de Photoshop. Pour cela sélectionner le langage approrié et une fois votre texte aller dans le menu édition -> orthographe.
Sinon dernier élément de la fenêtre caractère, le lissage (aliasing).
Je pense qu'une simple illustration sera plus explicite qu'un long texte. En fait le contour d'un texte peut être plus ou moins lisser.

Notion de texte

La fenêtre paragraphe


Passons à présent à la fenêtre paragraphe. Celle-ci est surtout utile lorsque vous faites une zone de texte.
Ceux sont des options similaires à celles que l'on peut retrouver dans word et autres logiciels de traitement de texte.
Les 3 premières icones vous permettrons de gérer l'alignement de votre paragraphe : aligner à gauche, centré, aligné à droite.


Notion de texte
Notion de texte
Notion de texte


Les options suivant vous permettent de gérer comment votre texte doit être justifié : à gauche, centré, à droite ou dernière option sans alignement réel.

Notion de texte
Notion de texte
Notion de texte
Notion de texte


Autre partie intéressante, vous pouvez gérer la marge de gauche, la marge de droite, le retrait de la première ligne d'un paragraphe, l'espacement de début d'un paragraphe et celui de la fin.
Dans mon exemple :
- marge gauche : 15pt
- marge droite : 20pt
- retrait de la première ligne : 25pt
- l'espacement du début : 10pt
- l'espacement de fin : 5pt

Notion de texte

Dernière élément de la fenêtre la coche "césure" en fait la césure vous permet de dire au logiciel soit de mettre un trait d'union à la fin de ligne pour couper un mot, soit de le faire passer à la ligne.
Coché la césure si vous voulez que le dernier mot de la ligne soit coupé en 2 pour exploiter toute votre ligne, décoché sur vous souhaitez qu'il passe à la ligne si il est trop grand.

Une option que j'ai exprès homis (pour que ça soit plus parlant) dans la fenêtre caractère est l'interlignage. Retourner donc sur la fenêtre caractère pour pouvoir la modifier.
Dans mon exemple j'utilise un interlignage de 10pt.

Notion de texte


Déformer un texte


Un option est disponible sous photoshop qui vous pemettra de déformer votre texte.
Lui doner une forme de drapeau, poisson, arc... Une fois votre texte sélectionner cliquer sur l'icone présente sur la barre d'option (celle juste en dessous des menu) et cliquer sur l'icone
Déformer texte

Voici par exemple avec un effet drapeau.

Notion de texte


Autre solution sympatique celle d'écrire sur un tracé.
Pour cela prenez l'outil plume et dessinez un tracé. (cette solution peut être utile si vous souhaitez écrir autour d'une image ou autre)

Notion de texte


Maintenant reprenez l'outil texte Outil texte et placez votre curseur là où le texte doit commencer. (une sorte de courbe apparaitra sous le symbole texte)

Notion de texte

Il ne vous reste plus qu'à tapper le texte que vous souhaitez

Notion de texte


Voilà le tuto est à présent terminé j'espères qu'il vous aura permis de voir toutes les possibilités qu'offre cet outil dans photoshop.

Tutoriaux photoshop Bouton forum psd-file

Autres tutoriaux photoshop : Notions, trucs et astuces

Tutoriaux photoshop : Notion de calquesNotion de calques
Tutoriaux photoshop : Script - traitement par lotScript - traitement par lot
SW-Conception.com - Création de site internet