Comment créer un effet de texte à la bombe dans Photoshop

Sep 24, 2021
admin

Apprenez à créer un effet de texte à la bombe dans Photoshop, avec vos lettres peintes à la bombe sur le fond ! Un tutoriel étape par étape pour Photoshop CC et antérieur.

Écrit par Steve Patterson.

Dans ce tutoriel, je vous montrerai comment créer un effet de texte simple peint à la bombe où les lettres ont l’air d’avoir été peintes à la bombe sur un mur ou une surface. Je vous montrerai également comment fondre la peinture à la bombe dans la surface pour obtenir un effet plus réaliste. Et comme nous créerons la peinture à la bombe en n’utilisant rien de plus qu’un effet de couche et les options de mélange de Photoshop, votre texte restera modifiable même lorsque nous aurons terminé.

J’utiliserai la dernière version de Photoshop CC mais toute version récente fonctionnera.

Voici un exemple de ce à quoi ressemblera l’effet de texte peint à la bombe. Bien sûr, vous pouvez utiliser le texte, l’arrière-plan et les couleurs que vous voulez :

L’effet de texte peint à la bombe.

Commençons !

Téléchargez ce tutoriel en PDF prêt à être imprimé !

Comment créer du texte peint à la bombe dans Photoshop

Nous commencerons par apprendre à créer l’effet principal de peinture à la bombe, puis je vous montrerai comment fondre les lettres dans le fond. Je vous montrerai également comment dupliquer l’effet pour ajouter plus de texte à votre conception, et comment changer la couleur de la peinture.

Vous pouvez également suivre la vidéo de ce tutoriel. Ou télécharger ce tutoriel en tant que PDF prêt à imprimer !

Etape 1 : Ouvrez votre image d’arrière-plan

Puisque nous allons vouloir peindre à la bombe le texte sur une sorte d’arrière-plan, commencez par ouvrir votre image d’arrière-plan. Je vais utiliser cette image que j’ai téléchargée sur Adobe Stock :

La surface où le texte sera peint à la bombe. Crédit : Adobe Stock.

Et dans le panneau Calques, nous voyons l’image sur le calque Arrière-plan:

Panneau Calques de Photoshop montrant le calque Arrière-plan.

Relié : Apprenez à utiliser les calques dans Photoshop

Étape 2 : Ajoutez votre texte

Pour ajouter votre texte, sélectionnez l’outil Type dans la barre d’outils :

Sélection de l’outil Type.

Choisir une police

Et ensuite, dans la barre d’options, choisissez votre police. Je vais utiliser « HWT Gothic Round » que j’ai téléchargé depuis Adobe Typekit. Si vous n’avez pas accès à cette police, ce n’est pas grave. N’importe quelle police fonctionnera :

Choisir une police dans la barre d’options.

Plus d’options de caractères

Toujours dans la barre d’options, je vais définir ma taille de caractères à 72 pt juste pour me donner la plus grande taille prédéfinie pour le moment. Et je vais définir l’alignement du texte au centre.

Pour la couleur, je vais choisir le blanc en cliquant sur l’échantillon de couleur et en choisissant le blanc dans le sélecteur de couleurs de Photoshop. Ce n’est pas la couleur que nous allons utiliser pour la peinture en spray. Tout ce dont nous avons besoin pour l’instant est quelque chose qui nous permet de voir le texte pendant que nous l’ajoutons:

Définir la taille, l’alignement et la couleur du texte.

Ajouter le texte

Puis cliquez dans le document et ajoutez votre texte. Je vais taper le mot « PEINTURE »:

Ajouter le texte.

Accepter le texte

Pour l’accepter, cliquez sur la coche dans la barre d’options:

Cliquer sur la coche.

Étape 3 : Redimensionner et repositionner le texte avec Free Transform

Pour redimensionner le texte et le déplacer en place, montez dans le menu Édition de la barre de menus et choisissez Free Transform:

Voir Édition > Free Transform.

Et ensuite, pour redimensionner le texte, cliquez et faites glisser l’une des poignées d’angle. À partir de Photoshop CC 2019, le rapport d’aspect du texte est automatiquement verrouillé lorsque vous faites glisser les poignées. Dans les versions antérieures de Photoshop, vous devrez maintenir votre touche Majuscule enfoncée pendant que vous faites glisser pour verrouiller le rapport hauteur/largeur en place.

