Comment créer un flou d’arrière-plan Bokeh sur une photo dans photoshop

Lorsque vous photographiez avec un bon appareil photo et un bon objectif et que l’ouverture est grande ouverte, vous pouvez créer un bel effet de profondeur de champ. Ceci est utilisé dans la photographie de portrait. Vous connaissez le look, c’est ce fond précieux, doux et flou avec le joli sujet pointu. Ensuite, il y a des lumières en arrière-plan, elles se transforment en petits disques sonores, appelés Bokeh lumineux (bo-kah). Ceci est facilement réalisé à huis clos, si vous avez suffisamment de matériel. Si vous n’avez pas un bel appareil photo reflex numérique, ou si vous avez une photographie existante à laquelle vous souhaitez ajouter de la valeur de production, ce tutoriel vous montrera comment obtenir cet effet doux / flou dans photoshop.

Comment ajouter du Bokeh à une photo et un arrière-plan Flou dans le tutoriel Photoshop

Je vais vous montrer comment créer ce fond de rêve doux avec cette photo. Nous avons certains de ces petits cercles qui sont connus sous le nom de bokeh, mais je vais le rendre beaucoup plus prononcé et beaucoup plus romantique. C’est le genre de chose qui serait généralement obtenue en utilisant une profondeur de champ très faible et une ouverture très grande ouverte sur l’appareil photo.

background-bokeh-blur-photoshop-tutorial01

La première chose que nous allons faire est de couper ces gens, et ensuite, il y a une petite astuce que je vais vous montrer pour ne pas avoir les franges sur les bords qui se produisent généralement lorsque vous floutez l’arrière-plan, et ensuite, nous allons créer cet effet bokeh.

background-bokeh-blur-photoshop-tutorial19

1. Découper le sujet

Pourquoi ne commençons-nous pas par les découper rapidement avec l’outil de sélection rapide. Prenez cet outil de sélection rapide et déplacez-le sur les zones que vous devez sélectionner. Maintenez la touche Alt ou la touche Option enfoncée pour la retirer de la sélection.

background-bokeh-blur-photoshop-tutorial02

Ça a l’air plutôt bien, mais je veux juste vérifier ma sélection. Cliquez sur Q pour Masque rapide, pour afficher dans Masque rapide. Vous recherchez les zones laissées de côté. Ça a l’air pas mal du tout. Appuyez sur Q pour quitter quickmask.

background-bokeh-blur-photoshop-tutorial03

Choisissez la Sélection et le masque dès maintenant, et je vais lui donner un peu d’éclat juste pour le rendre plus beau, et le nettoyer un peu. Nous allons choisir le nouveau calque avec une option de masque de calque.

background-bokeh-blur-photoshop-tutorial04

Nous les avons coupés

background-bokeh-blur-photoshop-tutorial05

Masquez le calque supérieur et sélectionnez le bas pour le voir comme arrière-plan. Alors voici la chose qui se passe; Quand les gens font un simple flou de l’arrière-plan comme celui-ci, remarquez cette frange que nous contournons là-bas? Vous pouvez voir que c’est presque comme un effet de halo ou un effet de doublement là-bas. Appuyez sur Annuler juste là et laissez-moi vous montrer une meilleure façon.

background-bokeh-blur-photoshop-tutorial06

background-bokeh-blur-photoshop-tutorial07

6. Préparer l’arrière-plan

Voici comment nous pouvons faire pour éliminer ce problème. Avec l’arrière-plan toujours comme calque actif, Ctrl clique sur le masque de calque pour faire une sélection.

background-bokeh-blur-photoshop-tutorial08

Choisissez Sélectionner, Modifier et développer ce paramètre de 1 pixel, puis choisissez Sélectionner, Modifier et le superposer de 1 pixel. Cela crée simplement un bord plus doux que ce bord dur.

background-bokeh-blur-photoshop-tutorial09

Utilisez le remplissage conscient du contenu. Cachez la couche supérieure pour que vous puissiez voir ce que nous faisons.

Appuyez sur Maj+ Supprimer sur Mac, (Maj + Retour arrière sur Windows), pour afficher la boîte de dialogue Remplir. Assurez-vous de sélectionner Contenu conscient, puis cliquez simplement sur ok. Vous pouvez voir que nous avons ce genre d’effet d’image fantôme, mais c’est tout ce dont nous avons besoin pour nous assurer que ces couleurs ne saignent pas sur les bords lorsque nous les brouillons plus tard.

background-bokeh-blur-photoshop-tutorial11

background-bokeh-blur-photoshop-tutorial12

Rallumez la couche supérieure. On y est presque.

background-bokeh-blur-photoshop-tutorial13

10. Rendre le Bokeh flou

Maintenant, nous voulons créer un arrière-plan flou doux, mais nous voulons vraiment améliorer ce bokeh dans l’arrière-plan qui vient de l’objectif, et cela lui donne ce look romantique vraiment agréable. Et cela donne aussi l’impression qu’il a été tourné avec un objectif beaucoup plus cher.

Alors assurons-nous que l’arrière-plan est sélectionné, puis nous allons choisir Filter > Galerie de flou > Flou de champ

Nous le faisons ici à l’intérieur de Photoshop CC / CS6. Maintenant, la galerie de flou a été ajoutée dans Photoshop CS6, (si vous avez une version antérieure, utilisez simplement le flou d’objectif Blur >, et vous obtiendrez un résultat similaire.)

Le flou de champ, c’est là que nous créons un effet de profondeur de champ en appliquant deux points normalement. Nous allons juste garder ce point unique pour créer un flou. En ce moment, nous sommes à environ un flou de 15 et nous voulons vraiment faire ressortir cet effet. Il faut un peu d’expérimentation pour que ce soit juste.

background-bokeh-blur-photoshop-tutorial14

Commencez par un Bokeh léger et nous allons juste le déplacer un peu jusqu’à ce que nous commencions à voir une partie de cet effet bokeh. D’accord, ça commence à arriver, mais ce n’est pas encore très propre.

Jouez avec la gamme de lumière. Nous allons effectivement le serrer, et donc nous apportons le triangle blanc. Apportez un peu plus de noir et ayez-les presque les uns sur les autres pour obtenir l’effet que nous recherchons.

background-bokeh-blur-photoshop-tutorial16

Augmentons le flou; voilà, et remarquez, cela change la taille des disques ronds.

background-bokeh-blur-photoshop-tutorial15

C’est vraiment un exercice d’équilibre consistant à jouer avec le Bokeh Léger, la Plage de Lumière et le Flou.

background-bokeh-blur-photoshop-tutorial17

Si nous cachons le calque supérieur pendant une seconde et regardons notre arrière-plan, remarquez qu’il est beau et transparent car nous avons utilisé ce remplissage conscient du contenu, il n’y a pas de franges ou quoi que ce soit autour, et nous avons donc pu créer cet effet comme ça.

background-bokeh-blur-photoshop-tutorial20

Donc, si nous le regardons avant et après, vous pouvez voir à quel point cette photo est plus rêveuse et romantique.

background-bokeh-blur-photoshop-tutorial01

background-bokeh-blur-photoshop-tutorial19

Prenez votre ebook PDF gratuit dès maintenant. Nous allions vendre cela pour 9,99 $, mais nous avons pensé que nous le donnerions à la place et que nous verrions ce qui se passait 🙂

blend

Ressources Connexes:

Comment découper une personne avec un bord de sélection et d’affinage rapides (CS5-CC)

Extraire les cheveux dans Photoshop (CC)

Masquer des images impossibles dans Photoshop (toutes les versions)

Apprenez comment utiliser un appareil photo reflex numérique ici avec ce tutoriel premium de Tim Cooper.

Merci beaucoup d’avoir consulté ce tutoriel. Le CAFÉ regorge de ressources gratuites, vous devriez toutes les vérifier. J’ajoute au moins un nouveau tutoriel chaque semaine!

Super de vous voir ici au CAFÉ!

Laissez un commentaire, dites bonjour! (Rejoignez la liste de diffusion et faites partie de l’équipe du CAFÉ et recevez un nouveau tutoriel chaque semaine)

Colin

  1. Super tutoriel. Merci

  2. Grande utilisation du remplissage conscient du contenu.

  3. C’était GÉNIAL! Quelqu’un l’a finalement fait — produisant un excellent tutoriel visuel facilement compréhensible combiné à des notes très détaillées AVEC des illustrations. Avantage: être capable de regarder le tutoriel sans gribouiller de notes et de recréer ce qui a été enseigné en se référant à d’excellentes notes sans avoir à revoir le tutoriel ou pire, évitez d’essayer car vous ne vous souvenez plus quoi faire. Merci!

    • Merci Plumeria, nous l’avons sur la plupart des tutoriels ici à photoshopCAFE. Mon objectif est d’avoir éventuellement des instructions écrites pour chaque tutoriel

  4. Merci! J’ai eu exactement le problème des bords saignants du premier plan et je n’avais jamais pensé à cette solution. J’ai trouvé votre tutoriel vraiment facile à apprendre. Merci encore!

  5. Excellent tutoriel pour rendre l’arrière-plan parfaitement flou. Merci de partager!

  6. Merci d’avoir clarifié comment travailler artistiquement avec un arrière-plan.

  7. Vos tutoriels de flou sont magnifiques et j’espère que tous les nouveaux apprenants de Photoshop en connaissent une bonne connaissance à ce sujet tutorial.So merci de partager ce super tutoriel..

  8. WOW!! beau tutoriel pour Photoshop..Merci pour shsare

  9. ceci est un tutoriel Photoshop génial et plus informatif. j’ai plus d’idée d’édition d’image d’ici. merci beaucoup pour cette meilleure idée

  10. Je suis perdu à « Nous allons choisir le nouveau calque avec une option de masque de calque. »Quelle nouvelle couche? Je ne vois qu’une couche.

  11. N’oubliez pas de partager vos images avec la communauté sur notre groupe facebook https://www.facebook.com/groups/53878338135/

  12. Hey Colin,

    J’ai adoré ce post en raison du flux de travail et des explications approfondies. Je me demandais comment je pouvais donner un effet bokeh dans photoshop depuis si longtemps. Ici, j’ai trouvé votre message avec toutes les réponses pour terminer le travail.

    Merci,
    Abhinay

  13. Étape 2) Mon masque est déjà inverse en sélectionnant les éléments que je veux garder au point?
    Étape 3) Sous la sélection, il n’y a pas de masque de points. Comment faites-vous cette nouvelle couche?

    Désolé, j’ai trouvé cela difficile à suivre.

Laisser un commentaire

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

More: