FRFAM.COM >> Famille >> Technologie &Innovation >> Informatique

Travailler avec du texte dans Photoshop :un guide définitif

Si vous utilisez Photoshop pour vos projets de conception --- créer des logos, des affiches, des infographies ou toute autre chose --- alors vous aurez besoin de connaître la typographie.

Photoshop dispose de nombreux outils pour insérer du texte sur votre page et lui donner un aspect incroyable. Mais par où commencer ?

Dans ce petit guide, nous vous expliquerons tout ce que vous devez savoir sur l'utilisation de texte dans Photoshop.

Principes de base de l'outil de saisie dans Photoshop

Avant de commencer, faisons un bref aperçu des bases absolues pour travailler avec du texte dans Photoshop.

Vous ajoutez du texte à un document en utilisant l'un des Type outils. Vous pouvez les sélectionner dans la barre d'outils sur le bord gauche de l'écran, ou en appuyant sur T sur votre clavier.

Travailler avec du texte dans Photoshop :un guide définitif

Lorsque vous sélectionnez ceci, le Type les options apparaîtront dans la barre d'options en haut de l'écran. Les principaux sont :

  • Famille de police : Sélectionnez une police parmi celles installées sur votre ordinateur (ou depuis Typekit)
  • Style de police : Choisissez un style pour la police que vous avez sélectionnée, comme les versions Gras ou Oblique
  • Taille : Définissez la taille en points de votre type
  • Aligner le texte : Définissez le texte pour qu'il soit aligné à gauche, à droite ou au centre
  • Couleur : Choisissez une couleur pour votre texte
  • Annuler ou valider : Une fois que vous avez ajouté ou modifié du texte, vous devez confirmer pour l'appliquer à votre canevas, ou annuler pour l'annuler ou le supprimer

Chaque élément de texte va toujours sur son propre calque. Pour déplacer ou redimensionner le texte pendant l'édition, maintenez la touche Ctrl enfoncée ou Commande clé et faites-la glisser en place.

Vous pouvez modifier le texte ou modifier la police, la taille, etc. à tout moment. Pour ce faire, sélectionnez le Type et utilisez le curseur pour surligner le texte, comme vous le feriez dans un traitement de texte. Ne vous contentez pas de sélectionner le calque de texte.

Création de texte pour les titres et les en-têtes

La plupart des gens ajoutent et modifient du texte dans Photoshop en sélectionnant l'outil de texte horizontal. (ou le Vertical un si vous préférez), cliquez sur le canevas, puis commencez à taper.

Il s'agit de la meilleure option pour les titres, les en-têtes ou tout autre texte court d'une seule ligne.

Travailler avec du texte dans Photoshop :un guide définitif

Cliquer sur le canevas crée une zone de texte qui s'agrandit au fur et à mesure que vous tapez. Tout le texte va sur une seule ligne et ne revient jamais à une nouvelle ligne. Même lorsque vous atteignez le bord de la toile, la ligne continuera simplement sur le carton.

Travailler avec du texte dans Photoshop :un guide définitif

Si vous souhaitez ajouter des sauts de ligne, positionnez le curseur et appuyez sur Entrée . Mieux encore, créez des calques de texte distincts pour chaque ligne de votre en-tête. De cette façon, vous pouvez contrôler et positionner chacun individuellement.

Travailler avec du texte de paragraphe

Pour le corps du texte --- des morceaux de texte plus longs comme des paragraphes ou des listes --- créez d'abord une zone de texte.

Travailler avec du texte dans Photoshop :un guide définitif

Sélectionnez l'outil de type horizontal et définissez vos options de formatage de base. Cliquez et faites glisser en diagonale sur le canevas pour créer une zone de texte rectangulaire. Saisissez ou collez maintenant votre copie dans la zone.

Travailler avec du texte dans Photoshop :un guide définitif

La zone de texte est de taille fixe. Lorsque le texte atteint le bord droit, il s'enroule sur une nouvelle ligne. Si le texte est trop long, vous devez redimensionner la boîte pour rendre le reste visible (ou vous pouvez modifier la taille de la police, bien sûr).

Appuyez sur Ctrl + T (Windows) ou Cmd + T (Mac) puis maintenez Shift et faites glisser l'un des guidons pour agrandir la boîte.

Création de formes de zone de texte personnalisées

Vous n'êtes pas limité à travailler avec des zones de texte rectangulaires. Vous pouvez utiliser divers outils de forme ou dessiner de nouvelles formes manuellement avec l'outil Plume , puis remplissez-les avec du texte.

Travailler avec du texte dans Photoshop :un guide définitif

Sélectionnez l'une des forme ou utilisez l'outil Plume . Définir le mode outil vers Chemin dans le coin supérieur gauche de la barre d'options , puis dessinez votre forme sur la toile.

Travailler avec du texte dans Photoshop :un guide définitif

Saisissez maintenant l'outil de type horizontal et cliquez à l'intérieur du chemin que vous avez tracé. Cela transforme la forme en une zone de texte. Définissez maintenant l'alignement du texte sur Centre , et tapez ou collez votre texte dans la zone.

Les formes personnalisées sont utiles lorsque vous devez encadrer du texte autour d'images ou d'autres objets de votre conception.

Placer du texte sur une courbe dans Photoshop

Vous pouvez également définir votre texte pour qu'il suive la ligne d'une courbe.

Commencez par sélectionner l'outil stylo . Dans la barre d'options en haut, définissez le Mode Outil vers Chemin . Dessinez maintenant une courbe sur la toile. Si vous avez besoin d'une introduction à ce sujet, consultez notre guide d'utilisation de Photoshop Pen Tool.

Travailler avec du texte dans Photoshop :un guide définitif

Ensuite, sélectionnez l'outil de type horizontal . Passez le curseur sur le chemin que vous venez de tracer. Lorsque le curseur se transforme en une ligne ondulée, cliquez. Cela ancre une zone de texte au chemin.

Tapez maintenant votre texte.

Travailler avec du texte dans Photoshop :un guide définitif

Vous pouvez également définir votre texte pour qu'il suive le contour d'une forme. Le processus est le même, sauf que vous sélectionnez l'un des outils Forme au lieu du Stylo. Encore une fois, assurez-vous de définir le Mode Outil vers Chemin avant de le dessiner.

Pour ajuster la position du texte sur la courbe, utilisez l'outil de sélection directe . Passez le pointeur de la souris sur le texte et il se transformera en un curseur avec deux flèches. Cliquez et faites glisser le long de la ligne pour déplacer le texte le long de la ligne.

Cliquez et faites glisser sur la ligne pour définir si le texte doit s'afficher à l'intérieur ou à l'extérieur de la forme.

Masquage de texte dans Photoshop

Le dernier des principaux outils de texte de Photoshop est l'outil de masque de type horizontal et outil de masque de type vertical .

Ces outils ne placent pas de texte sur le canevas. Au lieu de cela, ils créent des formes textuelles que vous pouvez utiliser dans vos conceptions. Pour cette raison, il est important que vous choisissiez la bonne police avant de commencer. Vous ne pouvez pas revenir en arrière et le modifier plus tard.

Travailler avec du texte dans Photoshop :un guide définitif

Commencez par ouvrir une image dans Photoshop ou choisissez un calque contenant de la couleur.

Sélectionnez l'un des masques de type outils et définissez votre police. Cliquez maintenant sur le canevas et commencez à taper. Lorsque vous cliquez sur Commit bouton votre texte se transformera en une sélection.

Voici trois façons de l'utiliser :

Travailler avec du texte dans Photoshop :un guide définitif

Ajoutez une texture à votre texte. Cliquez sur Ajouter un masque de calque bouton en bas des Calques panneau. Cela rend l'arrière-plan transparent, ne laissant que les formes de texte contenant la texture de l'image d'origine.

Travailler avec du texte dans Photoshop :un guide définitif

Remplissez le texte avec la couleur d'arrière-plan. Appuyez sur Ctrl + Retour arrière ou Cmd + Retour arrière pour découper le texte et le remplacer par la couleur d'arrière-plan actuellement sélectionnée.

Travailler avec du texte dans Photoshop :un guide définitif

Découpez le texte de l'arrière-plan. Appuyez sur Maj + Ctrl + I ou Maj + Cmd + I pour inverser votre sélection. Appuyez maintenant sur Ctrl + J ou Cmd + J . Cachez le calque inférieur et vous aurez maintenant l'image d'origine avec une découpe transparente à la forme de votre texte.

Styliser du texte dans Photoshop

Maintenant que vous connaissez les principaux moyens d'insérer du texte sur votre page, comment allez-vous le styliser ? Nous avons déjà examiné les paramètres de base dans la barre des options. Il y a aussi quelques autres choses à savoir.

Travailler avec du texte dans Photoshop :un guide définitif
  • Orientation du texte : Basculer entre le texte horizontal et vertical
  • Anticrénelage : Définissez la netteté ou la fluidité de votre texte
  • Déformer le texte : Déformez le texte avec 15 styles prédéfinis
  • Ouvrir le panneau Caractère/Paragraphe : Ouvrir le panneau de réglage des paramètres de caractère
  • 3D : Passer à la vue 3D de Photoshop

Comme mentionné précédemment, vous devez sélectionner votre texte avec le curseur avant de pouvoir modifier sa mise en forme.

Les panneaux Caractère et Paragraphe

Cliquez sur le panneau Caractères et paragraphes bouton dans la barre d'options . Le premier onglet contient un ensemble d'options pour le formatage des caractères. Certains doublent les options que nous avons déjà vues (comme le choix des polices et des couleurs), tandis que les autres vous permettent d'affiner votre texte.

Travailler avec du texte dans Photoshop :un guide définitif
  • Menu du panneau : Cela inclut Aucune interruption , qui place un espace insécable entre deux mots pour s'assurer qu'ils restent sur la même ligne.
  • En tête : Cela vous permet d'ajuster la hauteur de ligne de votre texte. Le laisser défini sur Auto est généralement assez bon.
  • Crénage : Définit l'espacement entre une paire de caractères. Définissez l'option sur Métriques pour utiliser le design par défaut de votre police, ou Optical pour laisser Photoshop le définir automatiquement.
  • Suivi : Contrôle l'espacement entre tous les caractères de votre texte. Choisissez un suivi plus serré (un nombre négatif) pour ajouter du punch et de l'urgence à vos en-têtes.
  • Échelle verticale et échelle horizontale : Ces options étirent ou rétrécissent votre police verticalement ou horizontalement. Utilisez-les uniquement pour des cas de conception spécifiques --- si vous avez besoin d'une police plus large ou plus haute, choisissez une police différente.
  • Décalage de la ligne de base : Déplace les caractères sélectionnés au-dessus ou au-dessous de la ligne de base. Le plus souvent utilisé pour écrire des caractères en indice ou en exposant.
  • Faux gras et italique : Évitez-les dans la mesure du possible --- utilisez toujours les versions Gras ou Oblique de la police que vous avez choisie, si vous en avez.
  • Toutes en majuscules et petites majuscules : Mettez automatiquement votre texte en majuscule.
  • Autres options : Divers paramètres pour la création de caractères en indice et en exposant, le soulignement ou le contrôle de certaines polices OpenType.

Cliquez sur le paragraphe pour afficher les options de mise en forme de la mise en page de gros morceaux de texte.

Ici, vous pouvez mettre en retrait les marges gauche ou droite de votre zone de texte, ainsi que choisir d'utiliser ou non la césure.

Effets de texte dans Photoshop

Photoshop vous permet d'ajouter des effets à n'importe quel calque, y compris un calque de texte. Il vous permet d'ajouter une ombre portée qui fait ressortir votre texte sur l'arrière-plan de votre conception, ou peut-être d'ajouter un effet lumineux.

Travailler avec du texte dans Photoshop :un guide définitif

Double-cliquez sur le calque pour ouvrir le Style de calque boîte.

Sélectionnez Ombre portée et ajustez les paramètres, y compris l'opacité , Angle , et Distance . Assurez-vous que l'Aperçu est coché, vous obtenez ainsi une vue en temps réel de l'effet. Cliquez sur OK lorsque vous avez terminé.

La même approche vous permet d'ajouter une lueur extérieure au texte ou d'appliquer une texture à la police.

Rotation ou inclinaison du texte dans Photoshop

Pour faire pivoter ou incliner le texte, sélectionnez le calque de texte et appuyez sur Ctrl + T ou Cmd + T pour ouvrir l'outil de transformation gratuit .

Passez le pointeur de la souris sur le coin de la zone de délimitation jusqu'à ce que le curseur se transforme en une flèche incurvée. Maintenant, cliquez et faites glisser pour faire pivoter.

Travailler avec du texte dans Photoshop :un guide définitif

Pour incliner le texte, maintenez Maj + Ctrl ou Maj + Cmd et attrapez l'un des guidons sur le bord de la boîte. Faites glisser latéralement, puis appuyez sur Entrée pour confirmer.

N'oubliez pas qu'une trop grande inclinaison peut déformer votre police.

Travailler avec des polices dans Photoshop

Choisir la bonne police, ou la bonne paire de polices, est l'une des parties les plus essentielles de la conception graphique.

Sélectionnez les polices à l'aide des Polices déroulant dans la barre d'options . Vous verrez un petit aperçu pour chacun.

Travailler avec du texte dans Photoshop :un guide définitif

Marquez vos polices préférées en cliquant sur l'étoile icône à côté d'eux. Pour les retrouver, appuyez sur l'étoile icône dans la barre de menus.

Sélectionnez une police et choisissez Polices similaires pour parcourir toutes vos polices de caractères disponibles avec des caractéristiques similaires.

Pour augmenter vos choix de polices, cliquez sur Ajouter des polices à partir de Typekit icône dans les Polices menu déroulant.

Travailler avec du texte dans Photoshop :un guide définitif

Cela lance le site Web Typekit d'Adobe. Connectez-vous si nécessaire, puis parcourez et sélectionnez les polices que vous souhaitez ajouter. Cliquez sur Tout synchroniser bouton pour rendre tous les styles de cette police disponibles dans Photoshop. Vous pouvez également synchroniser uniquement les styles et les poids dont vous avez besoin.

Correspondance des polices d'autres images

Souvent, vous pouvez avoir une autre image contenant une police que vous souhaitez utiliser, mais que vous ne reconnaissez pas. Faire correspondre les polices de Photoshop L'outil peut aider à identifier ces polices mystérieuses, ou au moins proposer des alternatives similaires.

Travailler avec du texte dans Photoshop :un guide définitif

Ouvrez l'image et accédez à Type > Faire correspondre la police . L'outil place une superposition sur votre toile. Ajustez les repères de coupe pour mettre en surbrillance la police que vous souhaitez faire correspondre.

Quelques suggestions seront faites après quelques secondes. Choisissez-en un et cliquez sur OK .

Modifier une police

Lorsque vous concevez un logo, une astuce rapide que vous pouvez faire pour lui donner une touche unique consiste à modifier la police que vous utilisez. Vous pouvez le faire facilement dans Photoshop.

Sélectionnez le texte et accédez à Type > Convertir en forme . Cela rend le texte non modifiable.

Saisissez l'outil de sélection de chemin (A ) pour sélectionner des caractères individuels. Vous pouvez désormais modifier leur couleur, les déplacer ou les faire pivoter indépendamment du reste de votre texte.

Travailler avec du texte dans Photoshop :un guide définitif

Utilisez l'outil de sélection directe pour afficher le chemin de chaque caractère. Faites glisser les points d'ancrage pour modifier l'apparence de la police, et vous pouvez même utiliser l'outil plume pour ajouter de nouvelles courbes à vos lettres.

Et ensuite ? Plus d'astuces Photoshop

Le texte fait partie intégrante de la conception graphique et Photoshop propose des outils assez puissants pour contrôler l'apparence du texte sur votre page.

La prochaine étape consiste à apprendre à l'intégrer dans le reste de vos projets. Consultez notre guide pour travailler avec des graphiques vectoriels dans Photoshop et vous serez prêt à commencer à créer des icônes, des logos, des affiches et bien plus encore.


[]