Pour redimensionner le texte à partir de son centre, maintenez la touche Alt (Win) / Option (Mac) enfoncée pendant que vous faites glisser. Et si vous devez repositionner votre texte, cliquez à l’intérieur de la boîte de transformation libre et faites glisser le texte en place.

Pour l’accepter et sortir de la transformation libre, appuyez sur la touche Enter (Win) / Return (Mac) de votre clavier :

Redimensionner le texte en faisant glisser une poignée d’angle.

Étape 4 : Abaissez la valeur de Remplissage du calque Type à 0%

Dans le panneau Calques, nous voyons notre texte sur un nouveau calque Type au-dessus de l’image :

Le texte apparaît sur son propre calque Type.

Pour créer l’effet de peinture en spray, la première chose que nous devons faire est de rendre notre texte transparent. Pour ce faire, abaissez la valeur de remplissage en haut à droite du panneau Calques jusqu’à 0%. Assurez-vous que vous abaissez la valeur de Remplissage, et non la valeur d’Opacité :

Abaisser le Remplissage du calque Type à 0 pour cent.

Le texte disparaît complètement. Il est toujours là, il est juste transparent :

L’abaissement de la valeur de Remplissage a rendu le texte invisible.

Quelle est la différence entre Opacité et Remplissage ?

Dans le panneau Calques, les deux valeurs Opacité et Remplissage affectent la transparence d’un calque. La différence entre elles est que l’Opacité contrôle la transparence à la fois du contenu d’un calque et de tout effet de calque que nous avons appliqué. La valeur Remplissage, quant à elle, n’affecte que le contenu d’un calque. Il n’a aucun effet sur les effets de couche.

Cela signifie qu’en diminuant la valeur de Remplissage, nous pouvons appliquer des effets de couche à notre texte et garder les effets visibles même si le texte lui-même est caché. Et c’est ce qui va nous permettre de créer notre effet de peinture en spray.

Étape 5 : ajouter un effet de calque Ombre portée au calque Type

L’ensemble de l’effet de peinture en spray peut être créé en utilisant un seul effet de calque, et celui dont nous avons besoin est Ombre portée. Le calque Type étant sélectionné, cliquez sur l’icône de style de calque (l’icône « fx ») en bas du panneau Calques :

Cliquer sur l’icône de style de calque.

Et choisissez ensuite Ombre portée :

Choisir un effet de calque Ombre portée.

Étape 6 : rétablir les paramètres par défaut de l’ombre portée

Dans la boîte de dialogue Style de calque, cliquez sur le bouton Réinitialiser par défaut pour rétablir les paramètres par défaut de l’ombre portée, juste pour que nous voyions tous les deux la même chose :

Cliquez sur le bouton Réinitialiser par défaut.

Étape 7 : Changez la couleur de l’ombre portée en blanc

Changez ensuite la couleur de l’ombre portée en cliquant sur le nuancier de couleurs :

Cliquez sur le nuancier de couleurs.

Et dans le sélecteur de couleurs, choisissez blanc pour le moment, puis cliquez sur OK. Nous choisirons différentes couleurs pour l’effet un peu plus tard :

Régler la couleur de l’ombre portée sur blanc.

Étape 8 : changer le mode de fusion de l’ombre sur Écran

Pour voir le blanc, changer le mode de fusion de l’ombre portée de Multiplier (le mode de fusion par défaut) à Écran :

Changer le mode de fusion sur Écran.

Et tout de suite, on commence à voir du blanc apparaître derrière les lettres:

Un léger contour blanc apparaît autour du texte.

Étape 9 : Augmenter l’opacité de l’ombre à 100%

Pour rendre l’effet plus lumineux, augmentez l’opacité de l’ombre portée jusqu’à 100%:

Augmenter l’opacité à 100%.

Et maintenant l’effet est plus facile à voir. En changeant la couleur de l’ombre portée du noir au blanc, et en changeant son mode de fusion de Multiply à Screen, nous avons essentiellement transformé notre ombre en une lueur :

Le résultat après avoir augmenté l’opacité.

Étape 10 : Définissez la distance et l’étalement à 0%

Ne tenez pas compte des options Angle et Utiliser la lumière globale car elles n’auront pas d’importance ici. Mais abaissez la Distance à 0px et assurez-vous que l’Étalement est à 0%:

Régler à la fois la Distance et l’Étalement à 0.

