Comment rendre le texte transparent dans Photoshop

Vous devez ajouter du texte à une image mais vous n'avez pas d'endroit approprié pour l'insérer ? Essayez d'ajouter du texte transparent dans Photoshop !

Ce tutoriel vous montrera comment créer une zone de texte transparente, ce qui signifie que le texte lui-même sera complètement transparent, permettant à l'image en dessous de transparaître. Nous entourons le texte d'un bloc de couleur solide, généralement blanc, révélant la forme des lettres, puis le texte devient le cadre du sujet. Il s’agit d’une excellente astuce de conception pour les images qui sont si chargées que le texte n’est pas facile à lire.

Créer du texte transparent dans Photoshop est facile. Commencez par ajouter un nouveau calque au-dessus de l’image et remplissez-le de blanc. Ajoutez ensuite votre texte. Pour rendre le texte transparent, nous utiliserons les options de fusion avancées de Photoshop pour transformer le calque typographique en calque de surbrillance. Cela percera des trous dans la forme des lettres, menant directement à l'image ci-dessous.

Étape 1 : Ouvrez l'image

Commencez par ouvrir l’image à laquelle vous souhaitez ajouter un effet de transparence. Par exemple, j'ai téléchargé cette image de la skyline de New York depuis Adobe Stock :

Comment rendre le texte transparent dans Photoshop
Image originale.

Étape 2 : ajouter un nouveau calque

Dans le panneau Calques, l’image se trouve sur le calque d’arrière-plan. Cliquez sur l’ icône Ajouter un nouveau calque en bas du panneau Calques.

Comment rendre le texte transparent dans Photoshop
Cliquez sur l’icône Ajouter un nouveau calque.

Un nouveau calque vierge nommé Calque 1 apparaît au-dessus de l'image.

Nous utiliserons ce calque pour créer la zone blanche autour du texte.

Comment rendre le texte transparent dans Photoshop
Nouvelle couche vierge.

Étape 3 : Remplissez le nouveau calque avec du blanc

Remplissez le calque de blanc en allant dans le menu Edition dans la barre de menu et en sélectionnant Remplir .

Comment rendre le texte transparent dans Photoshop
Sélectionnez la commande Remplir dans le menu Edition.

Dans la boîte de dialogue Remplissage , définissez Contenu sur Blanc. Cliquez ensuite sur OK.

Comment rendre le texte transparent dans Photoshop
Définir le contenu sur blanc

Photoshop remplira le calque de blanc, bloquant temporairement l'image de la vue.

Comment rendre le texte transparent dans Photoshop
Le résultat après avoir coloré la couche en blanc.

Étape 4 : Réduisez l’opacité du calque

Dans le panneau Calques, réduisez l’opacité du calque 1 à 75 %.

Comment rendre le texte transparent dans Photoshop
Diminuer l'opacité du calque.

Lorsque l'opacité est réduite, l'image est désormais partiellement visible afin que nous puissions voir lors de l'ajout de texte.

Comment rendre le texte transparent dans Photoshop
Résultat après réduction de l'opacité du calque.

Étape 5 : Sélectionner l’outil Type

Dans la barre d’outils, sélectionnez l’outil Texte .

Comment rendre le texte transparent dans Photoshop
Sélectionnez l’outil Texte de Photoshop.

Étape 6 : Choisir la police

Dans la barre d’options, sélectionnez votre police. L'exemple utilisera Futura PT Heavy, mais n'importe quelle police avec du texte épais fonctionnera.

Comment rendre le texte transparent dans Photoshop
Sélectionnez la police dans la barre d’options.

Toujours dans la barre d’options, définissez la taille de la police sur 150 pt. Nous devrons redimensionner le texte une fois que nous l'aurons ajouté, mais cela devrait nous donner un point de départ suffisamment grand.

Comment rendre le texte transparent dans Photoshop
Sélectionnez la taille de police initiale.

Étape 7 : définissez la couleur du texte sur noir

Avant de quitter la barre d’options, assurez-vous que la couleur du texte est définie sur noir. Sinon, appuyez sur D sur votre clavier pour réinitialiser les paramètres par défaut.

Le noir nous permettra de voir le texte devant un fond blanc, mais disparaîtra lorsque nous rendrons le texte transparent.

Comment rendre le texte transparent dans Photoshop
Le texte sera désormais noir.

Étape 8 : Ajouter du texte

Cliquez à l'intérieur du document et ajoutez votre texte. L'exemple saisirait les mots NEW YORK CITY.

Comment rendre le texte transparent dans Photoshop
Ajouter du texte.

Cliquez sur la coche dans la barre d’options pour accepter.

Comment rendre le texte transparent dans Photoshop
Cliquez sur la coche.

