Dans ce didacticiel, je réponds à l'une des questions les plus fréquemment posées, à savoir: comment enregistrer un effet de texte avec un arrière-plan transparent afin de pouvoir déplacer l'effet sur un arrière-plan différent? Normalement, lors de la création d'un effet de texte dans Photoshop, nous le créons sur un arrière-plan coloré simple, généralement noir ou blanc. Mais une fois l'effet terminé, nous voulons souvent le déplacer sur un arrière-plan différent, ce qui signifie que nous avons besoin d'un moyen de supprimer l'arrière-plan d'origine et de le remplacer par de la transparence. Alors, comment on fait ça? C'est en fait très facile, et dans ce tutoriel, nous allons apprendre trois façons de le faire.

J'utiliserai Photoshop CC mais toute version récente fonctionnera. Commençons!

L'effet texte

Voici l'effet de texte que j'utiliserai. Je vous montre comment créer ce texte doré dans un tutoriel séparé. Notez que l'effet est assis sur un fond noir:

L'effet de texte original sur fond noir.

Le nouveau contexte

Et voici le nouveau fond dans lequel je veux placer le texte. J'ai téléchargé celui-ci depuis Adobe Stock:

Le nouveau fond de l'effet.

Comment rendre l'arrière-plan transparent

Je reviens à mon effet de texte. Et si nous regardons dans le panneau Calques, nous voyons les trois calques qui composent l'effet. Nous avons le calque "Sparkles" en haut et les deux calques Type en dessous. Nous avons également le calque d'arrière-plan en bas qui est rempli de noir:

Les calques d'effet de texte, plus le calque d'arrière-plan.

Désactiver le calque d'arrière-plan

La première chose que nous devons faire est de supprimer l'arrière-plan d'origine et de le remplacer par de la transparence. Pour masquer l'arrière-plan, désactivez simplement le calque d'arrière-plan en cliquant sur son icône de visibilité :

Désactiver le calque d'arrière-plan.

Cela laisse notre texte devant un fond transparent. Photoshop représente la transparence avec un motif en damier:

L'arrière-plan du texte a été remplacé par de la transparence.

Comment déplacer l'effet de texte sur un nouvel arrière-plan

Alors maintenant que nous avons rendu l'arrière-plan transparent, comment déplacer l'effet sur son nouvel arrière-plan? Il y a plusieurs façons de le faire.

Méthode 1: utilisation du format de fichier PNG

Une façon consiste à enregistrer l'effet dans un format de fichier qui prend en charge la transparence. Le format JPEG.webp ne prend pas en charge la transparence, donc cela ne fonctionnera pas. Mais le format PNG le fait, et c'est le format dont nous avons besoin.

Comment enregistrer l'effet en tant que fichier PNG

Pour enregistrer votre effet de texte en tant que fichier PNG, accédez au menu Fichier dans la barre de menus et choisissez Enregistrer sous :

Allez dans Fichier> Enregistrer sous.

Dans la boîte de dialogue, nommez votre fichier (je nommerai le mien "Texte doré"), puis définissez le format sur PNG . Choisissez où vous souhaitez l'enregistrer, puis cliquez sur Enregistrer :

Enregistrement de l'effet de texte en tant que fichier PNG.

Définition des options de format PNG

Photoshop vous demandera de choisir un paramètre de compression pour le fichier PNG. Cela dépendra de la version de Photoshop que vous utilisez, mais je choisis toujours l'option pour la plus petite taille de fichier. Cliquez sur OK pour fermer la boîte de dialogue:

Choix de la plus petite option de taille de fichier.

Ouvrir votre nouveau fond

Une fois le fichier enregistré, ouvrez votre nouveau fond:

Ouverture de la nouvelle image d'arrière-plan.

Placement du fichier PNG dans le document

Montez dans le menu Fichier et, dans Photoshop CC, choisissez Placer intégré . Dans Photoshop CS6 ou version antérieure, choisissez Placer :

Allez dans Fichier> Placer incorporé.

Choisissez le fichier PNG que vous venez d'enregistrer, puis cliquez sur Placer :

Choisir le fichier PNG.

Photoshop place le fichier devant l'arrière-plan:

Placer le fichier dans le document.

Vous pouvez utiliser les poignées Free Transform pour redimensionner le texte si nécessaire. Mais dans mon cas, je vais simplement l'accepter en appuyant sur Entrée (Win) / Retour (Mac) sur mon clavier. Et juste comme ça, l'effet de texte a été déplacé vers son nouveau fond:

Le texte apparaît devant son nouveau fond.

Si nous regardons dans le panneau Calques, nous voyons que notre effet de texte a été ajouté en tant qu'objet intelligent au-dessus de l'image. Nous savons que c'est un objet intelligent par l'icône en bas à droite de la vignette. Une grande chose au sujet des objets intelligents est que nous pouvons les redimensionner sans aucune perte de qualité. Vous pouvez en savoir plus sur le redimensionnement des objets intelligents dans un didacticiel distinct:

Photoshop a placé le fichier en tant qu'objet intelligent.

Méthode 2: copier et coller

C'est donc une façon de déplacer un effet de texte sur un nouvel arrière-plan. Examinons une deuxième façon, et une où il n'est pas nécessaire d'enregistrer votre document dans un fichier séparé. Je vais supprimer mon effet en le faisant glisser vers le bas dans la corbeille au bas du panneau Calques:

Suppression de l'effet de texte.

Cela me laisse juste mon image de fond:

Seule l'image d'arrière-plan reste.

Je vais passer à mon document d'effet de texte, et comme le calque d'arrière-plan est toujours désactivé, nous voyons toujours l'arrière-plan transparent derrière le texte:

Revenir à l'effet de texte.

Fusion de l'effet de texte sur un nouveau calque

Une autre façon de déplacer votre effet sur un nouvel arrière-plan consiste à le copier-coller dans l'autre document. Pour le rendre plus facile, nous fusionnerons les calques qui composent notre effet de texte sur un nouveau calque.

Tout d'abord, assurez-vous que votre calque d'arrière-plan est désactivé afin de voir un arrière-plan transparent derrière le texte. Cliquez ensuite sur le calque supérieur pour le sélectionner:

Sélection du calque supérieur (avec le calque d'arrière-plan désactivé).

Pour fusionner votre effet de texte sur un nouveau calque, sur un PC Windows, appuyez sur Maj + Ctrl + Alt + E sur votre clavier. Sur un Mac, appuyez sur Maj + Commande + Option + E. Cela fusionne tous les calques visibles sur un nouveau calque au-dessus d'eux. Ce nouveau calque contient l'effet de texte et rien d'autre:

L'effet de texte a été fusionné sur un seul calque.

Assurez-vous que le calque fusionné est sélectionné, puis allez dans le menu Edition et choisissez Copier :

Allez dans Edition> Copier.

Ouvrez votre nouvelle image d'arrière-plan:

Passage au nouveau fond.

Revenez ensuite au menu Edition et choisissez Coller :

Allez dans Edition> Coller.

Photoshop colle l'effet de texte sur le nouvel arrière-plan:

Le résultat après avoir collé le calque d'effet de texte dans le nouveau document.

Dans le panneau Calques, nous voyons notre calque d'effet de texte au-dessus de l'image. Cette fois, c'est juste un calque normal, pas un objet intelligent:

Le calque d'effet de texte apparaît au-dessus du calque d'arrière-plan.

Méthode 3: placement du document d'effet de texte en tant qu'objet intelligent

Voilà donc deux façons de déplacer un effet de texte sur un nouvel arrière-plan. Regardons une autre façon, qui est aussi ma façon préférée. Encore une fois, je supprimerai mon effet en le faisant glisser vers le bas dans la corbeille:

Suppression du calque d'effet de texte.

Et puis je reviens à mon document d'effet de texte:

Revenir à l'effet de texte.

Réactiver le calque d'arrière-plan

Avant d'aller plus loin, je vais réactiver mon calque d' arrière-plan en cliquant sur son icône de visibilité dans le panneau Calques:

Réactiver le calque d'arrière-plan.

Cela restaure l'arrière-plan noir d'origine derrière le texte:

L'arrière-plan d'origine revient.

Suppression du calque d'effet de texte fusionné

Je supprimerai également mon calque d'effet de texte fusionné en le sélectionnant et en appuyant sur Retour arrière (Win) / Supprimer (Mac) sur mon clavier:

Sélection et suppression du calque fusionné.

Enregistrement et fermeture du document

Maintenant que j'ai restauré le document tel qu'il était à l'origine, je vais l'enregistrer en allant dans le menu Fichier et en choisissant Enregistrer :

Allez dans Fichier> Enregistrer.

Et puis je ferme mon effet de texte en revenant au menu Fichier et en choisissant Fermer :

Allez dans Fichier> Fermer.

Cela me laisse juste la nouvelle image de fond:

Le document d'effet de texte a été fermé.

Placement de l'effet de texte en tant qu'objet intelligent

Plus tôt, nous avons appris que nous pouvions déplacer notre effet de texte sur un nouvel arrière-plan en désactivant le calque d'arrière-plan, en enregistrant l'effet en tant que fichier PNG, puis en plaçant le fichier PNG dans l'autre document en tant qu'objet intelligent. Mais nous pouvons réellement placer l'intégralité du document d'effet de texte lui-même comme un objet intelligent! Et l'avantage est que le document restera modifiable.

Pour placer le document d'effet de texte dans mon document d'image d'arrière-plan, je monte dans le menu Fichier et je choisis Placer incorporé . Dans Photoshop CS6 ou une version antérieure, je choisirais Place :

Allez dans Fichier> Placer incorporé.

Cette fois, au lieu de choisir le fichier PNG que j'ai enregistré plus tôt, je vais choisir le véritable document Photoshop de l'effet de texte (le fichier .psd). Je clique dessus pour le sélectionner, puis je clique sur Placer :

Choix du document Photoshop de l'effet de texte.

Photoshop place l'effet de texte devant l'arrière-plan, comme auparavant:

Placer le document d'effet de texte devant le nouvel arrière-plan.

Encore une fois, nous pouvons le redimensionner à l'aide des poignées Free Transform, mais je l'accepterai simplement en appuyant sur Entrée (Win) / Retour (Mac). Notez, cependant, que l'arrière-plan noir d'origine est toujours visible derrière le texte et qu'il bloque le nouvel arrière-plan. En effet, le calque d'arrière-plan était toujours activé. Mais ce n'est pas un problème car il est facile à résoudre:

L'effet de texte a été ajouté, mais l'arrière-plan d'origine est toujours visible.

Modification du contenu de l'objet intelligent

Si nous regardons dans le panneau Calques, nous voyons à nouveau l'effet de texte ajouté en tant qu'objet intelligent au-dessus de l'image:

Le document d'effet de texte a été placé en tant qu'objet intelligent.

Mais cette fois, plutôt que de contenir un fichier PNG, l'objet intelligent tient une copie de l'ensemble du document d'effet de texte. Pour ouvrir l'objet intelligent et afficher son contenu, double-cliquez sur sa miniature:

Ouverture de l'objet intelligent pour afficher le document d'effet de texte.

L'effet de texte s'ouvre:

Document d'effet de texte à l'intérieur de l'objet intelligent.

Et si nous regardons dans le panneau Calques, nous voyons tous nos calques encore intacts:

Le panneau Calques affichant les calques d'effet de texte et le calque d'arrière-plan.

Désactiver le calque d'arrière-plan

Pour masquer l'arrière-plan d'origine, je désactiverai le calque d'arrière-plan en cliquant sur son icône de visibilité :

Désactiver le calque d'arrière-plan.

Cela nous laisse à nouveau avec un fond transparent:

Le fond est de nouveau transparent.

Enregistrement et fermeture de l'objet intelligent

Pour que notre modification apparaisse dans le document principal, nous devons enregistrer et fermer l'objet intelligent. Pour l'enregistrer, allez dans le menu Fichier et choisissez Enregistrer :

Allez dans Fichier> Enregistrer.

Et puis pour le fermer, revenez au menu Fichier et choisissez Fermer :

Allez dans Fichier> Fermer.

Et de retour dans le document principal, l'arrière-plan d'origine a maintenant disparu et nous voyons le nouvel arrière-plan à sa place:

Le résultat après avoir désactivé le calque d'arrière-plan dans l'objet intelligent.

Bonus: amélioration de l'effet

Pour terminer, je vais utiliser mon image d'arrière-plan pour améliorer rapidement l'effet d'étincelle autour du texte. Dans le panneau Calques, je sélectionnerai le calque d'arrière-plan:

Sélection du calque d'arrière-plan.

Ensuite, je vais faire une copie de l'image en appuyant sur Ctrl + J (Win) / Commande + J (Mac). La copie apparaît au-dessus de l'original:

Faire une copie de l'image d'arrière-plan.

Je clique sur la copie et je la fais glisser au-dessus de l'effet de texte:

Faites glisser la copie de l'image au-dessus du texte.

Cela bloque temporairement le texte de la vue:

L'effet de texte est temporairement masqué.

Enfin, pour masquer les zones de noir et mélanger les étincelles d'or avec le texte, je vais changer le mode de fusion de l'image de Normal à Écran:

Changer le mode de fusion des calques en écran.

Et voici mon résultat final:

L'effet final et amélioré.

Et nous l'avons là! Voilà comment déplacer un effet de texte sur un nouvel arrière-plan dans Photoshop! Apprenez à créer l'effet de texte doré utilisé dans ce tutoriel, ou consultez notre section Effets de texte pour plus de tutoriels! Et n'oubliez pas, tous nos tutoriels Photoshop sont disponibles en téléchargement au format PDF!

Catégorie: