Comment créer une bordure floue dans Photoshop

La vignette est un effet classique et intemporel qui assombrit les bords d'une photo pour mettre au point et attirer l'attention sur le sujet. Les vignettes peuvent également donner à une photo un aspect vintage ou nostalgique, ou ajouter un sentiment de mystère ou de drame.

Et avec les dégradés dynamiques dans Photoshop 2023, créer des effets de vignette n'a jamais été aussi simple. Le terme « Dégradé dynamique » signifie que toutes les propriétés du dégradé, y compris la couleur, la taille et la position, restent modifiables une fois le dégradé dessiné.

En combinant la flexibilité des dégradés dynamiques avec le dégradé classique de premier plan vers transparent de Photoshop, nous pouvons ajouter un effet de vignette avec un contrôle total sur l'apparence de cet effet.

Étape 1 : Réduire l'image

Tout d’abord, effectuez un zoom arrière pour ajouter de l’espace autour de l’image. Nous aurons besoin d’espace pour dessiner le dégradé.

Pour effectuer un zoom arrière, accédez au menu Affichage dans la barre de menus et sélectionnez la commande Zoom arrière .

Comment créer une bordure floue dans Photoshop
Allez dans Affichage > Zoom arrière.

Vous verrez quelques zones de carton gris autour de la photo.

Comment créer une bordure floue dans Photoshop
Résultat après réduction dans Photoshop

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

Ensuite, sélectionnez l’outil Dégradé dans la barre d’outils.

Comment créer une bordure floue dans Photoshop
Sélectionnez l’outil Dégradé dans la barre d’outils Photoshop.

Étape 3 : définissez la couleur de premier plan sur noir

Toujours dans la barre d’outils, assurez-vous que votre couleur de premier plan est définie sur noir.

Sinon, appuyez sur D sur votre clavier pour réinitialiser les couleurs de premier plan et d’arrière-plan par défaut (noir pour le premier plan et blanc pour l’arrière-plan).

Comment créer une bordure floue dans Photoshop
Échantillon de couleur de premier plan dans la barre d’outils Photoshop.

Étape 4 : définissez le mode de l’outil sur Dégradé

Ensuite, dans la barre d’options, assurez-vous que le mode outil (nouveau à partir de Photoshop 2023) est défini sur Dégradé, qui est la valeur par défaut.

Le dégradé est le paramètre dont nous avons besoin pour dessiner un dégradé en direct. L'autre option, Dégradé classique, force l'outil Dégradé à se comporter comme dans les versions antérieures de Photoshop, ce qui ne fonctionnera pas pour notre effet de vignette.

Comment créer une bordure floue dans Photoshop
Le mode outil doit être défini sur Dégradé.

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

Pour créer l'effet de vignette, nous avons besoin du dégradé Premier plan vers transparent de Photoshop.

Cliquez donc sur l’échantillon de dégradé pour ouvrir le sélecteur de préréglage de dégradé.

Comment créer une bordure floue dans Photoshop
Cliquez sur l'échantillon de dégradé pour ouvrir le sélecteur de préréglage de dégradé dans Photoshop

Faites pivoter pour ouvrir le dossier Basique et sélectionnez le dégradé Premier plan vers Transparent (vignette au milieu).

Appuyez ensuite sur Entrée sur un PC Windows ou sur Retour sur un Mac pour fermer le sélecteur de préréglages.

Comment créer une bordure floue dans Photoshop
Sélectionnez le dégradé du premier plan au transparent dans Photoshop

Étape 6 : définissez le style de dégradé sur Linéaire

À côté de la barre d'aperçu du dégradé se trouvent les icônes de style de dégradé.

Pour cet effet de vignette, choisissez le style Radial (deuxième icône en partant de la gauche), qui dessinera le dégradé vers l'extérieur à partir de son centre.

Comment créer une bordure floue dans Photoshop
Définissez le type de dégradé sur Radial dans Photoshop.

Étape 7 : Activer l’option Inverser

Dans la barre d’options, activez également l’ option Inverser en cliquant sur sa case à cocher.

Si vous ignorez cette étape, l’effet de vignette ne fonctionnera pas.

