Écrit par Steve Patterson.

Dans ce tutoriel, nous allons apprendre à placer une image dans du texte avec Photoshop, un effet très populaire à créer et qui se trouve également être très facile à faire grâce à la puissance des masques d’écrêtage de Photoshop, comme nous sommes sur le point de le voir!

Cette version du tutoriel est pour Photoshop CS5 et versions antérieures. Si vous utilisez Photoshop CC ou CS6, consultez la version entièrement révisée et mise à jour de ce tutoriel. Voici l’effet que nous recherchons:

L’effet final « image en texte ».,

commençons!

Comment Placer Une Image Dans Du Texte

Étape 1: Ouvrez Une Photo À Placer Dans Votre Texte

Tout d’abord, nous avons besoin de l’image que nous allons placer à l’intérieur de notre texte. Je vais utiliser cette photo panoramique d’Hawaï:

Une vue sur l’océan depuis Hawaii.

Regardez le tutoriel vidéo sur notre chaîne YouTube!

Étape 2: Dupliquer le calque d’arrière-plan

Si nous regardons dans la palette des Calques, nous pouvons voir que nous avons actuellement un calque, nommé Background. Ce calque contient notre image., Nous devons dupliquer cette couche, et la façon la plus simple de le faire est d’utiliser le raccourci clavier Ctrl+J (Win) / Command+J (Mac). Si nous regardons une fois de plus dans la palette Calques, nous voyons que nous avons maintenant deux couches. Le calque d’arrière-plan d’origine se trouve en bas et une copie du calque d’arrière-plan, que Photoshop a automatiquement nommé « Calque 1 », se trouve au-dessus:

Palette de calques de Photoshop.

Étape 3: Ajouter un nouveau Calque Vide Entre Les Deux Calques

Ensuite, nous devons ajouter un nouveau calque vide entre le calque d’arrière-plan et le « Calque 1 »., Actuellement, « Calque 1 » est le calque sélectionné dans la palette Calques. Nous pouvons dire quel calque est sélectionné car le calque sélectionné est toujours surligné en bleu. Normalement, lorsque nous ajoutons un nouveau calque, Photoshop place le nouveau calque directement au-dessus du calque actuellement sélectionné, ce qui signifie que Photoshop placerait le calque au-dessus du « calque 1 ». Ce n’est pas ce que nous voulons. Nous voulons que le nouveau calque soit placé sous « Calque 1 ». Voici une astuce utile., Pour ajouter un nouveau calque sous le calque actuellement sélectionné, maintenez votre touche Ctrl (Win) / Commande (Mac) enfoncée et cliquez sur l’icône Nouveau calque en bas de la palette Calques. Maintenir la touche Ctrl (Win) / Command (Mac) enfoncée est l’astuce pour placer le calque sous le calque actuellement sélectionné:

Maintenez « Ctrl » (Win) / « Command » (Mac) et cliquez sur l’icône Nouveau calque dans la palette Calques.,

Nous avons maintenant un nouveau calque nommé « Calque 2 » assis directement entre la couche de Fond et Couche « 1 »:

La palette Calques montrant le nouveau calque vide entre le calque de Fond et « Calque 1 ».

Étape 4: Remplissez le nouveau Calque De Blanc

Pour le moment, notre nouveau calque est complètement vide. Remplissons – le de blanc afin qu’il apparaisse comme un fond blanc après avoir placé notre image à l’intérieur du texte. Accédez au menu Édition en haut de l’écran et choisissez Remplir. Cela fera apparaître la boîte de dialogue de remplissage de Photoshop., Sélectionnez Blanc pour l’option Contenu en haut de la boîte de dialogue, puis cliquez sur OK pour quitter la boîte de dialogue:

Sélectionnez Blanc pour l’option Contenu en haut de la boîte de dialogue de la commande Fill.,

Rien ne semble s’être passé dans la fenêtre du document, car l’image sur « Layer 1 » bloque « Layer 2 » de la vue, mais si nous regardons la vignette d’aperçu du calque pour « Layer 2 » dans la palette des Calques, nous pouvons voir que le calque est maintenant rempli de blanc solide:

La vignette d’aperçu pour « Layer 2 » montre que le calque est maintenant rempli de blanc.,

Étape 5: Sélectionnez « Calque 1 » Dans La palette des Calques

Il est temps d’ajouter notre texte, mais pour voir le texte lorsque nous l’ajoutons, nous devrons faire apparaître le texte au-dessus de « Calque 1 », sinon l’image sur « Calque 1 » bloquera le texte de la vue. Pour s’assurer que nous pouvons voir notre texte, cliquez sur « Calque 1 » dans la palette Calques pour sélectionner. De cette façon, dès que nous commencerons à taper, Photoshop créera un nouveau calque de type pour nous et placera le calque de type directement au-dessus de « Calque 1 »:

Cliquez sur « Calque 1 » dans la palette des calques pour le sélectionner.,

Étape 6: Sélectionnez l’outil Type

Pour ajouter le texte, nous aurons besoin de l’outil Type de Photoshop, alors sélectionnez l’outil Type dans la palette Outils. Vous pouvez également sélectionner rapidement l’outil Type en appuyant sur la lettre T de votre clavier:

Sélectionnez l’outil Type.

Etape 7: Choisissez Une Police Dans La Barre d’Options

Avec l’Outil sélectionné, aller à la Barre d’Options en haut de l’écran et choisissez la police que vous souhaitez utiliser pour l’effet. Généralement, les polices avec des lettres épaisses fonctionnent mieux. Je vais choisir Arial Black., Ne vous inquiétez pas de la taille de la police pour l’instant:

Sélectionnez une police dans la Barre d’Options.

Étape 8: Définissez le Blanc Comme couleur de premier plan

Cette étape n’est pas absolument nécessaire, mais pour m’aider à voir mon texte, je vais utiliser le blanc pour la couleur de mon texte. La couleur que vous choisissez pour votre texte n’a pas vraiment d’importance puisque nous allons remplir le texte avec une image dans un instant, mais il est toujours utile de pouvoir voir le texte lorsque nous l’ajoutons. Pour définir la couleur du texte sur blanc, tout ce que nous devons faire est de définir la couleur de premier plan de Photoshop sur blanc., Tout d’abord, appuyez sur la lettre D de votre clavier, ce qui réinitialisera les couleurs de premier plan et d’arrière-plan à leurs valeurs par défaut. Le noir est la couleur par défaut pour la couleur de premier plan et le blanc est la couleur par défaut pour la couleur d’arrière-plan. Pour les échanger afin que le blanc devienne la couleur de premier plan, appuyez sur la lettre X de votre clavier. Si vous regardez les échantillons de couleurs de premier plan et d’arrière-plan près du bas de la palette d’outils, vous verrez que le blanc est maintenant la couleur de premier plan (l’échantillon de gauche):

Définir la couleur de premier plan sur blanc définit également la couleur du,

Étape 9: Ajoutez votre texte

Avec l’outil Type sélectionné, votre police choisie et le blanc comme couleur de premier plan, cliquez dans la fenêtre de votre document et ajoutez votre texte. Puisque j’utilise une photo d’une scène océanique à Hawaii, je vais taper le mot « HAWAII »:

Cliquez à l’intérieur du document et ajoutez votre texte.

Lorsque vous avez terminé, cliquez sur la coche dans la barre d’options pour accepter le texte.

, Cliquez sur la coche dans la Barre d’Options pour accepter le texte.,

Étape 10: Redimensionner et Repositionner le Texte Avec la commande Free Transform

Vous devrez probablement redimensionner et repositionner votre texte à ce stade, et nous pouvons faire ces deux choses en utilisant la commande Free Transform de Photoshop. Appuyez sur Ctrl + T ( Win) / Commande+T (Mac) sur votre clavier pour faire apparaître la zone de transformation libre et les poignées autour de votre texte, puis faites glisser l’une des poignées pour redimensionner le texte. Si vous souhaitez redimensionner le texte, sans en dénaturer l’aspect, maintenez votre touche Maj enfoncée et 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 n’importe où dans la zone de Transformation libre et faites glisser votre souris pour déplacer le texte dans la fenêtre du document:

Utilisez la commande Free Transform de Photoshop pour redimensionner et déplacer le texte.

Appuyez sur Entrée (Win) / Retour (Mac) lorsque vous avez terminé d’accepter la transformation et de quitter la commande Free Transform.,

Étape 11: Faites glisser le calque de texte sous « Calque 1 »

Maintenant que nous avons notre texte comme nous le voulons, nous devons déplacer le calque de type sous le texte dans la palette Calques. Cliquez sur le calque de texte, puis faites-le simplement glisser sous « Calque 1 ». Vous verrez apparaître une épaisse ligne noire entre « Calque 1″et »Calque 2 »:

Faites glisser le calque de type sous « Calque 1 ».,

Relâchez le bouton de la souris lorsque la ligne noire semble déposer le calque type entre « Layer 1 » et « Layer 2 »:

Le calque type apparaît maintenant entre « Layer 1 » et « Layer 2 ».

Etape 12: Sélectionnez « Calque 1 » à Nouveau

Cliquez de nouveau sur « Calque 1 » dans la palette Calques pour sélectionner:

Le type de la couche apparaît maintenant entre « Calque 1 » et « Calque 2 ».

Le texte disparaîtra temporairement à l’intérieur de la fenêtre du document maintenant que l’image sur le « Calque 1 » le bloque de la vue.,

Etape 13: Créer Un Masque d’Écrêtage

Pour créer l’illusion que la photo est à l’intérieur du texte, nous avons besoin d’utiliser un masque d’écrêtage. Cela  » clipsera « la photo sur le » Calque 1  » au texte sur le calque directement en dessous. Toutes les zones de la photo qui apparaissent directement au-dessus des lettres resteront visibles dans le document. Le reste de la photo disparaîtra de la vue.,

Avec « Calque 1 » sélectionné dans la palette Calques, accédez au menu Calque en haut de l’écran et choisissez Créer un masque d’écrêtage:

Allez dans Calque> Créer un masque d’écrêtage.

Si l’on regarde dans la fenêtre de document, on peut voir que la photo semble maintenant être à l’intérieur du texte:

La photo apparaît maintenant à l’intérieur des lettres.

Étape 14: Ajouter une ombre portée (facultatif)

Pour compléter mon effet, je vais ajouter une ombre portée aux lettres., Si vous souhaitez suivre, sélectionnez d’abord le type de calque dans la palette Calques, puis cliquez sur les Styles de Calque de l’icône au bas de la palette Calques:

Sélectionnez le calque de texte, puis cliquez sur le Calque icône Styles.

Sélectionnez Ombre portée dans la liste des styles de calque qui s’affiche:

Sélectionnez le style de calque d’ombre portée.

Cela fait apparaître la boîte de dialogue de style de calque de Photoshop définie sur les options d’ombre portée dans la colonne du milieu., Je vais laisser la plupart des options seules, mais je vais réduire l’opacité de l’ombre portée à environ 60%, donc ce n’est pas si intense, et je vais définir l’angle de l’ombre portée à 120°:

La boîte de dialogue Style de calque affichant les options de l’ombre portée.

Cliquez sur OK lorsque vous avez terminé pour appliquer l’ombre portée une sortie de la boîte de dialogue Style de calque. Voici mon effet final « image en texte »:

L’effet final » image en texte ».

Tutoriel suivant: Comment placer une image dans plusieurs calques de texte à la fois!