REC

Guide de production vidéo, montage et entretien de l'équipement

 WTVID >> Guide de production vidéo >  >> Montage Vidéo >> Logiciel de Montage Vidéo

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Lorsque vous souhaitez que votre texte se détache de l'arrière-plan, l'ajout d'un contour est souvent la solution. Décrire le texte le rend plus facile à lire et plus accrocheur sans effort. Cela donne également à votre texte un peu de style et de personnalité qui donne à tout un aspect plus cohérent.

Dans Photoshop, il existe plusieurs façons d'ajouter un contour de texte, en fonction de l'apparence recherchée et du contrôle que vous souhaitez sur le résultat final. Si vous recherchez un moyen simple de le faire, ce guide vous guidera à travers des instructions simples, étape par étape, sur la façon de tracer du texte dans Photoshop, ainsi qu'une astuce pratique pour rendre votre design encore plus élégant.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Partie 1. Comment tracer du texte dans Photoshop à l'aide de styles de calque

Idéal pour :les modifications rapides, les contours entièrement modifiables et les tâches de conception quotidiennes.

Si vous avez juste besoin d’un contour clair et ajustable pour les titres, les miniatures ou les graphiques des réseaux sociaux, cette méthode est la solution la plus simple. Les styles de calque dans Photoshop vous permettent d'affiner l'apparence de votre texte à tout moment sans l'aplatir ni perdre ses possibilités de modification.

Comment ajouter un contour au texte dans Photoshop

Commencez par sélectionner le calque sur lequel vous souhaitez que votre texte apparaisse. Ou créez-en un nouveau si nécessaire. Choisissez ensuite l'outil Texte dans la barre d'outils.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Cliquez n'importe où sur le canevas et saisissez les mots que vous souhaitez afficher.

Cliquez sur l'icône FX en bas du panneau Calques ou double-cliquez sur le calque lui-même pour ouvrir la fenêtre Style de calque. Activez l'option Trait en cochant sa case.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Dans les paramètres du trait, vous pouvez affiner le contour :

  • Ajustez le curseur Taille pour modifier l'épaisseur
  • Utilisez Position pour décider si le contour doit être placé à l'intérieur, à l'extérieur ou centré sur les bords du texte

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Étape 5

Choisissez votre couleur et votre mélange

Cliquez sur le sélecteur de couleurs pour choisir la couleur de votre contour. Vous pouvez également expérimenter avec le menu déroulant Mode de fusion pour décider de la manière dont le trait interagit avec le texte ou l'arrière-plan.

Une fois que vous êtes satisfait du résultat, appuyez sur OK pour confirmer et appliquer l'effet de texte encadré à votre image.

Partie 2. Comment décrire le texte sous forme de vecteur

Idéal pour :les conceptions évolutives, les logos et les graphiques imprimés haute résolution.

Par rapport à l'utilisation des styles de calque, cette méthode fonctionne en transformant votre texte en forme vectorielle. Une fois convertie, chaque lettre devient un chemin modifiable que vous pouvez ajuster point par point. Vous pouvez le redimensionner librement, chaque courbe et chaque angle, sans perte de qualité.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

C'est parfait si vous souhaitez tracer du texte dans Photoshop car vous souhaitez faire fonctionner des éléments de marque, des affiches ou une typographie détaillée, car ils doivent rester nets quelle que soit leur taille.

Comment créer un texte de contour dans Photoshop

Créez votre texte avec l'outil Texte (T), puis cliquez avec le bouton droit sur le calque de texte dans le panneau Calques et choisissez Convertir en forme.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Étape 2

Activer l'édition vectorielle

Choisissez n'importe quel outil vectoriel (par exemple, Sélection directe (A) ou Stylo (P)) dans la barre d'outils pour révéler les points d'ancrage et les chemins du texte.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Utilisez la barre d'options supérieure (ou le panneau Propriétés) pour définir le remplissage et le contour. Ajustez la couleur, l'épaisseur et l'alignement du trait pour définir l'apparence du contour.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Lorsque vous êtes satisfait du résultat, confirmez vos paramètres (cliquez sur OK si vous y êtes invité) pour finaliser le contour vectoriel.

