Home
» Wiki
»
Comment flouter rapidement une image sur une couleur darrière-plan dans Photoshop avec les dégradés dynamiques
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 .
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 .
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
Installer un nouveau document.
Cliquez ensuite sur le bouton Créer .
Créer un nouveau document Photoshop
Le nouveau document apparaîtra.
Nouveau document Photoshop.
Si nécessaire, zoomez sur le document en allant dans le menu Affichage et en sélectionnant Ajuster à l'écran .
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é .
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 .
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.
É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.
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.
Cliquez sur la coche.
Dans le panneau Calques, l’image apparaît sur son propre calque au-dessus du calque d’arrière-plan.
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.
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.
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é.
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.
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.
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.
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.
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.
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.
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.
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.
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é.
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.
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.
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.
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é .
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.
Curseur de point médian de transparence.
Pour réinitialiser au centre, définissez l'emplacement sur 50 .
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.
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.
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.
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.
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.
Double-cliquez sur l'arrêt de couleur.
Il existe ensuite un moyen de choisir une autre couleur dans le sélecteur de couleurs.
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.
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é.
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.
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.
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.