Dans ce tutoriel, nous apprenons à placer une image dans du texte, l’un des effets les plus populaires et classiques de Photoshop. Comme nous le verrons, grâce à la puissance des masques d’écrêtage, placer une image dans du texte avec Photoshop est simple et facile. Je vais utiliser Photoshop CS6 ici, mais ce tutoriel est également entièrement compatible avec Photoshop CC (Creative Cloud). Si vous utilisez une ancienne version de Photoshop, assurez-vous de consulter mon tutoriel original Placer une image dans le texte.,
Voici l’image que je vais utiliser (plage Hawaïenne photo à partir de ):
Et voici à quoi ressemblera la même image lorsqu’elle sera placée dans le texte:
commençons!
Comment Placer Une Image Dans Du Texte Avec Photoshop
Étape 1: Dupliquer Le calque d’arrière-plan
Ouvrez l’image que vous souhaitez placer dans votre texte., Avec l’image nouvellement ouvert, si vous regardez dans votre panneau Calques, vous verrez l’image assis sur le calque d’arrière-plan, actuellement la seule couche dans le document:
Nous devons faire une copie de ce calque. Accédez au menu Calque dans la barre de menus en haut de l’écran, choisissez Nouveau, puis choisissez Calque via Copie., Ou, vous pouvez sélectionner cette même commande à partir du clavier en appuyant sur Ctrl+J (Win) / Commande+J (Mac):
Photoshop crée une copie de la couche, la nomme « Calque 1 » et le place directement au-dessus du calque d’arrière-plan:
Étape 2: Ajouter un Calque de remplissage de Couleur Unie Blanche
Ensuite, ajoutons l’un des calques de remplissage de couleur unie de Photoshop à utiliser comme arrière-plan pour notre effet., Cliquez sur l’icône Nouveau Calque de remplissage ou de réglage en bas du panneau Calques:
Choisissez une couleur unie en haut de la liste qui apparaît:
Photoshop ouvrira le sélecteur de couleurs afin que nous puissions choisir la couleur avec laquelle nous voulons remplir le calque., Je vais utiliser du blanc pour ma couleur d’arrière-plan en entrant une valeur de 255 dans les cases R, G et B:
Cliquez sur OK pour fermer le sélecteur de couleurs. De retour dans le panneau Calques, nous voyons le calque de remplissage de couleur unie blanc (nommé « Color Fill 1 ») assis au-dessus des deux calques d’image:
Et comme le calque de remplissage se trouve au-dessus de nos deux calques d’image, le document est maintenant temporairement rempli de blanc:
Étape 3: Faites glisser le Calque de Remplissage de Couleur unie Sous le Calque 1
Nous devons déplacer le calque de remplissage de Couleur unie sous le Calque 1., Cliquez sur le calque de remplissage de couleur unie (assurez-vous de cliquer sur sa petite icône d’échantillon de couleur à gauche, pas sur l’icône de masque de calque à droite), et avec le bouton de votre souris toujours enfoncé, faites glisser le calque vers le bas jusqu’à ce qu’une barre de surbrillance apparaisse entre le calque d’arrière-plan et le calque 1:
Relâchez le bouton de la souris lorsque la barre de surbrillance apparaît pour déposer le calque de remplissage en place entre les deux calques d’image., Votre image réapparaîtra dans la fenêtre du document:
Étape 4: Sélectionnez le calque 1
Cliquez sur le calque supérieur (Calque 1) dans le panneau Calques pour le sélectionner:
Étape 5: Sélectionnez l’outil Type
Nous sommes prêts à ajouter notre texte. Sélectionnez l’outil Type de Photoshop dans le panneau Outils à gauche de l’écran. Vous pouvez également sélectionner l’outil Type en appuyant simplement sur la lettre T de votre clavier:
Etape 6: Choisissez Votre Police de caractères
Avec l’Outil sélectionné, aller à la Barre d’Options en haut de l’écran et choisissez votre police. Puisque notre objectif est de placer une image dans le texte, généralement les polices avec des lettres épaisses fonctionnent mieux. Je vais choisir Arial Black, mais bien sûr vous pouvez choisir n’importe quelle police que vous aimez. Ne vous inquiétez pas de la taille de la police pour l’instant. Nous redimensionnerons le type manuellement plus tard:
Étape 7: Définissez votre Couleur de type sur Blanc
Cette étape suivante n’est pas absolument nécessaire, mais pour nous aider à voir le texte au fur et à mesure que nous l’ajoutons, définissons notre couleur de type sur blanc. Si votre couleur de type est déjà définie sur blanc (ou une autre couleur que vous pouvez facilement voir devant votre image), vous pouvez ignorer cette étape. Pour changer la couleur du texte, cliquez sur l’échantillon de couleur dans la Barre d’Options:
Ceci ouvre à nouveau le Sélecteur de couleur. Je vais choisir le blanc comme je le faisais auparavant en entrant une valeur de 255 pour les options R, G et B., Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs:
Étape 8: Ajoutez votre texte
Avec votre outil de type sélectionné, votre police choisie et votre couleur de type définie sur blanc, cliquez à l’intérieur de votre document et ajoutez votre texte. Je vais taper le mot « HAWAII »:
Cliquez sur la coche dans la barre d’options lorsque vous avez terminé d’accepter votre texte et de quitter le mode d’édition de texte:
Apprenez tout sur le travail avec type dans Photoshop avec notre tutoriel Photoshop Type Essentials!
Étape 9: Faites glisser le Calque de type Sous le Calque 1
Si nous regardons dans le panneau Calques, nous voyons notre calque de type nouvellement ajouté au-dessus du calque 1, c’est pourquoi le texte apparaît devant l’image dans le document:
Nous devons le déplacer sous la couche 1., Cliquez sur le calque Type et, avec le bouton de la souris toujours enfoncé, faites-le glisser vers le bas jusqu’à ce qu’une barre de surbrillance apparaisse entre le calque 1 et le calque de remplissage Couleur unie:
Relâchez le bouton de la souris lorsque la barre de surbrillance apparaît pour déposer le calque Type en place:
Etape 10: Sélectionner le Calque 1
Cliquez de nouveau sur le Calque 1 pour le sélectionner et de le rendre actif:
Étape 11: Créer un Masque d’écrêtage
Avec le calque 1 sélectionné, cliquez sur la petite icône de menu dans le coin supérieur droit du panneau Calques:
Choisissez Créer un masque d’écrêtage dans le menu qui apparaît:
Cette opération agrège l’image du calque 1 au texte du calque de type situé en dessous, ce qui signifie que seule la zone de l’image située directement au-dessus du texte réel du calque de type reste visible, créant ainsi l’illusion que l’image est à l’intérieur du texte. Le reste de l’image est maintenant masqué et à sa place, nous voyons le calque de remplissage blanc uni:
Si nous regardons à nouveau dans le panneau Calques, nous voyons que le calque 1 a été indenté vers la droite, avec une petite flèche pointant vers le bas sur le calque de type en dessous. C’est ainsi que Photoshop nous permet de savoir que le calque Type est utilisé comme masque de détourage pour le calque 1:
Didacticiel connexe: Comment fonctionnent les masques d’écrêtage Photoshop
Étape 12: Sélectionnez le calque de type
Cliquez sur le calque de type pour le sélectionner et le rendre actif:
Étape 13: Redimensionner et Repositionner le Texte
Il ne reste plus qu’à déplacer et redimensionner le type, et nous pouvons faire ces deux choses en utilisant la commande Free Transform de Photoshop. Avec le calque de type sélectionné, accédez au menu Édition en haut de l’écran et choisissez Transformation libre. Ou, appuyez sur Ctrl + T ( Win)/Command+T (Mac) sur votre clavier pour sélectionner Transformation libre avec le raccourci:
Cela place la boîte de transformation Libre et gère (les petits carrés) autour du texte., Pour la redimensionner, il suffit de cliquer et de faire glisser l’une des poignées. Si vous souhaitez redimensionner le type sans déformer les formes originales des lettres, maintenez votre touche Maj enfoncée pendant que vous faites glisser l’une des quatre poignées d’angle. Vous pouvez également redimensionner le texte à partir de son centre en maintenant la touche Alt (Win) / Option (Mac) enfoncée pendant que vous faites glisser. Enfin, pour déplacer le texte, cliquez dans la zone Transformation libre et faites-le glisser en position avec votre souris:
Lorsque vous avez terminé, appuyez sur Entrée (Win)/Retour (Mac) pour accepter la transformation et sortir de la transformation libre:
Etape 14: Ajout d’Une Ombre portée (Facultatif)
Cette dernière étape est facultative, mais pour compléter l’effet, je vais ajouter une ombre portée. Si vous voulez suivre, avec le calque de type toujours actif, cliquez sur l’icône Styles de calque (l’icône « fx ») en bas du panneau Calques:
Choisissez Ombre portée en bas de la liste qui apparaît:
Cela ouvre la boîte de dialogue Style de calque définie sur les options d’Ombre portée dans la colonne du milieu. Je vais réduire l’opacité de l’ombre portée de sa valeur par défaut de 75% à 50% pour réduire son intensité, puis je vais définir l’angle de l’ombre à 120°., Je vais augmenter ma valeur de distance à 30px et la Taille à 40px, mais ces deux valeurs dépendent beaucoup de la taille de votre image, vous devrez donc peut-être jouer avec elles par vous-même pour trouver les paramètres qui fonctionnent le mieux:
Cliquez sur OK pour fermer la boîte de dialogue de style de calque, et nous avons terminé! Ici, après avoir ajouté une ombre portée aux lettres, est mon résultat final « image dans le texte »:
Et là, nous avons!, Dans ce tutoriel, nous avons appris à placer une image dans un seul mot, ou un seul calque de type. Dans le prochain tutoriel, apprenez l’astuce pour placer une image dans plusieurs calques de texte à la fois! Ou visitez nos sections Effets de texte ou Effets Photo pour plus de tutoriels sur les effets Photoshop!