Comment flouter rapidement une image sur une couleur darrière-plan dans Photoshop avec les dégradés dynamiques

Vous devez faire fondre une image dans une couleur d'arrière-plan pour ajouter de l'espace pour du texte ou d'autres éléments de conception ? Dans ce didacticiel, nous examinerons la méthode la plus récente et la plus simple pour faire fondre une image vers une couleur d'arrière-plan dans Photoshop, qui consiste à utiliser des dégradés dynamiques.

Les dégradés en direct incluent tout ce qui concerne l'effet de dégradé (couleur, angle, etc.) qui peut être modifié une fois l'effet de dégradé créé. Et lorsque nous combinons cet effet avec l'effet de dégradé de premier plan vers transparent de Photoshop, nous disposons d'un moyen rapide et facile de faire fondre une image vers n'importe quelle couleur dont nous avons besoin. Voyons comment fonctionne cet effet !

Étape 1 : Créer un nouveau document Photoshop

Commençons par créer un nouveau document. Si vous êtes sur l'écran principal, cliquez sur le bouton Nouveau fichier .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Cliquez sur le bouton Nouveau fichier sur l’écran principal.

Ou depuis l'interface principale de Photoshop, allez dans le menu Fichier et sélectionnez Nouveau .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez la commande Nouveau dans le menu Fichier.

Dans la boîte de dialogue Nouveau document, entrez les paramètres de votre document.

Ce guide définira :

  • La largeur est de 3000 pixels
  • La hauteur est de 1600 pixels
  • La résolution est de 300 pixels/pouce
  • Le fond est blanc
Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Installer un nouveau document.

Cliquez ensuite sur le bouton Créer .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Créer un nouveau document Photoshop

Le nouveau document apparaîtra.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Nouveau document Photoshop.

Si nécessaire, zoomez sur le document en allant dans le menu Affichage et en sélectionnant Ajuster à l'écran .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez la vue Ajuster à l’écran dans Photoshop.

Étape 2 : Placer l’image dans le document

Ajoutez une image à votre document en allant dans le menu Fichier et en sélectionnant Placer incorporé .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez la commande Placer incorporé dans Photoshop

Accédez à l’emplacement où l’image est stockée sur votre ordinateur, cliquez sur l’image pour la sélectionner, puis cliquez sur Placer .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez une image à placer dans le document.

Photoshop place l'image sur la toile. Il ajoute également des commandes de transformation libre autour de l'image afin que vous puissiez la redimensionner si nécessaire et la déplacer dans la bonne position.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques

Étape 3 : Repositionner l’image sur la toile

Déplacez l'image vers la gauche ou la droite de la toile pour faire de la place à la couleur. Maintenez la touche Maj de votre clavier enfoncée pendant que vous faites glisser pour faciliter le déplacement horizontal de l'image.

Par exemple, vous souhaitez que votre sujet apparaisse sur le côté droit de la toile et que la couleur s'estompe sur le côté gauche. L'image sera donc déplacée vers la droite.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Faites glisser l'image vers un côté de la toile

Cliquez ensuite sur la coche dans la barre d’options pour accepter et fermer la transformation libre.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Cliquez sur la coche.

Dans le panneau Calques, l’image apparaît sur son propre calque au-dessus du calque d’arrière-plan.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Le panneau Calques affiche le nouveau calque d’image.

Étape 4 : Sélectionnez l’outil Dégradé

Pour faire fondre l’image vers n’importe quelle couleur, sélectionnez l’outil Dégradé dans la barre d’outils.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez l'outil Dégradé dans Photoshop

Ensuite, dans la barre d'options, assurez-vous que le mode outil est défini sur Dégradé , ce qui nous permettra de dessiner un dégradé en direct. Si défini sur Dégradé classique , vous dessinerez l'ancien style de dégradé sans aucune fonctionnalité de dégradé en direct.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Définissez le mode de l’outil Dégradé sur Dégradé.

Étape 5 : Sélectionnez le dégradé du premier plan au transparent

Toujours dans la barre d’options, cliquez sur l’échantillon de dégradé.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Cliquez sur l'échantillon de dégradé

Ensuite, ouvrez le dossier Bases et sélectionnez le dégradé Premier plan vers transparent . Appuyez sur Entrée ou Retour sur votre Mac pour accepter.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez le dégradé du premier plan au transparent dans Photoshop

Assurez-vous que le style de dégradé est défini sur Linéaire car nous voulons dessiner le dégradé en ligne droite. Assurez-vous également que Reverse est désactivé, que Dither est activé pour aider à réduire les bandes de couleur et que Method est défini sur Perceptual.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Autres paramètres de l'outil de dégradé.

Étape 6 : Choisissez une couleur pour flouter l’image

Sélectionnez une couleur pour le dégradé en cliquant sur l’échantillon de couleur de premier plan dans la barre d’outils.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Cliquez sur l’échantillon de couleur de premier plan.

Ce sera la couleur vers laquelle l'image s'estompera. Étant donné que nous dessinons un dégradé en direct, vous pouvez toujours revenir en arrière et modifier les couleurs ultérieurement.

L'exemple sélectionnera le blanc pour l'instant (définissez toutes les valeurs R, G et B sur 255). Cliquez ensuite sur OK pour fermer le sélecteur de couleurs.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Choisissez une couleur de fondu dans le sélecteur de couleurs de Photoshop.

Étape 7 : Dessiner un dégradé sur l’image

Cliquez et maintenez l'image pour définir le point de départ du dégradé. L'exemple commencera près du bord gauche de l'image.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Cliquez et maintenez le bouton de la souris sur le point de départ du dégradé.

Maintenez ensuite le bouton de la souris enfoncé et commencez à faire glisser à partir de ce point. Maintenez la touche Maj de votre clavier enfoncée pendant que vous faites glisser pour faciliter le glissement direct.

L’un des avantages des dégradés dynamiques par rapport aux dégradés classiques est que nous pouvons prévisualiser le dégradé pendant que nous dessinons.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Faites glisser le dégradé sur l'image.

Ne vous inquiétez pas d'obtenir le dégradé exactement maintenant. Dessinez simplement le dégradé initial et relâchez le bouton de la souris.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
La couleur initiale s'estompe une fois le dégradé terminé.

Dans le panneau Calques, le dégradé est ajouté à son propre calque de remplissage dégradé au-dessus de l'image, gardant ainsi le dégradé et l'image séparés.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Un dégradé en direct est ajouté en tant que calque de remplissage dégradé.

Étape 8 : Ajustez les points de début et de fin de l’effet de fondu

Notez les commandes sur la toile que nous pouvons maintenant utiliser pour modifier le dégradé.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Contrôles de dégradé en direct sur la toile dans Photoshop

Vous pouvez cliquer et faire glisser les arrêts de couleur à chaque extrémité du dégradé pour ajuster le point de départ et de fin du changement. Maintenez la touche Maj enfoncée pendant que vous faites glisser pour déplacer l'arrêt de couleur en ligne droite.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Ajustez les points de début et de fin du dégradé à l'aide de butées de couleur.

Vous pouvez même cliquer et faire glisser la ligne reliant les arrêts de couleur pour repositionner le dégradé sur la toile.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Faites glisser pour repositionner le dégradé.

Au-dessus de cette ligne, vous verrez une icône en forme de diamant. En général, cette icône contrôle le point médian entre les couleurs de chaque côté. Mais comme nous travaillons avec un dégradé de premier plan à transparent, faire glisser l'icône n'aura aucun effet.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Curseur de point médian de couleur.

Étape 9 : Ajuster le point médian du fondu

Mais vous pouvez ajuster le point médian entre la couleur et la transparence en allant dans le panneau Propriétés et en faisant défiler vers le bas jusqu'à ce que vous trouviez Contrôles d'opacité .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Contrôles d'opacité dans le panneau Propriétés.

Faites ensuite glisser l’icône en forme de losange sous la barre d’aperçu pour rapprocher le point médian de la couleur ou de la transparence.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Curseur de point médian de transparence.

Pour réinitialiser au centre, définissez l'emplacement sur 50 .

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Réinitialiser la position du point médian.

Étape 10 : Ajuster le fondu

Notez que la transition dans le dégradé entre la couleur et la transparence ne semble pas fluide. La majeure partie de la couleur est concentrée sur le côté gauche, puis s'estompe très rapidement vers la droite.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
La transition de la couleur à la transparence n’est pas aussi progressive que souhaité.

Parfois, changer le dégradé vers une méthode différente dans la barre d'options peut rendre les choses plus fluides.

La méthode par défaut est Perceptual . Il dessine les couleurs telles que nos yeux les voient naturellement, ce qui est généralement ce que vous souhaitez lorsque vous travaillez avec des dégradés. Mais Perceptual n’est pas toujours le meilleur choix pour cet effet.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
La méthode est définie sur Perceptuel.

Il existe une autre méthode appelée Classique , qui dessine les dégradés de la même manière que Photoshop les dessinait auparavant.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Changer la méthode en Classique.

Et remarquez que la transition semble désormais plus douce et plus progressive. Vous pouvez choisir la méthode qui convient le mieux à votre image, mais dans le cas d'exemple, Classic semble meilleur.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Résultats avec la méthode de gradient définie sur Classique.

Étape 11 : Choisissez une autre couleur à flouter (facultatif)

Pour modifier la couleur vers laquelle l'image s'estompe, double-cliquez sur l'arrêt de couleur de cette image. Assurez-vous de choisir un arrêt pour la couleur, pas pour la transparence.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Double-cliquez sur l'arrêt de couleur.

Il existe ensuite un moyen de choisir une autre couleur dans le sélecteur de couleurs.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez une nouvelle couleur mate dans le sélecteur de couleurs.

Ou pendant que le sélecteur de couleurs est toujours ouvert, vous pouvez échantillonner les couleurs directement à partir de l'image.

Mais avant d'échantillonner la couleur, accédez à l' option Taille de l'échantillon dans la barre d'options et changez-la de Échantillon de point à une taille plus grande comme 5 x 5 ou 11 x 11. De cette façon, vous échantillonnerez la couleur moyenne de la zone sur laquelle vous cliquez au lieu de la couleur d'un pixel spécifique. Par exemple, nous choisirons 5 x 5.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Choisissez un échantillon de plus grande taille.

