Si vous utilisez Photoshop pour vos projets de conception (création de logos, d'affiches, d'infographies ou de tout autre élément), vous devez connaître la typographie.
Photoshop a beaucoup d'outils pour mettre du texte sur votre page et le rendre incroyable. Mais par où commencez-vous?
Dans ce petit guide, nous vous présenterons tout ce que vous devez savoir sur l'utilisation de texte dans Photoshop.
Tapez les bases de l'outil dans Photoshop
Avant de commencer, faisons un rapide aperçu des bases absolues pour travailler avec du texte dans Photoshop.
Vous ajoutez du texte à un document en utilisant l'un des outils de type . 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.
Lorsque vous sélectionnez cette option, les options Type s'affichent dans la barre des options en haut de l'écran. Les principaux sont:
- Famille de polices: Sélectionnez une police parmi celles installées sur votre ordinateur (ou à partir de Typekit)
- Style de police: choisissez un style pour la police sélectionnée, telle que les versions Bold ou Oblique.
- Taille: Définir la taille de point pour votre type
- Aligner du texte: Définir le texte à aligner à 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 sa propre couche. Pour déplacer ou redimensionner le texte pendant l'édition, maintenez la touche Ctrl ou Cmd enfoncée et faites-la glisser.
Vous pouvez modifier le texte ou modifier la police, la taille, etc. à tout moment. Pour ce faire, sélectionnez l'outil Texte et utilisez le curseur pour surligner le texte, comme vous le feriez dans un traitement de texte. Ne sélectionnez pas simplement le calque de texte.
Création de texte pour les titres et les en-têtes
Comment ajouter et modifier du texte dans Adobe Photoshop Comment ajouter et modifier du texte dans Adobe Photoshop Ajouter, modifier et modifier du texte dans Adobe Photoshop ne pouvait pas être plus simple. En savoir plus est de sélectionner l' outil de type horizontal (ou le type vertical si vous préférez), cliquez sur le canevas, puis commencez à taper.
C'est la meilleure option pour les titres, les en-têtes ou d'autres textes courts et simples.
En cliquant sur le canevas, vous créez une zone de texte qui se développe lorsque vous tapez. Tout le texte va sur une seule ligne, et ne se termine jamais à une nouvelle ligne. Même lorsque vous atteignez le bord de la toile, la ligne continue simplement sur le carton.
Si vous souhaitez ajouter des sauts de ligne, placez 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 le texte de paragraphe
Pour les copies de corps - des morceaux de texte plus longs comme des paragraphes ou des listes - créez d'abord une zone de texte.
Sélectionnez l' outil 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. Maintenant, tapez ou collez votre copie dans la boîte.
La zone de texte est une 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 changer la taille de la police, bien sûr).
Appuyez sur Ctrl + T (Windows) ou Cmd + T (Mac) puis maintenez la touche Maj enfoncée 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 les remplir avec du texte.
Sélectionnez l'un des outils Forme ou utilisez l' outil Stylo . Définissez le Mode outil sur Chemin dans le coin supérieur gauche de la barre des options, puis dessinez votre forme sur le canevas.
Maintenant, prenez l' outil Type horizontal et cliquez dans le chemin que vous avez dessiné. Cela transforme la forme en une zone de texte. Maintenant, définissez l'alignement du texte sur Centre et tapez ou collez votre texte dans la zone.
Les formes personnalisées sont utiles lorsque vous devez placer 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 suivre la ligne d'une courbe.
Commencez par sélectionner l' outil Stylo . Dans la barre des options en haut, définissez le mode Outil sur Chemin . Dessinez maintenant une courbe sur la toile. Si vous avez besoin d'une introduction à ce sujet, consultez notre guide d'utilisation de l'outil de stylo de Photoshop.
Ensuite, sélectionnez l' outil Type horizontal . Passez le curseur sur le chemin que vous venez de tracer. Lorsque le curseur devient une ligne ondulée, cliquez sur. Cela ancre une zone de texte dans le chemin.
Maintenant, tapez votre texte.
Vous pouvez également définir votre texte pour suivre le contour d'une forme. Le processus est le même, seulement vous sélectionnez l'un des outils de forme au lieu du stylo. À nouveau, veillez à définir le mode d'outil sur Chemin avant de le dessiner.
Pour ajuster la position du texte sur la courbe, utilisez l' outil Sélection directe . Passez le pointeur de la souris sur le texte et il deviendra un curseur avec deux flèches. Cliquez et faites glisser le long de la ligne pour shunter le texte le long de la ligne.
Cliquez et faites glisser sur la ligne pour définir si le texte doit s'exécuter à l'intérieur ou à l'extérieur de la forme.
Masquage du texte dans Photoshop
Les derniers outils de texte principaux de Photoshop sont l' outil de masque de type horizontal et l' outil de masque de type vertical .
Ces outils ne placent pas de texte sur la toile. Au lieu de cela, ils créent des formes à base de texte que vous pouvez utiliser dans vos conceptions. Pour cette raison, il est important de choisir la bonne police avant de commencer. Vous ne pouvez pas revenir en arrière et l'éditer plus tard.
Commencez par ouvrir une image dans Photoshop ou choisissez un calque contenant des couleurs.
Sélectionnez l'un des outils Type Mask et définissez votre police. Maintenant, cliquez sur la toile et commencez à taper. Lorsque vous cliquez sur le bouton Valider, votre texte devient une sélection.
Voici trois façons de l'utiliser:
Ajoutez une texture à votre texte. Cliquez sur le bouton Ajouter un masque de calque en bas du panneau Calques . Cela rend l'arrière-plan transparent, ne laissant que les formes de texte contenant la texture de l'image originale.
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.
Découpez le texte de l'arrière-plan. Appuyez sur Maj + Ctrl + I ou Maj + Cmd + I pour inverser votre sélection. Maintenant, appuyez sur Ctrl + J ou Cmd + J. Cacher le calque inférieur et vous aurez maintenant l'image originale avec une découpe transparente dans la forme de votre texte.
Styler le texte dans Photoshop
Maintenant que vous connaissez les principaux moyens d'obtenir 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.
- Direction du texte: basculer entre le texte horizontal et vertical
- Anticrénelage: définissez la netteté et la fluidité de votre texte
- Texte Warp: déformer 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ères
- 3D: Passer à la vue 3D de Photoshop
Comme mentionné précédemment, vous devez sélectionner votre texte avec le curseur avant de pouvoir changer sa mise en forme.
Les panneaux de caractères et de paragraphes
Cliquez sur le bouton Panneau de caractères et de paragraphes dans la barre des 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 de raffiner votre type.
- Menu du panneau: Cela inclut No Break, qui place un espace insécable entre deux mots pour s'assurer qu'ils restent sur la même ligne.
- Diriger: Cela vous permet d'ajuster la hauteur de ligne pour votre texte. Laisser le réglage sur Auto est généralement suffisant.
- Crénage: définit l'espacement entre une paire de caractères. Définissez l'option Metrics pour utiliser la conception par défaut pour votre police ou Optical pour laisser Photoshop la définir automatiquement.
- Suivi: contrôle l'espacement entre tous les caractères de votre texte. Choisissez un suivi plus strict (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 grande, choisissez une police différente. Voulez-vous des polices gratuites? Voici 25+ sites où vous les trouverez Vous voulez de magnifiques polices gratuites? Voici plus de 25 sites où vous les trouverez Plutôt que de parcourir des centaines de polices, voici quelques sites qui vous aideront à suivre toutes les nouvelles polices que vous utiliserez dans votre prochaine conception. Lire la suite .
- Baseline Shift: Déplace les caractères sélectionnés au-dessus ou en 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 autant que possible - utilisez toujours les versions Bold ou Oblique de votre police choisie, si vous en avez.
- Toutes les majuscules et minuscules: majuscule automatiquement votre texte.
- Autres options: Divers paramètres pour créer des caractères sub et exposants, soulignant ou contrôlant certaines polices OpenType.
Cliquez sur l'onglet Paragraphe pour afficher les options de mise en forme de la disposition de blocs de texte plus volumineux.
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 le fond de votre conception, ou peut-être d'ajouter un effet brillant.
Double-cliquez sur le calque pour ouvrir la boîte Style de calque .
Sélectionnez Ombre portée et réglez les paramètres, notamment Opacité, Angle et Distance . Assurez-vous que le bouton 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 externe 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 Transformation libre .
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.
Pour incliner le texte, maintenez les touches Maj + Ctrl ou Maj + Cmd enfoncées et prenez l'une des poignées sur le bord de la boîte. Faites glisser sur le côté, puis appuyez sur Entrée pour confirmer.
Rappelez-vous que trop de biais peut déformer votre police.
Travailler avec des polices dans Photoshop
Choisir la bonne police Stratégies de pairage de polices et outils pour des combinaisons parfaites de polices Stratégies et outils de pairage de polices pour des combinaisons de polices parfaites L'appariement de polices est à la fois un art et une science partielle. Ces stratégies et les outils d'appariement de polices vous aideront à choisir l'appariement parfait des polices pour n'importe quelle tâche. Lire la suite, ou paire de polices, est l'une des parties les plus essentielles de la conception graphique.
Sélectionnez les polices en utilisant la liste déroulante Polices dans la barre des options . Vous verrez un petit aperçu pour chacun d'eux.
Marquez vos polices préférées en cliquant sur l'icône Étoile à côté d'elles. Pour les retrouver, appuyez sur l'icône étoile dans la barre de menu.
Sélectionnez une police et choisissez Polices similaires pour parcourir toutes les polices de caractères disponibles avec des caractéristiques similaires.
Pour augmenter vos choix de polices, cliquez sur l'icône Ajouter des polices à partir de Typekit dans le menu déroulant Polices .
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 le bouton Tout synchroniser pour que tous les styles de cette police soient disponibles dans Photoshop. Vous pouvez également synchroniser uniquement les styles et les poids dont vous avez besoin.
Correspondance des polices d'autres images
Vous pouvez souvent avoir une autre image qui contient une police que vous souhaitez utiliser, mais que vous ne reconnaissez pas. L'outil Match Fonts de Photoshop peut aider à identifier ces polices mystères, ou au moins offrir des alternatives similaires.
Ouvrez l'image et allez dans Type> Correspondance police . L'outil place une superposition sur votre toile. Ajustez les marques de recadrage pour mettre en évidence la police que vous voulez faire correspondre.
Certaines suggestions seront faites après quelques secondes. Choisissez-en un et cliquez sur OK .
Ajuster une police
Lorsque vous concevez un logo Comment concevoir un logo simple dans Photoshop Comment créer un logo simple dans Photoshop Photoshop peut faire beaucoup plus que juste éditer des photos - il est plus que capable de travail de conception simple. Ici, nous vous montrons comment créer un logo géométrique simple. Lire la suite, un truc rapide que vous pouvez faire pour lui donner un tour unique est de modifier la police que vous utilisez. Vous pouvez le faire facilement dans Photoshop.
Sélectionnez le texte et sélectionnez Texte > Convertir en forme . Cela rend le texte n'est plus modifiable.
Prenez l' outil de sélection de chemin ( A ) pour sélectionner des caractères individuels. Vous pouvez maintenant changer leur couleur, les déplacer ou les faire pivoter indépendamment du reste de votre texte.
Utilisez l' outil 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 Stylo pour ajouter de nouvelles courbes à vos lettres.
Et après? Plus de conseils Photoshop
Le type fait partie intégrante de la conception graphique, et Photoshop offre des outils assez puissants pour contrôler l'apparence du texte sur votre page.
La prochaine étape est d'apprendre à l'intégrer dans le reste de vos projets. Consultez notre guide pour travailler avec des graphiques vectoriels dans Photoshop Créer et travailler avec des graphiques vectoriels dans Photoshop Créer et travailler avec des graphiques vectoriels dans Photoshop Photoshop est une alternative étonnamment efficace à Illustrator pour les graphiques vectoriels. Voici un tutoriel d'introduction sur la création de graphiques vectoriels dans Photoshop. Lisez la suite et vous serez prêt à commencer à créer des icônes, des logos, des affiches et bien plus encore.