Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

Tuto Photoshop : comment ajouter un effet bokeh à votre image ?

Après avoir réussi à retoucher votre portrait avec ce tutoriel, il est temps maintenant de lui donner un peu de pep’s avec l’effet Bokeh....

Publié par Emeline Rizoud

Après avoir réussi à retoucher votre portrait avec ce tutoriel, il est temps maintenant de lui donner un peu de pep’s avec l’effet Bokeh.

L’effet Bokeh est un flou artistique ou esthétique des éléments défocalisés sur une photographie. Ce flou va permettre de détacher le sujet de son environnement et le mettre ainsi en valeur. On associe très souvent l’effet Bokeh à des lumières floues d’arrière-plan, avec des contours lisses et ronds.

Dans ce tutoriel, nous allons utiliser des photos libres de droit, sur lesquelles il est possible de jouer avec des effets. Il est à noter que le contenu des photos n’est pas important, pour autant que les images ne soient pas trop lumineuses.

Les liens des 3 images que vous allez utiliser dans ce tutoriel :

Pour commencer ce tutoriel, il est nécessaire d’avoir l’espace de travail “Photographie” ouvert dans photoshop. Vous aurez ainsi accès à tous les outils nécessaires pour ce tutoriel.

Afin de modifier votre espace de travail, allez dans Fenêtre > Espace de travail > Photographie.

Partie 1 : Importez votre image

En premier lieu, vous allez importer votre image à travailler dans Photoshop en cliquant sur Fichier > Importer et Incorporer

tutoriel photoshop effet Bokeh

Ensuite, vous importez également une deuxième image qui sera votre premier effet ! Pour cela répétez la même manipulation, Fichier > Importer et incorporer et choisissez l’image de la ville. Cette image à pour but de donner une teinte violacée esthétique à l’ensemble.

Etirez ensuite l’image pour qu’elle fasse la même taille que l’image de base de la jeune femme. Faites une transformation manuelle de l’image avec Cmd (ou Control) + T. Vous pouvez aussi aller dans Edition > Transformation Manuelle.

Pour garder l’homotéthie de l’image, restez appuyé sur MAJ pour ne pas la tordre dans tous les sens. Retournez-la pour que la ville soit la tête en bas ! Les effets rouges de la circulation seront bien plus intéressants sur le visage de la jeune fille.

ville Tuto Photoshop

Partie 2 : Créez votre ambiance

Une fois votre image correctement disposée, allez dans Filtre > Galerie d’effets de Flou > Flou de profondeur de champ

filtre Tuto Photoshop effet bokehDans la nouvelle fenêtre qui s’ouvre, observez la colonne de droite :

  • Flou de profondeur de champ : faites avancer le curseur jusqu’à 147 px
  • Dans Effets :
    • Eclairage Bokeh : 34 %
    • Couleur Bokeh : 54 %
    • Plage d’éclairage : Noir 214 / Blanc 255

image graphiste photoshop

Cliquez ensuite sur OK tout en haut de la fenêtre.

Dans la boîte à outil à gauche, revenez sur vos calques et ajoutez l’effet “Superposition” sur votre calque de ville “floue”.

tutoriel photoshop effet bokeh

Pour accentuer les effets, vous pouvez améliorer les contrastes de l’image en ajoutant un calque de réglage “Niveaux”. Pour appliquer ce calque de réglage uniquement à celui de la ville “floue”, appuyez sur Option (ou Alt) pour les lier. Une petite flèche apparaît au dessus du calque.

tutoriel photoshop effet bokeh gratuit

Choisissez : Niveaux : entrée des tons moyens : 0,73 et entrée des tons clairs 238. 

graphiste photoshop niveau

Une fois terminé, vous pouvez renommer vos calques et les regrouper dans un même dossier. Cliquez sur l’icône du dossier (tout en bas) dans votre fenêtre de calque.

image graphiste dossier bokeh

Partie 3 : Ajoutez l’effet Bokeh

Dans cette 3ème partie, sur le même procédé que la partie 2, nous allons incorporer une nouvelle image, les poissons, qui nous servira à créer “l’effet Bokeh”. 

  • Allez sur Fichier > Importer et incorporer votre image de poisson
  • Cliquez ensuite sur Filtre > Galerie d’effets de Flou > Flou de profondeur de champ

graphiste turoriel bocket

Ajustez votre image selon ces critères :

  • Flou de profondeur de champ : faites avancer le curseur jusqu’à 94 px
  • Dans Effets :
    • Eclairage Bokeh : 77 %
    • Couleur Bokeh : 11 %
    • Plage d’éclairage : Noir 97 / Blanc 244

Cliquez sur Ok.  Réglez ensuite le calque sur Superposition. Comme vous pouvez le constater, certaines parties de l’image sont bien trop surexposées.

image graphiste tutoriel photoshop effet bokeh

Annulez les effets (Ctrl Z / Cmd Z) jusqu’à revenir sur la photo originale des poissons. Avec l’outils Lasso (L), vous allez sélectionner les parties les plus intéressantes de l’image (ici les nénuphars) et les dupliquer pour obtenir un patchwork.

Sélectionnez les nénuphars avec le lasso et faites un Copié-Collé pour ainsi déplacer votre nouveau calque un peu plus loin dans l’image.

image pour tutoriel effet bokeh photoshop gratuit graphiste

Une fois votre patchwork terminé, sélectionnez l’ensemble des calques des poissons et fusionnez-les. 

fusion de calque photoshop

Retournez ensuite dans Filtre > Galerie d’effets de Flou > Flou de profondeur de champ et ajoutez les effets de votre choix sur l’image.

effet bokeh image poisson tutoriel photoshop

Une fois vos ajustements terminés, réglez votre calque sur Lumière tamisée. 

tutoriel photoshop effet bokeh

Cliquez sur Calque > masque de fusion et avec votre pinceau coloris blanc, coloriez certaines parties sur le masque de fusion, pour mieux distinguer le personnage central.

tutoriel photoshop effet bokeh

Pour obtenir une teinte autre que le vert, allez dans Calque > Nouveau Calque de réglage > Mélangeur de couches

Attention
N’oubliez pas de lier ce calque uniquement à votre calque “poisson” (restez appuyé sur Option / Alt) pour voir apparaître la petite flèche entre les deux calques. 

image tutoriel effet bokeh photoshop

Pour corriger la teinte de votre calque, sélectionnez :

  • Couche de sortie Rouge : Rouge : +111 –  Vert : +41 – Bleu : -35
  • Couche de sortie Bleu : Rouge : 0 –  Vert : 0 – Bleu : -100
  • Couche de sortie Vert : Rouge : +65 –  Vert : +48 – Bleu : -91

Une fois terminé, renommez vos calques et faites-en un nouveau dossier. Si vous souhaitez encore plus d’effets, vous pouvez dupliquer le dossier entier, et lui appliquer une rotation, pour distribuer de manière homogène les halos de lumière. Je vous conseille de baisser l’opacité du dossier pour ne pas alourdir la composition.

img tutoriel photoshop

 

Partie 4 : Les ajustements

Si vous désirez donner plus de relief à votre image : Calque > Nouveau calque de réglage > Courbes

courbe ajustement image tutoriel photoshop

Afin de lui donner une nouvelle source de lumière plus intense, faites un nouveau calque et utilisez votre pinceau (Brush B) de coloris blanc sur un côté de l’image (ici en haut à droite).

Faites un clic droit sur votre calque et sélectionnez “Options de fusion”. Choisissez “Densité -“ en mode de fusion, décochez l’option “Calque formé par transparence”, et enfin mettez 20 % pour l’opacité du fond.

touche finale photoshop

Et enfin la touche finale.

Pour faire ressortir ses yeux et d’autres éléments, faites un nouveau calque et utilisez l’outil “Netteté” (en forme de triangle dans la barre d’outils à gauche). En haut dans le menu, choisissez une intensité à 50 % et ” Echantillonner tous les calques”.

Mettez ainsi en avant ses yeux et quelques mèches de cheveux.

image photoshop outils net

Si vous le désirez, vous pouvez ajouter d’autres effets de lumières en utilisant des brushs spéciaux sur Photoshop.

 

Et voici le résultat final de votre image : 

version finale Tuto Photoshop

Si vous souhaitez faire appel à des professionnels de la retouche photo, n’hésitez pas à contacter nos graphistes disponibles sur Graphiste.com.

Découvrez nos autres tutos Photoshop :

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

7 conseils pour réaliser une frise chronologique

Rien n’est plus pratique qu’une frise chronologique lorsque l’on veut illustrer des informations qui courent sur la durée. Même (surtout) lorsque...

Publié le par Emeline
Graphisme

Concilier webdesign & optimisations marketing : une utopie ?

Est-il vraiment possible de concilier optimisation marketing et webdesign ? Les webdesigners peuvent-ils vraiment apporter de la nouveauté et suivre les tendances web s’ils...

Publié le par Camille