Cliquez ensuite sur la couleur dans l'image pour l'échantillonner. L'exemple sélectionnera une nuance de gris dans le coin supérieur droit. Cliquez sur OK pour fermer le sélecteur de couleurs lorsque vous avez terminé.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez une nouvelle couleur de flou à partir de l'image.

Étape 12 : Effectuez les derniers ajustements à l’effet de fondu

À ce stade, vous pouvez toujours effectuer les derniers ajustements aux points de début et de fin de l’effet de dégradé en faisant glisser les arrêts de couleur.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Effectuez les derniers ajustements à la zone de dégradé.

Pour masquer les contrôles du canevas une fois terminé, sélectionnez simplement un calque autre que le calque Remplissage dégradé dans le panneau Calques.

Vous pouvez rétablir les contrôles du canevas en resélectionnant le calque de remplissage dégradé, mais vous devez également activer l'outil Dégradé dans la barre d'outils.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Sélectionnez un autre calque pour masquer les commandes sur la toile.

Voici le résultat final de l'image floutée à la couleur de fond, prête à ajouter du texte ou d'autres éléments de design sur la gauche.

Comment flouter rapidement une image sur une couleur d'arrière-plan dans Photoshop avec les dégradés dynamiques
Résultat final.

Laisser un commentaire

10 idées faciles de décoration d'Halloween pour une chambre d'étudiant qui n'abîmeront pas les murs

10 idées faciles de décoration d'Halloween pour une chambre d'étudiant qui n'abîmeront pas les murs

Créez une chambre d'étudiant festive grâce à 10 idées de décorations d'Halloween sans danger pour les murs, des conseils d'affichage adaptés aux locataires, des vérifications de sécurité incendie et des conseils de démontage.

Organisez une soirée films d'horreur nostalgiques des années 80 grâce à ces idées !

Organisez une soirée films d'horreur nostalgiques des années 80 grâce à ces idées !

Organisez une soirée films d'horreur des années 80 avec un niveau de peur clairement défini, une décoration rétro, des tenues inspirées de l'époque, des en-cas faciles à préparer et des jeux amusants pour la soirée cinéma.

La tendance des méchants : Les meilleurs costumes sombres pour Halloween 2026

La tendance des méchants : Les meilleurs costumes sombres pour Halloween 2026

Créez un look sombre et sophistiqué pour Halloween 2026 grâce à six idées de costumes inspirés des méchants, des conseils de style pratiques, des indications budgétaires et des vérifications de sécurité.

Une chasse aux bonbons adaptée aux personnes allergiques : le projet de la citrouille turquoise en 2026

Une chasse aux bonbons adaptée aux personnes allergiques : le projet de la citrouille turquoise en 2026

Découvrez ce que signifie le projet Teal Pumpkin en 2026, comment les hôtes peuvent offrir des friandises non alimentaires distinctes et comment les familles peuvent planifier des itinéraires et examiner les bonbons en toute sécurité.

La chasse aux bonbons en 2026 : ce qui change pour la nuit d’Halloween

La chasse aux bonbons en 2026 : ce qui change pour la nuit d’Halloween

Découvrez ce que révèle le dernier sondage d'Halloween 2026 sur la collecte de bonbons, les événements communautaires et les moyens pratiques d'organiser une sortie de quartier plus sûre.

Comment organiser une fête de la lune d'Halloween sur le thème de la spiritualité étoilée

Comment organiser une fête de la lune d'Halloween sur le thème de la spiritualité étoilée

Organisez une fête d'Halloween au clair de lune empreinte de réflexion, avec possibilité de méditation, observation simple des étoiles, indications précises sur le ciel de 2026, cadre spirituel respectueux et éclairage sécuritaire.

CAF : comment contester une dette et respecter les délais de recours

CAF : comment contester une dette et respecter les délais de recours

Dette Caf contestée : distinguez rectification, recours amiable et remise de dette, vérifiez le délai applicable et adressez votre demande au bon organisme.

Comment jeter une batterie externe à Paris ? Comparer magasin, Trimobile et Espace tri

Comment jeter une batterie externe à Paris ? Comparer magasin, Trimobile et Espace tri

À Paris, une batterie externe usagée va dans une collecte dédiée. Comparez magasin, Trimobile et Espace tri, avec les précautions si elle est endommagée.

Changement d’adresse à Amiens : quelles démarches effectuer avant et après le déménagement ?

Changement d’adresse à Amiens : quelles démarches effectuer avant et après le déménagement ?

Impôts, carte grise, Caf, collecte des déchets et stationnement : suivez les étapes essentielles pour signaler votre changement d’adresse à Amiens.

Comment se débarrasser d’un ordinateur à Angers ? Réparation, reprise ou déchèterie

Comment se débarrasser d’un ordinateur à Angers ? Réparation, reprise ou déchèterie

À Angers, comparez don, réparation, reprise en magasin et déchèterie pour un ordinateur usagé. Accès par badge, horaires et effacement des données.