Partie 3. Comment tracer un texte sans remplissage (effet de texte creux)

Idéal pour :des styles de texte et des effets de superposition modernes, légers et élégants.

Si plus tôt vous avez appris à ajouter un contour solide autour de votre texte, cette fois, vous pouvez également définir les polices dans Photoshop, sauf que seules les bordures restent visibles.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Cet effet est appelé effet Texte creux, dans lequel l'intérieur de chaque lettre devient transparent. Il donne à votre design un aspect épuré et moderne qui semble plus léger, ce qui est souvent utilisé pour des mises en page minimalistes ou tout projet créatif nécessitant un traitement de texte élégant mais subtil.

Comment ajouter un trait au texte dans Photoshop sans remplissage

Sélectionnez votre calque de texte et double-cliquez sur la vignette du calque (ou cliquez sur FX en bas du panneau Calques).

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Dans la liste de gauche, cliquez sur Options de fusion : Par défaut et faites glisser l'opacité de remplissage jusqu'à 0 % (laissez l'opacité à 100 %) jusqu'à ce que seul le contour reste visible. Cliquez sur OK pour enregistrer les modifications.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Conseil : Utilisez l'opacité de remplissage, pas l'opacité. L'opacité du remplissage masque le remplissage du texte mais garde les styles de calque (comme le trait) visibles.

Étape 2

Activer le trait et rendre le remplissage transparent

Vérifiez le trait, puis définissez la taille, la position (souvent, l'extérieur est le meilleur) et la couleur.

Pour obtenir le même effet de texte creux avec un contour vectoriel :

  1. Accéder à la fenêtre Style de calque
  2. Cliquez sur la case à côté de Stroke
  3. Cliquez sur l'icône Remplissage dans le menu supérieur et sélectionnez l'icône Aucun remplissage (une case blanche barrée d'une ligne rouge inclinée).

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Partie 4. Comment décrire le texte et l'animer pour un look plus élégant

Après avoir appris à dessiner votre texte dans Photoshop, vous pouvez commencer à expérimenter différents styles et aller plus loin en le transformant en motion design ou en animation, comme ceci :

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Généré par Filmora

Photoshop peut être idéal lorsque vous vous concentrez sur la conception graphique ou sur des visuels statiques comme des affiches ou des bannières de réseaux sociaux. Mais ce n'est peut-être pas le choix le plus efficace lorsque vous souhaitez que votre texte souligné se déplace ou interagisse dynamiquement avec votre vidéo, pour plusieurs raisons :

  • Les contrôles d'images clés de Photoshop sont basiques et ne sont pas conçus pour les graphiques animés complexes.
  • Vous devez souvent déplacer votre projet vers Adobe After Effects pour créer une véritable animation, ce qui peut ralentir le processus.
  • Photoshop n'inclut pas de paramètres prédéfinis d'animation de texte prêts à l'emploi. Vous devez donc tout créer à partir de zéro.

Pour le faire efficacement, vous pouvez utiliser un éditeur vidéo comme Wondershare Filmora. Filmora peut vous aider à créer des effets de trait de base et également à ajouter des animations de chemin dynamiques en quelques clics. Tout est fait dans le même éditeur, sans la complexité des images clés ni l'installation de plugins tiers.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée Téléchargement sécurisé

Par exemple, vous pouvez :

  • Dessinez librement des tracés dans des vidéos à l'aide de l'outil Plume, similaire au concept vectoriel de Photoshop.
  • Animez ces chemins à l'aide de Trim Paths, afin que le contour trace ou révèle votre texte en temps réel.
  • Ajoutez des éléments pour suivre le chemin avec Path Follows, en ajoutant du mouvement et de l'énergie à ce qui serait autrement du texte statique, tout comme si vous animiez des graphiques le long d'un chemin dans Photoshop.
  • Superposez des transitions, des filtres ou des effets de lueur à l'aide des fonctionnalités intégrées de Filmora.
Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Ainsi, par rapport à Photoshop, Filmora est le meilleur choix lorsque vous souhaitez créer facilement des graphiques animés à partir de votre texte et faire bouger et mélanger naturellement votre texte décrit dans votre vidéo.

Photoshop Filmora
Type de sortie Images statiques (PSD, PNG, JPG) Formats vidéo (MP4, MOV, WMV, etc.)
Objectif Conceptions statiques, logos et graphiques prêts à imprimer. Projets de motion design et vidéo avec éléments animés.
Options de contour du texte Prend en charge les styles de calque (trait), les contours vectoriels et le texte creux (sans remplissage). Prend en charge les contours animés, les effets d'écriture manuscrite et les tracés de traits personnalisés.
Modibilité Le texte reste modifiable jusqu'à ce qu'il soit rastérisé ; les vecteurs permettent une précision évolutive. Le texte et les traits peuvent être créés par images clés pour des ajustements de mouvement ou de synchronisation avec un aperçu en temps réel
Outils d'animation Limité Vous permet d'animer avec des images clés, des préréglages de mouvement et une animation de chemin.
Intégration audio et vidéo Indisponible Disponible
Convient à Graphiques textuels, affiches et éléments haute résolution. Courtes vidéos, contenu de réseaux sociaux, introductions animées, etc.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée Téléchargement sécurisé

Comment tracer un texte dans Filmora (Basic)

Étape 1

Créez un nouveau projet et importez votre vidéo

Ouvrez Filmora et démarrez un nouveau projet. Ensuite, importez la vidéo que vous souhaitez éditer en la faisant glisser dans l'onglet Média ou en cliquant sur Importer un média. Une fois ajoutée, faites glisser la vidéo sur la timeline.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Étape 2

Ajoutez un titre à votre vidéo

Accédez à l'onglet Titres en haut et parcourez les préréglages disponibles. Vous pouvez choisir parmi des titres simples par défaut ou explorer des modèles plus créatifs. Faites glisser le titre de votre choix sur la timeline au-dessus de votre piste vidéo.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Étape 3

Personnalisez le texte et ajoutez un contour

Cliquez sur le titre dans votre timeline pour ouvrir le panneau d'édition de texte sur le côté droit. Ici, vous pouvez modifier la police, la taille, l'alignement, la couleur et d'autres paramètres.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Pour simplement décrire votre texte, activez l’option Contour. Ajustez les curseurs d’opacité, de flou et d’épaisseur pour contrôler l’apparence grasse ou douce du contour. Vous pouvez également cliquer sur la case de couleur pour choisir votre couleur de contour préférée.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Vous pouvez également concevoir et créer un texte de plan personnalisé à l'aide de l'outil Plume de Filmora. Vous pouvez l'utiliser pour dessiner des courbes, des lignes droites ou des formes uniques qui forment les lettres comme vous le souhaitez.

Comment tracer librement du texte à l'aide de l'outil Plume

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Étape 1

Tracez le contour du texte

Une fois votre texte déjà en place, ouvrez l'outil de dessin dans la barre d'outils, puis choisissez l'outil Plume pour commencer à créer votre chemin personnalisé.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Ensuite, utilisez votre texte comme guide visuel et tracez-le soigneusement avec l'outil Plume dans la fenêtre d'aperçu. Vous pouvez modifier le chemin au fur et à mesure pour ajouter plus de style à votre contour.

Remarque : Cliquer d'un point à un autre crée une ligne droite. Si vous souhaitez plutôt dessiner une courbe, cliquez et maintenez tout en faisant glisser pour façonner le chemin.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Étape 2

Ajustez et personnalisez le contour

Pendant le traçage, affinez votre contour en ajustant le point d'ancrage. Pour modifier l'apparence, accédez au menu Trait> Effets dans le panneau Propriétés et ajustez la couleur du contour, l'épaisseur (poids) et d'autres paramètres visuels.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Une fois que tout semble bon, vous pouvez supprimer la piste de texte d'origine afin qu'il ne reste que votre plan.

Si vous souhaitez ajouter un effet lumineux comme du néon et du feu autour du chemin, vous pouvez choisir parmi les préréglages disponibles. Cliquez sur votre style d'éclat préféré pour l'appliquer.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Étape 3

Animer le contour à l'aide du chemin de découpage

Pour commencer à déplacer le contour, vous devez utiliser les chemins de coupe.

  1. Sélectionnez toutes les pistes Pen Path que vous souhaitez modifier sur la timeline.
  2. Déplacez la tête de lecture au début de la timeline.
  3. Définissez Début =0 % et Fin =0 %, puis créez la première image clé en cliquant sur l'icône d'image clé à côté de Fin.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Après cela, déplacez la tête de lecture jusqu'au moment où vous souhaitez que l'animation se termine. Fin du changement =100 %. Une deuxième image clé sera ajoutée automatiquement. Sinon, vous pouvez l'ajouter manuellement.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

  • Le premier au début de la timeline, avec la valeur Fin définie sur 0 %
  • Le deuxième à l'endroit où vous souhaitez que l'animation se termine, avec la valeur Fin définie sur 100 %.

Relisez pour voir la ligne tracée du début à la fin.

Étape 4

Lier un objet pour suivre le chemin

Pour ajouter un objet en mouvement qui suit le chemin animé, ouvrez le menu à côté de Path Follow.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Ensuite, choisissez comment vous souhaitez attacher un élément à votre chemin :

  • Utilisez un préréglage de la bibliothèque intégrée.
  • Importez votre propre objet ou image depuis votre ordinateur.
  • Sélectionnez un élément existant déjà placé dans la timeline.

Après avoir choisi l'objet, cliquez sur Appliquer. L'élément sélectionné se déplacera le long du chemin, en suivant la direction et la vitesse de votre animation.

Conclusion

Le contour du texte dans Photoshop est l'une de ces techniques simples qui peuvent complètement changer la façon dont vous concevez votre texte. Et pour ce faire, vous n'avez plus aucun problème puisque nous avons abordé plusieurs façons d'ajouter un trait au texte dans Photoshop.

Si vous souhaitez aller plus loin, essayez d'ajouter du mouvement à votre texte décrit. Vous pouvez tout faire dans Filmora, ou même importer le texte que vous avez créé dans Photoshop et l'animer là-bas. C'est un moyen simple de faire bouger vos créations et de les rendre plus vivantes dans les vidéos.

Photoshop :Ajouter des contours de texte – Guide du débutant pour une typographie améliorée

Filmora

Application et logiciel de montage vidéo IA

Le meilleur outil pour créer des vidéos n'importe où pour tous les créateurs !

Votre premier montage vidéo parfait commence ici - Aucune expérience requise


  1. Stop Motion Studio :guide du débutant et meilleures alternatives (2024)

  2. 7 techniques pour des photos de nature originales (et époustouflantes)

  3. Comment créer un effet photogramme avec un processus numérique

  4. Leçons des Maîtres :Robert Capa et Jerry Uelsmann

  5. Conseils de dépannage pour Final Cut Pro X

Logiciel de Montage Vidéo
  1. Comment utiliser une petite boîte à soft avec vos portraits de transformée flash

  2. Tutoriel de base Photoshop Comment ajouter des superpositions créatives de vos portraits

  3. Salle avec vue:comment créer ce portrait de blinds de fenêtre n'importe où

  4. Comment utiliser les outils de transformation et de recadrage de Lightroom améliorent la composition

  5. Meilleurs convertisseurs FLV en MP4 pour YouTube en 2024 - Meilleurs choix

  6. Comment résoudre le bégaiement et la lecture lente dans Adobe Premiere Pro

  7. Comment utiliser Photoshop Mélanger les modes pour les portraits de beaux-arts

  8. Comment utiliser des gels colorés créent des portraits uniques et créatifs