Il vous est surement déjà arrivé de voir des arrière-plans de ce type :
- En forme de bulle :
![Créer un effet Bokeh sous Photoshop Bokeh bulle](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-DFrpTj.jpeg)
- En forme de cœur :
![Créer un effet Bokeh sous Photoshop Bokeh coeur](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-t2vnac.jpeg)
- En forme d’étoile :
![Créer un effet Bokeh sous Photoshop Bokeh étoile](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-AXW8d9.jpeg)
- Ou même de toute autre forme :
![Créer un effet Bokeh sous Photoshop Bokeh lune](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-4PowjG.jpeg)
![Créer un effet Bokeh sous Photoshop Bokeh papillon](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-M9DCP6.jpeg)
![Créer un effet Bokeh sous Photoshop Bokeh carré](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-V59dAN.jpeg)
![Créer un effet Bokeh sous Photoshop Bokeh étoile à plusieurs branches](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-qq0Ozi.jpeg)
Vous pouvez même en voir un exemple sur la couverture de ma fanpage mais il est assez léger.
Cet effet s’appelle l’Effet Bokeh et c’est ce que nous allons réaliser dans ce tutoriel.
Pour commencer, nous allons choisir comme couleur d’arrière-plan du noir. Pour simplifier, on réinitialise les couleurs avec la touche D ou en cliquant sur
![Créer un effet Bokeh sous Photoshop Réinitialiser les couleurs par défaut](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-ZT4p7s.jpeg)
![Créer un effet Bokeh sous Photoshop Intervertir les couleurs](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-D5xwUG.jpeg)
On ouvre maintenant un nouveau document de 1 366 x 768 pixels avec une Résolution de 72 dpi en Mode Couleurs RGB et un Contenu de l’arrière-plan Couleur d’arrière-plan.
![Créer un effet Bokeh sous Photoshop Nouveau document Effet bokeh](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-llk99c.png)
Déverrouillez le calque par un double-clic dessus et nommez-le Arrière-plan.
![Créer un effet Bokeh sous Photoshop Déverrouiller le calque d'arrière-plan](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-o0iPky.jpeg)
Pour réaliser un effet Bokeh, il y a 2 possibilités de choix de base :
- Choisir une photo colorée
- Créer un dégradé de couleurs
Nous allons utiliser la deuxième option, mais je reviendrai rapidement sur la première à la fin de ce tutoriel.
Je crée un nouveau calque en cliquant sur Créer un calque
![Créer un effet Bokeh sous Photoshop Créer un calque](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-WIwrBV.png)
![Créer un effet Bokeh sous Photoshop Outil dégradé](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-WfE_1D.png)
![Créer un effet Bokeh sous Photoshop Dégradé linéaire](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-fZrAwq.jpeg)
![Créer un effet Bokeh sous Photoshop Choix de dégradé](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-z1OJRm.png)
![Créer un effet Bokeh sous Photoshop Fenêtre des dégradés](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-pOJCCc.png)
Je peux aussi créer directement mon dégradé en cliquant sur le dégradé :
![Créer un effet Bokeh sous Photoshop Créer un dégradé](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-ldYrG0.png)
Une fois mon dégradé sélectionné, mon curseur est représenté par une croix et je trace un trait en horizontal, en vertical ou en diagonal suivant le sens que je souhaite attribuer à mon dégradé. Vous pouvez retracer votre dégradé autant de fois que vous le souhaitez afin d’obtenir le dégradé souhaité.
Pour la suite du tutoriel, je vais renommer ce calque en Image colorée. Pour cela je fais un double-clic sur Calque 1 dans la palette des calques en cliquant bien sur le nom et non à côté sinon j’aurais la boîte de dialogue des Styles de calque qui s’ouvrira.
![Créer un effet Bokeh sous Photoshop Calque image colorée](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-Iw3RBL.jpeg)
Sur cette image, je vais appliquer un flou gaussien. Je vais donc dans Filtre > Flou > Flou gaussien…. Dans la fenêtre qui apparaît, je choisis un rayon de 58 pixels et je clique sur Ok.
![Créer un effet Bokeh sous Photoshop Flou gaussien 58 pixels](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-BYHLmv.png)
Le résultat sera plus ou moins important selon le dégradé choisi mais il sera beaucoup plus visible lorsque l’on utilisera une image. Je baisse ensuite l’opacité du calque à 55 % dans la palette des calques.
![Créer un effet Bokeh sous Photoshop Opacité 55](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-iThs0u.jpeg)
Je masque ensuite mes deux calques en cliquant sur l’œil à côté de chacun d’eux
![Créer un effet Bokeh sous Photoshop Oeil](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-Uyae7M.jpeg)
![Créer un effet Bokeh sous Photoshop Outil ellipse Illustrator](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-Elx7bZ.jpeg)
![Créer un effet Bokeh sous Photoshop Outil rectangle Illustrator](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-sJ86HF.png)
![Créer un effet Bokeh sous Photoshop Créer une ellipse](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-LUQBcg.png)
Maintenant, mon ellipse est dans un nouveau calque.
![Créer un effet Bokeh sous Photoshop Calque ellipse](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-7fB5bC.jpeg)
Je clique sur ce calque pour faire apparaître la fenêtre de Style de claque. Dans Options de fusion : Par défaut et dans la partie Fusion avancée, je baisse l’opacité du fond à 50 %.
![Créer un effet Bokeh sous Photoshop Style de calque de l'ellipse](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-f4siae.png)
Je vais ensuite dans Contour où j’augmente la taille à 10 pixels et choisis une position Intérieur et un Mode de fusion Normal. Je clique sur Ok.
![Créer un effet Bokeh sous Photoshop Contour de l'éllipse](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-5xJH1X.png)
Mon ellipse a changé d’aspect.
![Créer un effet Bokeh sous Photoshop Changement d'aspect de l'ellipse](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-Ugy6KF.png)
Allez dans Édition > Définir une forme prédéfinie… et, dans la boîte de dialogue qui s’affiche, nommez votre forme Bokeh et cliquez sur Ok.
![Créer un effet Bokeh sous Photoshop Nom de la forme personnalisée](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-9KvlyH.png)
Supprimez le calque avec l’ellipse et faites réapparaître les autres calques en cliquant sur la case noire remplaçant l’œil. Puis, créez un groupe en cliquant sur Créer un groupe
![Créer un effet Bokeh sous Photoshop Créer un groupe](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-msAtLy.jpeg)
![Créer un effet Bokeh sous Photoshop Groupe dans les calques](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-hC2DtZ.jpeg)
Cliquez sur l’outil Pinceau
![Créer un effet Bokeh sous Photoshop Outil pinceau](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-YUUes8.jpeg)
![Créer un effet Bokeh sous Photoshop Outil formes prédéfinies](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-EA41sV.jpeg)
![Créer un effet Bokeh sous Photoshop Forme de la pointe Bokeh](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-TjX9W2.png)
Cochez Dynamique de forme et appliquez une Variation de la taille de 100 %, un Diamètre minimal de 100 %, une Variation de l’angle de 0 % et une Variation de l’arrondi à 0 %.
![Créer un effet Bokeh sous Photoshop Dynamique de forme Bokeh](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-q8IjhV.png)
Cochez Diffusion et appliquez une Diffusion de 250 %, un Nombre de 2 et une Variation numérique de 50 %.
![Créer un effet Bokeh sous Photoshop Diffusion Bokeh](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-JbEiZM.png)
Cochez Transfert et appliquez une Variation de l’opacité de 50 % et une Variation du flux de 50 %.
![Créer un effet Bokeh sous Photoshop Transfert Bokeh](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-DNc0D9.png)
Enfin, laissez cochée la case Lissage. Refermez le panneau en cliquant sur la double flèche en haut à droite du panneau
![Créer un effet Bokeh sous Photoshop Fermer les formes](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-jVvC8U.png)
Inversez les couleurs de fond et d’arrière-plan en appuyant sur la touche X afin d’avoir du blanc sur noir. Dans les paramètres du pinceau, sous la barre de menus, assurez-vous d’avoir une Opacité de 100 % et un Flux de 100 %.
En étant placé sur le groupe Bulles dans la palette des calques, créez un nouveau calque en cliquant sur Créer un calque
![Créer un effet Bokeh sous Photoshop Créer un calque](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-qp6GRY.png)
![Créer un effet Bokeh sous Photoshop Calque grosses bulles](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-QiHMdP.jpeg)
Faites glisser votre souris sur votre document, sans la relâcher, et vos grosses bulles vont se diffuser.
![Créer un effet Bokeh sous Photoshop Bokeh grosses bulles](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-mige42.png)
Allez dans Filtres > Convertir pour les filtres dynamiques. Retournez dans Filtres > Flou > Flou gaussien… et indiquez un rayon de 25 pixels.
![Créer un effet Bokeh sous Photoshop Flou gaussien 25 pixels](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-aCLIJI.png)
Nous allons réitérer cette opération pour les 2 autres tailles de bulle à partir de la création du calque.
Créez un nouveau calque en cliquant sur Créer un calque
![Créer un effet Bokeh sous Photoshop Créer un calque](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-_8ZeZ3.png)
![Créer un effet Bokeh sous Photoshop Calque moyennes bulles](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-361DPl.png)
Cliquez droit sur votre document toujours avec l’outil Pinceau
![Créer un effet Bokeh sous Photoshop Outil pinceau](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-QfDlPv.jpeg)
![Créer un effet Bokeh sous Photoshop Taille du pinceau](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-NX0IMO.jpeg)
Vous pouvez faire de même en retournant dans le panneau de Forme et, dans Forme de la pointe, réglez la taille à 250 pixels. Puis, faites de nouveau glisser votre souris sur votre document, sans la relâcher.
![Créer un effet Bokeh sous Photoshop Bokeh moyennes bulles](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-7HusL4.png)
Allez dans Filtres > Convertir pour les filtres dynamiques. Retournez dans Filtres > Flou > Flou gaussien… et indiquez un rayon de 9 pixels.
![Créer un effet Bokeh sous Photoshop Flou gaussien 9 pixels](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-lBwCHk.png)
Créez un nouveau calque en cliquant sur Créer un calque
![Créer un effet Bokeh sous Photoshop Créer un calque](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-lFrovf.png)
![Créer un effet Bokeh sous Photoshop Calque Petites bulles](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-RDYzNB.jpeg)
Cliquez droit sur votre document toujours avec l’outil Pinceau
![Créer un effet Bokeh sous Photoshop Outil pinceau](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-94rdag.jpeg)
![Créer un effet Bokeh sous Photoshop Taille pinceau 125 pixels](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-9ATSLe.jpeg)
Vous pouvez toujours faire de même en retournant dans le panneau de Forme et, dans Forme de la pointe, réglez la taille à 125 pixels. Puis, faites de nouveau glisser votre souris sur votre document, sans la relâcher.
![Créer un effet Bokeh sous Photoshop Bokeh petites bulles](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-iPqLQ6.png)
Allez dans Filtres > Convertir pour les filtres dynamiques. Retournez dans Filtres > Flou > Flou gaussien… et indiquez un rayon de 1 pixel.
![Créer un effet Bokeh sous Photoshop Flou gaussien 1 pixel](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-fownqn.png)
Cliquez sur la flèche à côté du nom du groupe dans la palette des claques
![Créer un effet Bokeh sous Photoshop Fermer le groupe de calques](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-4hVN0a.jpeg)
Notre effet Bokeh est terminé. Nous pourrions nous arrêter là, mais nous allons le finaliser en ajoutant quelques étoiles.
![Créer un effet Bokeh sous Photoshop Bokeh densité couleur moins](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-cuKfCH.png)
Créez un nouveau calque, toujours dans le groupe (au-dessus des autres calques), en cliquant sur Créer un calque
![Créer un effet Bokeh sous Photoshop Créer un calque](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-5giooj.png)
Cliquez sur l’outil Pinceau
![Créer un effet Bokeh sous Photoshop Outil pinceau](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-8OVU_y.jpeg)
![Créer un effet Bokeh sous Photoshop Outil formes prédéfinies](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-RPKnQY.jpeg)
![Créer un effet Bokeh sous Photoshop Etoile forme de la pointe](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-HXyP4a.png)
Cochez Dynamique de forme et appliquez une Variation de la taille de 0 %, une Variation de l’angle de 100 % et une Variation de l’arrondi à 0 %.
![Créer un effet Bokeh sous Photoshop Etoile dynamique de forme](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-RntNp4.png)
Cochez Transfert et appliquez une Variation de l’opacité de 0 % et une Variation du flux de 0 %.
![Créer un effet Bokeh sous Photoshop Etoile transfert](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-dATMoW.png)
Enfin, laissez cochée la case Lissage et refermez le panneau en cliquant sur la double flèche en haut à droite du panneau
![Créer un effet Bokeh sous Photoshop Fermer les formes](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-j4Ztrw.png)
Appliquez cette brush au croisement de certaines bulles en faisant de simples clics.
![Créer un effet Bokeh sous Photoshop Effet bokeh avec étoiles](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-54fCvg.png)
Maintenant que notre effet Bokeh est terminé, je vais modifier l’image de base pour vous montrer ce que l’on peut faire avec une photo.
On referme tout d’abord notre groupe Bulles et l’on va se placer sur le calque Image colorée et cliquer sur Fichier > Importer… . Puis, recherchez votre image enregistrée sur votre ordinateur.
![Créer un effet Bokeh sous Photoshop Importer une image Photoshop](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-g8B6tb.png)
Avant de valider l’importation, j’adapte mon image à mon fond en utilisant les points situés autour de la photo. La photo peut être très déformée, cela n’a pas d’importance puisqu’elle sera floue et nous ne prendrons en compte que les couleurs. Pour valider l’importation, appuyez sur la touche Entrée ou cliquez sur la coche en haut de l’écran
![Créer un effet Bokeh sous Photoshop Valider l'importation](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-SClXrF.jpeg)
J’applique également un flou gaussien en allant dans Filtre > Flou > Flou gaussien…. Dans la fenêtre qui apparaît, je choisis un rayon de 58 pixels et je clique sur Ok.
![Créer un effet Bokeh sous Photoshop Flou gaussien bonbons](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-OXqdn8.png)
Et voici le résultat avec ces bonbons :
![Créer un effet Bokeh sous Photoshop Effet bokeh coloré](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-gLjfGw.jpeg)
Je peux recommencer cette opération autant de fois que je le souhaite en réimportant une image, en l’adaptant à mon fond et en lui appliquant un flou gaussien de 58 pixels, mais aussi en recréant un calque et en créant un dégradé comme au début de ce tutoriel.
La seule limite à cet effet est d’éviter les images trop blanches ou trop claires car elles resteraient assez blanches et seraient très lumineuses comme sur cet exemple :
![Créer un effet Bokeh sous Photoshop Effet bokeh lumineux](https://media.paperblog.fr/i/625/6259858/creer-effet-bokeh-sous-photoshop-L-1Yoafn.png)
Pour réaliser des effets Bokeh avec d’autres formes, il suffit de recréer des formes comme l’ellipse que nous avons dessinée pour faire les petites, moyennes et grosses bulles en choisissant une forme de votre choix. Contrairement au changement de fond (en dégradé ou en image), vous devrez refaire tout le dossier Bokeh. Pour accentuer la visibilité des formes, il suffit de réduire le flou gaussien de ces dernières.
Vous trouverez dans l’Espace Membres, 3 effets Bokeh réalisés avec les bulles créées que vous pouvez utiliser à titre personnel.
Téléchargez "Créer un effet Bokeh sous Photoshop" au format PDF
Je vous propose un fichier annexe dans l’Espace Membres contenant un fichier de brushs Photoshop avec des étoiles et 3 exemples d'effet Bokeh pour un usage personnel.