Comment créer une bordure floue dans Photoshop
Inverser le sens du dégradé.

Laissez Dither activé et Méthode définie sur Perceptuel. Les deux sont des paramètres par défaut. Et maintenant, nous sommes prêts à dessiner le dégradé.

Comment créer une bordure floue dans Photoshop
Options de tramage et de méthode par défaut pour l'outil Dégradé dans Photoshop.

Étape 8 : Dessinez un dégradé radial pour ajouter l’effet de vignette initial

Cliquez et maintenez le bouton de la souris sur l'image où vous souhaitez que le centre de l'effet de vignette apparaisse. Ne vous inquiétez pas de bien placer le dégradé, car avec les dégradés dynamiques, nous pouvons repositionner le dégradé après le dessin.

Ensuite, en maintenant le bouton de la souris enfoncé, faites glisser votre doigt loin de cette position pour étendre le dégradé vers l'extérieur.

Le centre du dégradé est transparent, ce qui permet à l'image en dessous de transparaître tandis que le dégradé s'estompe vers le noir sur le bord extérieur.

Comment créer une bordure floue dans Photoshop
Commencez à dessiner un dégradé du premier plan au transparent sur toute l’image.

Si vous voyez du noir au milieu et de la transparence sur les bords, c'est parce que vous avez oublié d'activer l' option Inverser à l'étape précédente. Alors, activez cette option.

Comment créer une bordure floue dans Photoshop
Le dégradé apparaît dans la mauvaise direction si l'option Inverser n'est pas sélectionnée.

Continuez ensuite à dessiner le dégradé vers l'extérieur. Vous souhaitez généralement étendre le dégradé au-delà des bords de l'image afin que les coins n'apparaissent pas trop sombres (c'est pourquoi l'image a été réduite à l'étape 1).

Comment créer une bordure floue dans Photoshop
Étendez le dégradé au-delà des bords de l'image.

Dans le panneau Calques, le dégradé apparaît sur son propre calque de remplissage dégradé. Cela permet de séparer le dégradé et l'image afin que nous puissions ensuite modifier le dégradé.

Comment créer une bordure floue dans Photoshop
Le panneau Calques dans Photoshop montrant le nouveau calque de remplissage dégradé.

Étape 9 : Repositionnez l’effet de vignette autour du sujet

Maintenant que vous avez dessiné le dégradé, vous pouvez le repositionner en faisant glisser le curseur de couleur circulaire au milieu. Cela permet de centrer facilement la vignette autour de votre sujet ou de la placer où vous le souhaitez. Par exemple, faites glisser le centre du dégradé légèrement vers la droite.

Comment créer une bordure floue dans Photoshop
Déplacez le centre du dégradé pour repositionner l'effet de vignette.

Après avoir déplacé le dégradé, vous devrez peut-être le redimensionner en faisant glisser l'arrêt de couleur sur le bord extérieur. L'exemple va l'étendre un peu plus loin.

Comment créer une bordure floue dans Photoshop
Redimensionner le dégradé après le repositionnement.

Étape 10 : Élargissez la zone transparente au milieu

Si l'effet de vignette rend votre sujet trop sombre, vous pouvez étendre la zone transparente au milieu du dégradé.

Accédez au panneau Propriétés et faites défiler jusqu'à Contrôles d'opacité . Vous devrez peut-être les faire pivoter pour les ouvrir.

Comment créer une bordure floue dans Photoshop
Contrôles d'opacité dans le panneau Propriétés de Photoshop.

Cliquez ensuite sur l'arrêt de transparence blanc à droite et commencez à faire glisser vers la gauche, mais gardez un œil sur l'image.

Comment créer une bordure floue dans Photoshop
Faites glisser l'arrêt de transparence blanc vers la gauche.

Plus vous faites glisser, plus la transparence sera éloignée du centre, forçant les zones sombres à se rapprocher des bords et restaurant la luminosité d'origine de l'objet.

Comment créer une bordure floue dans Photoshop
Les parties sombres du dégradé ont été repoussées plus près du bord.

Étape 11 : Modifier la couleur de l’effet de vignette

L'utilisation du noir comme couleur d'effet de vignette peut rendre l'effet terne. Pour sélectionner une couleur différente, double-cliquez sur l'arrêt de couleur situé sur le bord extérieur du dégradé.

Comment créer une bordure floue dans Photoshop
Double-cliquez sur un arrêt de couleur extérieur pour changer la couleur.

Ensuite, sélectionnez une nouvelle couleur dans le sélecteur de couleurs ou cliquez sur une zone de l’image pour échantillonner la couleur.

Comment créer une bordure floue dans Photoshop
Échantillon de couleurs d’une image à utiliser pour l’effet de vignette.

Ensuite, puisque l’exemple utilise cette couleur pour créer un effet d’assombrissement, il sélectionnera une version beaucoup plus sombre et plus saturée dans le sélecteur de couleurs.

Cliquez sur OK pour fermer le sélecteur de couleurs lorsque vous avez terminé.

Comment créer une bordure floue dans Photoshop
Sélectionnez une version sombre et saturée de la couleur échantillonnée.

Avec le dégradé devenant désormais brun foncé au lieu du noir, l'effet de vignette semble un peu plus subtil et naturel.

La nouvelle couleur choisie est encore trop sombre au goût de l'auteur, mais elle permettra de mieux voir l'étape suivante puisque l'article vous montre comment masquer l'effet de vignette dans la section claire.

Comment créer une bordure floue dans Photoshop
Résultat après avoir modifié la couleur de l'effet de vignette.

Étape 12 : Restaurer la luminosité dans les hautes lumières

L’un des problèmes de l’effet vignette est qu’il assombrit les parties claires. Avec l'image d'exemple, cela est très visible dans le ciel.

Pour réduire l’effet de vignette dans les zones lumineuses, cliquez sur l’ icône fx en bas du panneau Calques.

Comment créer une bordure floue dans Photoshop
Cliquez sur l’icône fx dans le panneau Calques de Photoshop.

Sélectionnez ensuite Options de fusion en haut de la liste.

Comment créer une bordure floue dans Photoshop
Ouvrir les options de fusion.

Au bas de la boîte de dialogue Style de calque , recherchez le curseur Calque sous-jacent (le bas des deux barres).

Comment créer une bordure floue dans Photoshop
Curseur de calque sous-jacent dans Photoshop.

En bas à droite de la barre se trouve un curseur de surbrillance blanc.

Comment créer une bordure floue dans Photoshop
Curseur de surbrillance.

Maintenez la touche Alt enfoncée sur un PC Windows ou la touche Option sur un Mac. Maintenez ensuite la touche fléchée enfoncée, cliquez et faites glisser vers le côté droit.

Comment créer une bordure floue dans Photoshop
Ajustez le curseur.

Faites attention à l’image pendant que vous continuez à faire glisser vers la gauche. Plus vous faites glisser, plus les hautes lumières seront restaurées, alors ajustez le curseur selon vos besoins.

Comment créer une bordure floue dans Photoshop
Faites glisser le curseur pour restaurer les surbrillances.

Cliquez sur OK pour fermer la boîte de dialogue Style de calque lorsque vous avez terminé.

Et maintenant, la vignette est à peine visible sur le ciel (points lumineux) tout en assombrissant encore les bords et les coins dans la moitié inférieure de l'image.

Comment créer une bordure floue dans Photoshop
Les points forts sont désormais affichés via un effet de vignette.

Étape 13 : Changez le mode de fusion en Lumière douce

Une autre façon de rendre la vignette plus naturelle est de modifier le mode de fusion dans le panneau Calques.

Avec le calque Remplissage dégradé actif, changez le mode de fusion de Normal à Lumière douce .

Comment créer une bordure floue dans Photoshop
Modifiez le mode de fusion du calque Remplissage dégradé sur Lumière douce.

Alors que le mode de fusion Normal (par défaut) assombrit simplement l'image, Soft Light ressemble davantage à un effet d'éclairage, mélangeant mieux le flou et l'image.

Comment créer une bordure floue dans Photoshop
Modifiez le mode de fusion du calque Remplissage dégradé sur Lumière douce.