Dans le panneau Calques, le nouveau calque de texte apparaît au-dessus du calque 1.

Comment rendre le texte transparent dans Photoshop
Nouveau calque de texte.

Étape 9 : Modifier la taille du texte

Allez dans le menu Edition du menu et sélectionnez Transformation libre .

Comment rendre le texte transparent dans Photoshop
Sélectionnez la commande Transformation libre.

Photoshop entoure le texte avec une zone de transformation et des poignées.

Mais avant de faire glisser les poignées, accédez à la barre d'options et assurez-vous que l'icône de lien entre les champs Largeur et Hauteur est sélectionnée. Cela verrouillera le rapport hauteur/largeur du texte lors du redimensionnement afin que les lettres ne se déforment pas.

Comment rendre le texte transparent dans Photoshop
La largeur et la hauteur doivent être liées ensemble.

Faites ensuite glisser n’importe quelle poignée pour redimensionner le texte.

Ici, l'exemple rendra le texte plus grand pour couvrir autant que possible l'image.

Comment rendre le texte transparent dans Photoshop
Faites glisser les poignées d’angle pour redimensionner le texte.

Cliquez ensuite et faites glisser à l’intérieur de la zone de transformation pour repositionner le texte. L'exemple déplacera le texte devant la bordure de l'eau.

Une fois terminé, appuyez sur Entrée (Win) / Retour (Mac) sur votre clavier pour accepter et fermer Free Transform.

Comment rendre le texte transparent dans Photoshop
Faites glisser le texte en position.

Étape 10 : Modifier les options de fusion

Dans le panneau Calques, assurez-vous que le calque de texte est sélectionné et cliquez sur l’ icône Effets de calque (fx) en bas.

Comment rendre le texte transparent dans Photoshop
Cliquez sur l'icône fx.

Ensuite, sélectionnez Options de fusion dans le menu supérieur.

Comment rendre le texte transparent dans Photoshop
Sélectionnez les options de fusion.

Cela ouvrira la boîte de dialogue Style de calque de Photoshop définie sur les options de fusion principales.

Dans la section Fusion avancée , changez Knockout de Aucun à Superficiel. Cela transformera le calque de texte en calque de suppression, ce qui signifie que Photoshop utilisera la forme des lettres pour percer le calque 1 et afficher l'image sur le calque d'arrière-plan.

Comment rendre le texte transparent dans Photoshop
Changez Knockout en Shallow.

Vous ne verrez pas l'effet tant que vous n'aurez pas fait glisser l'opacité de remplissage jusqu'à 0 %.

Comment rendre le texte transparent dans Photoshop
Faites glisser l'opacité du remplissage jusqu'à 0 %

Cliquez sur OK pour fermer la boîte de dialogue Style de calque .

Non seulement le texte lui-même devient transparent, mais la zone du calque 1 directement sous le texte le devient également, comme si le texte avait été perforé.

L'image sur le calque d'arrière-plan est désormais visible à travers les lettres.

Comment rendre le texte transparent dans Photoshop
Résultats avec des images actuellement affichées sur du texte.

Étape 11 : Sélectionnez le calque 1

Redimensionnez la zone blanche autour du texte afin qu'elle ne couvre pas toute l'image.

Cliquez sur Calque 1 dans le panneau Calques pour sélectionner le Calque 1.

Comment rendre le texte transparent dans Photoshop
Sélectionnez le calque de remplissage blanc.

Étape 12 : redimensionner le calque à l’aide de la transformation libre

Revenez au menu Edition et sélectionnez Transformation libre.

Comment rendre le texte transparent dans Photoshop
Sélectionnez la commande Transformation libre.

Avant de faire glisser les poignées de transformation, revenez à la barre d'options et cette fois, dissociez les champs Largeur et Hauteur. Cela nous permettra de faire glisser les poignées librement sans nous soucier du rapport hauteur/largeur.

Comment rendre le texte transparent dans Photoshop
Dissocier la largeur et la hauteur.

Faites ensuite glisser les poignées supérieure et inférieure vers le texte. Appuyez sur Entrée (Win) / Retour (Mac) sur votre clavier lorsque vous avez terminé.

Comment rendre le texte transparent dans Photoshop
Redimensionner la bordure blanche.

Étape 13 : Ajuster l’opacité du calque

Enfin, ajustez l’opacité du calque 1 pour affiner la visibilité du texte.

Augmenter l’opacité rendra la zone blanche autour du texte plus lisible. La réduction de l'opacité rendra floue la zone de texte sur l'image.

L'exemple définira l'opacité à 85 %.

Comment rendre le texte transparent dans Photoshop
Augmenter l'opacité du calque.

Après avoir augmenté l'opacité, le résultat final de la zone de texte transparente devrait ressembler à ceci.

Comment rendre le texte transparent dans Photoshop
Résultat final.
Sign up and earn $1000 a day ⋙

Leave a Comment

Quel est le meilleur outil de suppression d’arrière-plan photo AI ?

Quel est le meilleur outil de suppression d’arrière-plan photo AI ?

Les gens passent trop de temps à supprimer manuellement les arrière-plans, et l’IA n’est pas toujours la magie qu’elle prétend être.

Comment transformer une photo en croquis au crayon dans Photoshop

Comment transformer une photo en croquis au crayon dans Photoshop

Ce tutoriel vous montrera comment transformer facilement une photo en croquis au crayon à l'aide d'Adobe Photoshop.

Comment redimensionner correctement les images dans Photoshop

Comment redimensionner correctement les images dans Photoshop

De nombreuses personnes trouvaient le redimensionnement des images très ennuyeux jusqu'à ce qu'elles découvrent la méthode simple de protection basée sur les canaux de Photoshop.

Comment créer un effet daffiche pour vos photos dans Photoshop

Comment créer un effet daffiche pour vos photos dans Photoshop

Ajoutez un effet d'affiche rapide et facile à vos images à l'aide de Photoshop pour recréer l'aspect classique des affiches imprimées avec des couleurs d'encre limitées.

Comment créer un effet de couleur monochrome dans Photoshop

Comment créer un effet de couleur monochrome dans Photoshop

Ce tutoriel vous montrera une manière simple et rapide d'ajouter un effet de couleur monochrome à une image à l'aide d'Adobe Photoshop.

Comment créer une bordure dombre dans Photoshop

Comment créer une bordure dombre dans Photoshop

Ce tutoriel vous montrera comment ajouter un espace de toile et une ombre portée à votre photo dans Photoshop pour créer une bordure photo simple mais élégante.

Pourquoi Lens Blur est-il un outil Photoshop utilisé pour l’édition de photos artistiques ?

Pourquoi Lens Blur est-il un outil Photoshop utilisé pour l’édition de photos artistiques ?

L'outil Flou d'objectif d'Adobe facilite l'examen de vos photos, ajoutant de la profondeur et de la mise au point à vos photos.

Comment créer un effet dimage dans limage dans Photoshop

Comment créer un effet dimage dans limage dans Photoshop

Ce tutoriel vous montrera comment créer un effet d'image dans l'image sympa avec Adobe Photoshop en prenant une seule photo et en créant l'illusion qu'une version plus petite et recadrée de la même photo se trouve à l'intérieur.

5 raisons pour lesquelles lespace de travail génératif de Photoshop est la meilleure fonctionnalité dAdobe

5 raisons pour lesquelles lespace de travail génératif de Photoshop est la meilleure fonctionnalité dAdobe

Generative Workspace est l'une des principales fonctionnalités d'IA annoncées lors d'Adobe Max 2024. Ce sera le nouveau foyer de vos images et fichiers Generative AI.

Comment créer un effet de réflexion deau à laide du remplissage génératif dans Photoshop

Comment créer un effet de réflexion deau à laide du remplissage génératif dans Photoshop

Avec Generative Fill, optimisé par l'IA générative d'Adobe appelée Firefly, tout le monde peut ajouter des effets de réflexion d'eau réalistes à ses photos simplement en dessinant une sélection, en tapant quelques mots et en cliquant sur un bouton.

Comment coller une image dans une sélection dans Photoshop

Comment coller une image dans une sélection dans Photoshop

Ce didacticiel vous montrera comment copier une image et la coller dans une sélection d'une autre image à l'aide de la commande Coller dans d'Adobe Photoshop.

Comment convertir instantanément des photos en noir et blanc à contraste élevé dans Photoshop

Comment convertir instantanément des photos en noir et blanc à contraste élevé dans Photoshop

Ce tutoriel vous montrera comment convertir instantanément une photo noir et blanc à contraste élevé dans Photoshop à l'aide de Gradient Map.

Comment flouter rapidement une image sur une couleur darrière-plan dans Photoshop avec les dégradés dynamiques

Comment flouter rapidement une image sur une couleur darrière-plan dans Photoshop avec les dégradés dynamiques

Dans ce didacticiel, nous examinerons la méthode la plus récente et la plus simple pour faire fondre une image vers une couleur d'arrière-plan dans Photoshop, qui consiste à utiliser des dégradés dynamiques.

Reasons to use the Font browser feature in Photoshop

Reasons to use the Font browser feature in Photoshop

Font indecision is real. Help is just a few clicks away, because Adobe has a time-saving feature built into Photoshop. Its called the Font Browser!

Why is Photoshop more valuable than Canva Pro for creators?

Why is Photoshop more valuable than Canva Pro for creators?

Canvas simplicity makes it a popular tool. Photoshop, on the other hand, is not for the faint of heart - it has many features and takes time to learn.

Why doesnt the freezer have a light but the refrigerator does?

Why doesnt the freezer have a light but the refrigerator does?

Refrigerators are familiar appliances in families. Refrigerators usually have 2 compartments, the cool compartment is spacious and has a light that automatically turns on every time the user opens it, while the freezer compartment is narrow and has no light.

2 Ways to Fix Network Congestion That Slows Down Wi-Fi

2 Ways to Fix Network Congestion That Slows Down Wi-Fi

Wi-Fi networks are affected by many factors beyond routers, bandwidth, and interference, but there are some smart ways to boost your network.

Comment rétrograder diOS 17 à iOS 16 sans perte de données avec Tenorshare Reiboot

Comment rétrograder diOS 17 à iOS 16 sans perte de données avec Tenorshare Reiboot

Si vous souhaitez revenir à la version stable d'iOS 16 sur votre téléphone, voici le guide de base pour désinstaller iOS 17 et rétrograder d'iOS 17 à 16.

Que se passe-t-il dans le corps lorsque vous mangez du yaourt tous les jours ?

Que se passe-t-il dans le corps lorsque vous mangez du yaourt tous les jours ?

Le yaourt est un aliment merveilleux. Est-il bon de manger du yaourt tous les jours ? Si vous mangez du yaourt tous les jours, comment votre corps va-t-il changer ? Découvrons-le ensemble !

Quel type de riz est le meilleur pour la santé ?

Quel type de riz est le meilleur pour la santé ?

Cet article présente les types de riz les plus nutritifs et comment maximiser les bienfaits pour la santé du riz que vous choisissez.

Comment se réveiller à lheure le matin

Comment se réveiller à lheure le matin

Établir un horaire de sommeil et une routine de coucher, changer votre réveil et ajuster votre alimentation sont quelques-unes des mesures qui peuvent vous aider à mieux dormir et à vous réveiller à l’heure le matin.

Latest Bathroom Tower Defense Codes and How to Enter Codes

Latest Bathroom Tower Defense Codes and How to Enter Codes

Get Bathroom Tower Defense Roblox game codes and redeem them for exciting rewards. They will help you upgrade or unlock towers with higher damage.

4 façons dont lIA améliore les téléviseurs intelligents

4 façons dont lIA améliore les téléviseurs intelligents

De la meilleure qualité d’image et de son au contrôle vocal et bien plus encore, ces fonctionnalités alimentées par l’IA rendent les téléviseurs intelligents bien meilleurs !

Pourquoi ChatGPT est meilleur que DeepSeek

Pourquoi ChatGPT est meilleur que DeepSeek

Au début, les gens avaient de grands espoirs pour DeepSeek. En tant que chatbot IA commercialisé comme un concurrent sérieux de ChatGPT, il promet des capacités et des expériences de chat intelligentes.

Découvrez Fireflies.ai : le secrétaire IA gratuit qui vous fait gagner des heures de travail

Découvrez Fireflies.ai : le secrétaire IA gratuit qui vous fait gagner des heures de travail

Il est facile de manquer des détails importants lorsque l’on note d’autres éléments essentiels, et essayer de prendre des notes tout en discutant peut être distrayant. Fireflies.ai est la solution.

Comment élever un axolotl dans Minecraft et apprivoiser une salamandre dans Minecraft

Comment élever un axolotl dans Minecraft et apprivoiser une salamandre dans Minecraft

Axolot Minecraft sera un excellent assistant pour les joueurs lorsqu'ils opèrent sous l'eau s'ils savent comment les utiliser.

DeceptionAds Warning: New Malicious Ad Type Exploits Legitimate Services to Display Fake CAPTCHAs

DeceptionAds Warning: New Malicious Ad Type Exploits Legitimate Services to Display Fake CAPTCHAs

DeceptionAds is a new form of malvertising, where scammers use legitimate advertising platforms and make sure their malicious sites avoid censorship as much as possible.

What to do when you see the “AirTag Found Moving With You” warning?

What to do when you see the “AirTag Found Moving With You” warning?

Wondering what the Airtag Found Moving With You warning is? Its a safety feature on AirTags designed to prevent them from being used to track you.

Le pouvoir mystérieux du nombre 33 en numérologie

Le pouvoir mystérieux du nombre 33 en numérologie

En numérologie, le nombre 33 est souvent considéré comme un nombre puissant et mystique. Voici ce que vous devez savoir sur le nombre 33 en numérologie.

What is dark energy?

What is dark energy?

Dark energy is driving the accelerating expansion of the universe, but its nature remains a complete mystery. Heres what you need to know about dark energy.