Dans ce didacticiel, nous allons apprendre à placer une image dans du texte avec Photoshop, un effet très populaire à créer et qui se révèle également très facile à faire grâce à la puissance des masques d'écrêtage de Photoshop, comme nous sommes sur le point de le faire. voir!
Cette version du didacticiel est destinée à 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 didacticiel. Voici l'effet que nous recherchons:
L'effet final "image dans le 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 Hawaï.
Regardez le tutoriel vidéo sur notre chaîne YouTube!
Étape 2: Dupliquez le calque d'arrière-plan
Si nous regardons dans la palette Calques, nous pouvons voir que nous avons actuellement un calque, nommé Arrière-plan . Cette couche 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) / Commande + J (Mac). Si nous regardons à nouveau dans la palette Calques, nous voyons que nous avons maintenant deux calques. Le calque d'arrière-plan d'origine se trouve en bas et une copie du calque d'arrière-plan, que Photoshop nomme automatiquement "Calque 1", se trouve au-dessus:
Palette Calques de Photoshop.
Étape 3: ajouter un nouveau calque vierge entre les deux calques
Ensuite, nous devons ajouter un nouveau calque vierge entre le calque d'arrière-plan et le "calque 1". Actuellement, "Layer 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 le "calque 1". Voici une astuce utile. Pour ajouter un nouveau calque sous le calque actuellement sélectionné, maintenez enfoncée la touche Ctrl (Win) / Commande (Mac) et cliquez sur l'icône Nouveau calque au bas de la palette Calques. Maintenir la touche Ctrl (Win) / Commande (Mac) est l'astuce pour placer le calque sous le calque actuellement sélectionné:
Maintenez la touche "Ctrl" (Win) / "Commande" (Mac) et cliquez sur l'icône Nouveau calque dans la palette des calques.
Nous avons maintenant un nouveau calque vierge nommé "Layer 2" situé directement entre le calque d'arrière-plan et le "Layer 1":
La palette Calques montrant le nouveau calque vierge entre le calque d'arrière-plan et le "calque 1".
Étape 4: Remplissez le nouveau calque de blanc
Pour le moment, notre nouveau calque est complètement vierge. Remplissons-le de blanc pour qu'il apparaisse comme fond blanc après avoir placé notre image dans le texte. Montez dans le menu Edition en haut de l'écran et choisissez Remplir . Cela fera apparaître la boîte de dialogue 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 Remplir.
Rien ne semble s'être produit 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 "Layer 2" dans la palette Calques, nous pouvons voir bien sûr, le calque est maintenant rempli de blanc solide:
La vignette d'aperçu pour "Couche 2" montre que la couche est maintenant remplie de blanc.
Étape 5: Sélectionnez "Layer 1" dans la palette des calques
Il est temps d'ajouter notre texte, mais pour voir le texte lorsque nous l'ajouterons, nous aurons besoin que le texte apparaisse au-dessus de "Layer 1", sinon l'image sur "Layer 1" bloquera le texte de la vue. Pour vous assurer que nous pouvons voir notre texte, cliquez sur "Calque 1" dans la palette Calques pour le sélectionner. De cette façon, dès que nous commençons à taper, Photoshop créera un nouveau calque de texte pour nous et placera le calque de texte directement au-dessus du "Calque 1":
Cliquez sur "Layer 1" dans la palette des calques pour le sélectionner.
Étape 6: Sélectionnez l'outil de type
Pour ajouter le texte, nous aurons besoin de l' outil Texte de Photoshop, donc sélectionnez l'outil Texte dans la palette Outils. Vous pouvez également sélectionner rapidement l'outil de saisie en appuyant sur la lettre T de votre clavier:
Sélectionnez l'outil Type.
Étape 7: choisissez une police dans la barre des options
Avec l'outil Type sélectionné, montez dans la barre des 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 des options.
Étape 8: définir 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 du blanc pour ma couleur de texte. La couleur que vous choisissez pour votre texte n'a pas vraiment d'importance car nous allons remplir le texte avec une image dans un instant, mais cela permet toujours de voir le texte lorsque nous l'ajoutons. Pour définir la couleur du texte sur blanc, il suffit 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 d'avant-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 couleur 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):
La définition de la couleur de premier plan sur blanc définit également la couleur du texte sur blanc.
É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 à Hawaï, 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 des options pour accepter le texte.
Cliquez sur la coche dans la barre des options pour accepter le texte.
Étape 10: redimensionner et repositionner le texte avec la commande de transformation gratuite
Vous devrez probablement redimensionner et repositionner votre texte à ce stade, et nous pouvons faire ces deux choses en utilisant la commande Transformation libre de Photoshop. Appuyez sur Ctrl + T (Win) / Commande + T (Mac) sur votre clavier pour afficher 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éformer l'apparence, maintenez la 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 enfoncée la touche Alt (Win) / Option (Mac) pendant que vous faites glisser. Enfin, pour déplacer le texte, cliquez n'importe où dans la zone Transformation libre et faites glisser votre souris pour déplacer le texte dans la fenêtre du document:
Utilisez la commande Transformation libre de Photoshop pour redimensionner et déplacer le texte.
Appuyez sur Entrée (Win) / Retour (Mac) lorsque vous avez terminé pour accepter la transformation et quitter la commande Transformation libre.
É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 texte sous le texte dans la palette Calques. Cliquez sur le calque de texte, puis faites-le simplement glisser sous "Calque 1". Vous verrez une ligne noire épaisse apparaître entre "Couche 1" et "Couche 2":
Faites glisser le calque de texte sous "Calque 1".
Relâchez le bouton de votre souris lorsque la ligne noire apparaît pour déposer le calque de texte en place entre "Layer 1" et "Layer 2":
Le calque de texte apparaît maintenant entre "Layer 1" et "Layer 2".
Étape 12: Sélectionnez à nouveau "Layer 1"
Cliquez à nouveau sur "Layer 1" dans la palette des calques pour le sélectionner:
Le calque de texte apparaît maintenant entre "Layer 1" et "Layer 2".
Le texte disparaîtra temporairement dans la fenêtre du document maintenant que l'image sur "Couche 1" le bloque de la vue.
Étape 13: créer un masque d'écrêtage
Pour créer l'illusion que la photo est à l'intérieur du texte, nous devons utiliser un masque d'écrêtage . Cela "cliptera" la photo du "Calque 1" au texte du 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 "Layer 1" sélectionné dans la palette des 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 nous regardons dans la fenêtre du document, nous pouvons 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 calque de texte dans la palette Calques, puis cliquez sur l'icône Styles de calque au bas de la palette Calques:
Sélectionnez le calque de texte, puis cliquez sur l'icône Styles de calque.
Sélectionnez Ombre portée dans la liste des styles de calque qui s'affiche:
Sélectionnez le style de calque Ombre portée.
La boîte de dialogue Style de calque de Photoshop s'affiche avec les options 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 définirai 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 et quitter la boîte de dialogue Style de calque. Voici mon dernier effet "image dans le texte":
L'effet final "image dans le texte".
Tutoriel suivant: Comment placer une image dans plusieurs couches de texte à la fois!
Placer une image dans du texte - Résumé rapide
Nous avons couvert beaucoup de choses dans ce tutoriel. Voici un bref résumé des étapes lorsque vous en avez besoin:
- Dans Photoshop, ouvrez votre photo, puis appuyez sur Ctrl + J (Win) / Commande + J (Mac) pour dupliquer le calque d'arrière-plan.
- Maintenez la touche Ctrl (Win) / Commande (Mac) enfoncée et, dans le panneau Calques, cliquez sur l'icône Nouveau calque pour ajouter un nouveau calque vierge entre les deux calques existants.
- Allez dans le menu Edition dans la barre de menus et choisissez Remplir . Dans la boîte de dialogue Remplir, définissez Utiliser sur Blanc . Cliquez sur OK.
- Dans le panneau Calques, sélectionnez le calque supérieur (Calque 1) pour le rendre actif.
- Sélectionnez l' outil Type, puis dans la barre des options, choisissez vos options de police.
- Définissez votre couleur de premier plan sur blanc, puis cliquez dans le document et ajoutez votre texte.
- Appuyez sur Ctrl + T (Win) / Commande + T (Mac) pour sélectionner Free Transform, puis redimensionnez et repositionnez votre texte selon vos besoins. Appuyez sur Entrée (Win) / Retour (Mac) pour quitter Free Transform.
- Dans le panneau Calques, faites glisser votre calque Type sous la photo sur le calque 1.
- Sélectionnez le calque 1 pour le rendre actif, puis accédez au menu Calque dans la barre de menus et choisissez Créer un masque d'écrêtage .
- Pour ajouter une ombre portée au texte, dans le panneau Calques, cliquez sur l'icône " fx ", choisissez Ombre portée, puis définissez l' angle et l' opacité selon vos besoins.
Et nous l'avons là! Voilà comment placer facilement une image dans du texte avec Photoshop! Visitez nos sections Effets de texte ou Effets photo pour plus de didacticiels sur les effets Photoshop!