Étape 14 : Ajustez la taille ou la position de l’effet si nécessaire

Effectuez les derniers ajustements à la taille ou à la position de l’effet de transition en faisant glisser les arrêts de couleur.

Comment créer une bordure floue dans Photoshop
Effectuez les derniers ajustements à la taille et à la position de l’effet de vignette

Étape 15 : Floutez l’effet de vignette en réduisant l’opacité

Enfin, si l’effet de vignette semble trop fort, vous pouvez adoucir le flou en réduisant l’opacité du calque de remplissage dégradé dans le panneau Calques.

Par exemple, réduisez l’opacité à 80 %.

Comment créer une bordure floue dans Photoshop
Effectuez les derniers ajustements à la taille et à la position de l’effet de vignette.

Comment masquer les contrôles de dégradé en direct

Pour masquer les contrôles de dégradé et obtenir une meilleure vue de l’effet de vignette, sélectionnez le calque Arrière-plan dans le panneau Calques pour désélectionner le calque Remplissage dégradé.

Comment créer une bordure floue dans Photoshop
La resélection du calque de remplissage dégradé ramènera les contrôles de dégradé.

Masquez les contrôles de dégradé en sélectionnant un autre calque.

Et voici l'effet de vignette final.

Effet de vignette ajouté à la photo à l'aide de Photoshop.

Comment créer une bordure floue dans Photoshop

Voir aussi :

Leave a Comment

Résolution des problèmes liés aux paramètres de proxy de Microsoft Teams

Résolution des problèmes liés aux paramètres de proxy de Microsoft Teams

Vous rencontrez des problèmes avec le proxy dans Microsoft Teams ? Découvrez des solutions éprouvées pour résoudre ces erreurs. Videz le cache, ajustez les paramètres du proxy et retrouvez des appels fluides en quelques minutes grâce à notre guide expert.

Pourquoi mon enregistrement Microsoft Teams a-t-il échoué ? Raisons courantes

Pourquoi mon enregistrement Microsoft Teams a-t-il échoué ? Raisons courantes

Vous êtes frustré(e) car votre enregistrement Microsoft Teams a échoué ? Découvrez les principales causes, telles que les problèmes d’autorisation, les limites de stockage et les dysfonctionnements du réseau, ainsi que des solutions étape par étape pour éviter les échecs futurs et enregistrer parfaitement à chaque fois.

Pourquoi ne puis-je pas voir les salles de sous-groupes dans ma réunion Teams ?

Pourquoi ne puis-je pas voir les salles de sous-groupes dans ma réunion Teams ?

Vous êtes frustré(e) car les salles de sous-groupes sont introuvables dans vos réunions Teams ? Découvrez les principales raisons de leur absence et suivez nos solutions pas à pas pour les activer en quelques minutes. Idéal pour les organisateurs comme pour les participants !

Résolution des problèmes liés au trousseau derreurs de Microsoft Teams sur Mac

Résolution des problèmes liés au trousseau derreurs de Microsoft Teams sur Mac

Vous rencontrez des problèmes avec le Trousseau d'accès Microsoft Teams sur Mac ? Découvrez des solutions de dépannage éprouvées et détaillées pour macOS afin de retrouver une collaboration fluide. Des solutions rapides à l'intérieur !

Où se trouvent les clés de registre de Microsoft Teams sous Windows 11 ?

Où se trouvent les clés de registre de Microsoft Teams sous Windows 11 ?

Découvrez l'emplacement précis des clés de registre Microsoft Teams sous Windows 11. Ce guide pas à pas vous explique comment les trouver, y accéder et les modifier en toute sécurité pour optimiser les performances et résoudre les problèmes. Indispensable pour les professionnels de l'informatique et les utilisateurs de Teams.

Comment résoudre lerreur 1200 de Microsoft Teams sur téléphone (iOS/Android)

Comment résoudre lerreur 1200 de Microsoft Teams sur téléphone (iOS/Android)

Vous en avez assez de l'erreur 1200 de Microsoft Teams qui interrompt vos appels téléphoniques ? Découvrez des solutions rapides et simples pour iOS et Android afin de reprendre rapidement une collaboration fluide, sans aucune compétence technique requise !

Où se trouve Microsoft Teams dans Outlook ? Localisation de l’icône manquante

Où se trouve Microsoft Teams dans Outlook ? Localisation de l’icône manquante

Vous êtes frustré(e) par la disparition de l'icône Microsoft Teams dans Outlook ? Découvrez où la trouver, pourquoi elle disparaît et comment la faire réapparaître pour des réunions sans souci. Mise à jour pour les dernières versions !

Comment résoudre lerreur « Longlet Wiki de Microsoft Teams ne se charge pas »

Comment résoudre lerreur « Longlet Wiki de Microsoft Teams ne se charge pas »

Vous rencontrez des difficultés avec le chargement des onglets Wiki dans Microsoft Teams ? Découvrez des solutions éprouvées, étape par étape, pour résoudre rapidement le problème, restaurer vos onglets Wiki et optimiser la productivité de votre équipe en toute simplicité.

Comment résoudre lerreur matérielle de Microsoft Teams (correction du registre 2026)

Comment résoudre lerreur matérielle de Microsoft Teams (correction du registre 2026)

Vous en avez assez des plantages de Microsoft Teams avec erreur critique ? Découvrez la solution éprouvée de 2026 modifications du registre qui résout le problème en quelques minutes. Guide pas à pas, captures d'écran et astuces pour une solution définitive. Compatible avec les dernières versions !

Comment rejoindre une réunion Microsoft Teams avec un identifiant et un code daccès

Comment rejoindre une réunion Microsoft Teams avec un identifiant et un code daccès

Rejoignez facilement une réunion Microsoft Teams grâce à votre identifiant et votre code d'accès, que ce soit sur ordinateur, mobile ou navigateur web. Suivez les instructions étape par étape avec des captures d'écran pour un accès rapide : aucune invitation n'est requise !

Comment vider le cache de Microsoft Teams pour résoudre les problèmes de performances

Comment vider le cache de Microsoft Teams pour résoudre les problèmes de performances

Vous rencontrez des problèmes de lenteur avec Microsoft Teams ? Découvrez comment vider le cache de Microsoft Teams étape par étape pour résoudre les problèmes de performance, les ralentissements et les plantages, et améliorer la vitesse sur Windows, Mac, le Web et les appareils mobiles. Des solutions rapides et efficaces !

Résolution des erreurs réseau de Microsoft Teams sur un réseau Wi-Fi public

Résolution des erreurs réseau de Microsoft Teams sur un réseau Wi-Fi public

Vous rencontrez des problèmes de réseau avec Microsoft Teams sur un réseau Wi-Fi public ? Trouvez des solutions instantanées : optimisation du VPN, vérification des ports et vidage du cache pour rétablir vos appels et réunions sans interruption. Guide pas à pas pour une résolution rapide.

Où trouver le code QR Microsoft Teams pour une connexion mobile rapide ?

Où trouver le code QR Microsoft Teams pour une connexion mobile rapide ?

Découvrez où trouver le code QR Microsoft Teams pour une connexion mobile ultra-rapide. Un guide pas à pas illustré vous permettra de vous connecter en quelques secondes, sans mot de passe !

Comment résoudre les problèmes de son étouffé ou absent du microphone dans Microsoft Teams

Comment résoudre les problèmes de son étouffé ou absent du microphone dans Microsoft Teams

Vous en avez assez d'un son étouffé ou inexistant avec votre micro dans Microsoft Teams ? Découvrez comment résoudre les problèmes de micro de Microsoft Teams en quelques étapes simples et éprouvées. Un son clair vous attend !

Où trouver le dossier dinstallation de Microsoft Teams sur votre PC ?

Où trouver le dossier dinstallation de Microsoft Teams sur votre PC ?

Vous avez du mal à trouver le dossier d'installation de Microsoft Teams sur votre PC ? Ce guide pas à pas vous indique précisément où trouver les versions de Teams (nouvelle et classique), pour une installation par utilisateur ou par machine. Gagnez du temps !