En réglant la Distance à 0px, nous avons centré l’ombre portée derrière le texte, créant un léger contour ou trait autour des lettres:

Le résultat après avoir abaissé la Distance à 0px.

Étape 11 : augmenter la taille de l’ombre portée

Pour étendre l’ombre (ou la lueur, dans ce cas) plus loin des bords, augmentez la valeur Taille :

Augmenter la Taille de l’ombre portée.

Plus vous l’augmentez, plus la lueur apparaît large:

Le résultat après avoir abaissé la Distance à 0 px.

Étape 12 : Changer le Contour en Cône

À ce stade, l’effet jusqu’à présent ne ressemble pas beaucoup à de la peinture en spray. Notre éclat doit ressembler davantage à un contour autour des formes des lettres.

Pour y remédier, toujours dans la boîte de dialogue Style de calque, allez dans la section Qualité, cliquez sur la petite flèche à côté de la vignette d’aperçu du contour :

Cliquez sur la flèche, pas sur la vignette.

Et choisissez ensuite le contour Cône en double-cliquant sur sa vignette. C’est celui de la rangée supérieure, deuxième à partir de la gauche :

Sélectionner le contour Cone.

Les contours affectent la transparence de l’ombre portée, en modifiant comment et où elle passe des zones opaques aux zones transparentes. Et tout de suite, nous voyons un contour beaucoup plus fort autour des bords des lettres :

L’effet après avoir basculé vers le contour Cone.

Étape 13 : Décochez « Layer Knocks Out Drop Shadow »

Mais remarquez que même si notre texte est transparent, la lueur n’apparaît qu’autour de l’extérieur de celui-ci. Nous avons besoin de voir la lueur à l’intérieur des lettres également.

Pour résoudre ce problème, décochez l’option qui dit « Layer Knocks Out Drop Shadow »

Décochez « Layer Knocks Out Drop Shadow ».

Et maintenant le contour apparaît à la fois à l’extérieur et à l’intérieur du texte :

L’effet après avoir basculé vers le contour Cone.

Étape 14 : Réajustez la valeur de la taille si nécessaire

À ce stade, vous devrez peut-être revenir en arrière et réajuster la valeur de la taille pour modifier l’épaisseur du contour. N’allez pas trop haut cependant ou vous étalerez trop la lueur. La taille exacte dont vous avez besoin dépendra de la taille de votre texte.

Dans mon cas, j’irai avec une valeur de Taille d’environ 120px, mais vous pouvez avoir besoin d’une valeur différente :

En augmentant la valeur de Taille.

Et voici le résultat:

L’effet après avoir réajusté la valeur de Taille.

Étape 15 : Ajouter du bruit

Finalement, ajoutez du bruit au contour en augmentant la valeur de Bruit. Je vais régler la mienne à environ 25-30%:

Ajouter du bruit à l’effet.

Et maintenant, si je zoome, nous voyons de petites taches dans le contour, ce qui le fait ressembler davantage à de la peinture en aérosol.

Selon la taille de la police que vous utilisez, vous pouvez remarquer quelques bords durs faibles le long des zones où l’effet et le fond se rencontrent. Dans cette capture d’écran, vous pouvez les voir à l’intérieur des lettres « P » et « A ». Ces bords disparaîtront une fois que nous aurons fusionné le texte avec l’arrière-plan, ce que nous ferons ensuite :

L’effet après avoir ajouté du bruit.

Comment fusionner le texte peint à la bombe avec l’arrière-plan

À ce stade, nous en avons terminé avec notre effet de couche d’ombre portée. Alors, apprenons à fondre l’effet avec l’arrière-plan, de sorte qu’il semble que le texte est réellement peint à la bombe sur l’arrière-plan et non pas simplement assis devant lui. Lorsque nous aurons terminé, je vous montrerai comment copier l’effet pour ajouter plus de texte tout en conservant les effets de calque et les options de mélange intacts.

Étape 16 : ouvrir les options de mélange de Photoshop

Toujours dans la boîte de dialogue Style de calque, sélectionnez la catégorie Options de mélange sur la gauche :

Ouvrir les options de mélange.

Étape 17 : faites glisser le curseur noir « Couche sous-jacente » vers la droite

Au bas des Options de mélange se trouvent deux ensembles de curseurs. Celui du dessus indique « Ce calque » et celui du dessous indique « Calque sous-jacent ». Nous pouvons utiliser ces curseurs pour fusionner notre texte avec l’image de fond. Et le jeu dont nous avons besoin est celui du bas (Couche sous-jacente):

Le curseur « Couche sous-jacente » dans les options de mélange.

Notez les deux curseurs sous la barre de gradient. Il y a un curseur noir sur la gauche et un curseur blanc sur la droite. Nous allons fondre notre texte dans les parties les plus sombres de notre image de fond. Et pour cela, nous avons besoin du curseur noir.

Cliquez sur le curseur noir et commencez à le faire glisser vers la droite :

Faire glisser le curseur noir vers la droite.

Alors que vous faites glisser, gardez un œil sur votre texte et vous verrez les zones les plus sombres de l’image de fond commencer à apparaître à travers lui. Et si vous faites glisser plus loin, de plus en plus de l’arrière-plan apparaît :

Faire glisser le curseur noir révèle les zones les plus sombres de l’arrière-plan à travers le texte.

Étape 18 : diviser le curseur noir en deux

Le problème est que les transitions entre le texte et l’arrière-plan sont très dures. Pour créer des transitions plus douces, appuyez sur la touche Alt (Win) / Option (Mac) de votre clavier et maintenez-la enfoncée. Cliquez sur le côté droit du curseur noir et faites-le glisser pour l’éloigner du côté gauche. Cela divise le curseur en deux moitiés :

Maintenez la touche Alt (Win) / Option (Mac) et faites glisser le curseur à part.

Étape 19 : Ajustez les curseurs pour créer une transition douce

La moitié gauche du curseur contrôle maintenant le niveau de luminosité où le texte commence à apparaître devant le fond. Et la moitié droite définit le niveau de luminosité où le texte devient entièrement visible et où l’arrière-plan ne transparaît plus à travers lui. La zone située entre les deux curseurs devient la zone de transition où le texte et l’arrière-plan se mélangent. Plus vous éloignez les curseurs, plus la transition semble graduelle.

Réglez chaque moitié du curseur jusqu’à ce que vous soyez satisfait de l’effet. Il n’y a pas de valeurs spécifiques à utiliser ici puisque cela dépendra de votre image de fond.

Dans mon cas, je vais régler ma moitié gauche à un niveau de luminosité de 10 et ma moitié droite à un niveau de luminosité de 60. En d’autres termes, toutes les zones de mon image de fond qui sont à un niveau de luminosité de 10 ou plus sombre apparaîtront complètement à travers le texte. Les zones ayant un niveau de luminosité de 60 ou plus clair seront complètement cachées par le texte. Et les niveaux de luminosité intermédiaires (11 à 59) sont ceux où la transition a lieu :

Mes niveaux de luminosité pour la moitié gauche (10) et la moitié droite (60) du curseur.

Et avec le texte qui se fond maintenant dans l’image, nous obtenons un effet de peinture en aérosol beaucoup plus réaliste :

L’effet avec le texte fondu dans l’arrière-plan.

Étape 20 : Fermez la boîte de dialogue Style de calque

Nous avons terminé avec l’effet principal, alors allez-y et fermez la boîte de dialogue Style de calque en cliquant sur OK:

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

Et dans le panneau Calques, nous voyons maintenant notre ombre portée listée comme un effet sous le calque Type. Nous voyons également une icône d’options de mélange à côté de l’icône  » fx « , ce qui nous indique que nous avons également des options de mélange avancées appliquées au calque :

Le calque Type montre maintenant notre ombre portée et nos options de mélange.

Téléchargez ce tutoriel en tant que PDF prêt à être imprimé !

Comment dupliquer l’effet de texte peint à la bombe

À ce stade, ajouter plus de texte peint à la bombe est facile.

Étape 21 : faire une copie du calque Type

Tout ce que nous devons faire est de dupliquer notre calque Type. Il suffit de le faire glisser vers le bas sur l’icône Ajouter un nouveau calque en bas du panneau Calques :

Faire glisser le calque Type sur l’icône Ajouter un nouveau calque.

Une copie du calque Type apparaît au-dessus de l’original, complète avec notre effet d’ombre portée et nos options de mélange :

Le panneau Calques montrant maintenant les deux calques Type.

Etape 22 : Sélectionner l’outil de déplacement

Pour repositionner le texte, sélectionnez l’outil de déplacement dans la barre d’outils:

Sélectionner l’outil de déplacement.

Etape 23 : Déplacer le texte en place

Et puis cliquez sur le texte et déplacez-le en place. Je vais faire glisser la copie du texte vers le haut :

Faire glisser le texte copié vers le haut de l’image d’arrière-plan.

Puis, dans le panneau Calques, je vais cliquer sur le calque Type original pour le sélectionner :

Sélectionner le calque Type original.

Et je vais faire glisser le texte original vers le bas:

Faire glisser le texte original vers le bas de l’image de fond.

Comment modifier le texte peint à la bombe

Puisque notre texte est toujours de type modifiable, nous pouvons facilement modifier le texte et garder l’effet de peinture à la bombe intact.

Étape 24 : sélectionner l’outil Type

Je ne veux pas que les deux mots soient identiques, donc pour éditer le texte du haut, je vais sélectionner l’outil Type dans la barre d’outils :

Sélectionner l’outil Type.

Étape 25 : Sélectionner et éditer le texte

Puis, je vais double-cliquer à l’intérieur du mot pour le mettre en évidence:

Mise en évidence du mot supérieur en double-cliquant avec l’outil Type.

Et je changerai le mot de « PEINTURE » en « PULVÉRISATION »:

Édition du texte.

Pour l’accepter, je cliquerai sur la coche dans la barre d’options:

Cliquer sur la coche.

Étape 26 : Redimensionner le texte édité avec Free Transform

Je vais redimensionner le texte du haut en allant dans le menu Édition et en choisissant Free Transform:

Aller dans Édition > Free Transform.

Et puis je vais faire glisser les poignées des coins supérieurs pour redimensionner le mot afin qu’il soit de la même largeur que le mot du bas. Pour l’accepter, j’appuierai sur la touche Entrée (Win) / Retour (Mac) de mon clavier :

Redimensionnement de la copie du texte.

Comment changer la couleur de la peinture en spray

Et enfin, voyons comment changer la couleur de l’effet.

Étape 27 : double-cliquez sur l’effet du calque Ombre portée

Pour changer la couleur de la peinture en spray, double-cliquez sur les mots « Ombre portée » sous le calque Type. Si vous avez plus d’un calque Type comme moi, assurez-vous de double-cliquer sur celui que vous voulez modifier.

Dans mon cas, je vais commencer par le mot « SPRAY » en haut :

Double-clic sur les mots « Drop Shadow ».

Étape 28 : Cliquez sur le swatch de couleur

Cela rouvre la boîte de dialogue Style de calque. Cliquez sur l’échantillon de couleur:

Cliquez sur l’échantillon de couleur de l’ombre portée.

Étape 29 : Choisissez une nouvelle couleur dans le sélecteur de couleurs

Et puis dans le sélecteur de couleurs, choisissez une nouvelle couleur. Je vais choisir quelque chose de vif, comme le jaune :

Choisir une nouvelle couleur pour la peinture en spray.

Cliquez sur OK pour fermer le sélecteur de couleurs, puis cliquez sur OK pour fermer la boîte de dialogue Style de calque. Et maintenant, mon texte supérieur est coloré en jaune:

Le résultat après avoir coloré le texte supérieur.

Changer la couleur du texte inférieur

Je vais faire la même chose avec le texte inférieur. Je vais double-cliquer sur les mots « Ombre portée » pour rouvrir la boîte de dialogue Style de calque:

Réouverture de l’effet de calque Ombre portée pour le mot « PEINTURE ».

Et puis je vais cliquer sur le nuancier de couleurs:

Cliquer sur le nuancier de couleurs de l’Ombre portée.

Et je vais choisir une nouvelle couleur dans le sélecteur de couleurs. Pour le texte du bas, je vais à nouveau opter pour quelque chose de vif, comme un rose rougeâtre :

Choisir une deuxième couleur pour la peinture en spray.

Je clique une fois de plus sur OK pour fermer le sélecteur de couleurs, puis sur OK pour fermer la boîte de dialogue Style de calque.

Et voici, après avoir ajouté de la couleur aux deux mots, mon résultat final :

L’effet de texte peint à la bombe terminé.

Et voilà ! Voilà comment créer un texte peint à la bombe dans Photoshop ! Consultez nos sections Effets photo et Effets texte pour plus de tutoriels. Et n’oubliez pas, tous nos tutoriels sont disponibles en téléchargement au format PDF !

.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.