{"id":12613,"date":"2019-08-30T10:30:41","date_gmt":"2019-08-30T08:30:41","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=12613"},"modified":"2022-11-03T11:34:41","modified_gmt":"2022-11-03T10:34:41","slug":"tuto-photoshop-effet-bokeh","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/","title":{"rendered":"Tuto Photoshop&nbsp;: comment ajouter un effet bokeh \u00e0 votre image&nbsp;?"},"content":{"rendered":"<p>Apr\u00e8s avoir r\u00e9ussi \u00e0 retoucher votre<a href=\"https:\/\/graphiste.com\/tuto\/tuto-photoshop-retoucher-portrait\/\"> portrait avec ce tutoriel<\/a>, il est temps maintenant de lui donner un peu de pep&#8217;s avec l&#8217;effet Bokeh.<\/p>\n<p>L&#8217;effet Bokeh est un flou artistique ou esth\u00e9tique des \u00e9l\u00e9ments d\u00e9focalis\u00e9s sur une photographie. Ce flou va permettre de d\u00e9tacher le sujet de son environnement et le mettre ainsi en valeur. On associe tr\u00e8s souvent l&#8217;effet Bokeh \u00e0 des lumi\u00e8res floues d&#8217;arri\u00e8re-plan, avec des contours lisses et ronds.<\/p>\n<p>Dans ce tutoriel, nous allons utiliser des photos libres de droit, sur lesquelles il est possible de jouer avec des effets. Il est \u00e0 noter que le contenu des photos n&#8217;est pas important, pour autant que les images ne soient pas trop lumineuses.<\/p>\n<p>Les liens des 3 images que vous allez utiliser dans ce tutoriel&nbsp;:<\/p>\n<ul>\n<li>Portrait f\u00e9minin<\/li>\n<li><a href=\"https:\/\/unsplash.com\/photos\/s4I1xpX_ny8\" target=\"_blank\" rel=\"noopener noreferrer\">Chicago<\/a><\/li>\n<li><a href=\"https:\/\/unsplash.com\/photos\/Dksk8szLRN0\" target=\"_blank\" rel=\"noopener noreferrer\">Image de carpes Ko\u00ef<\/a><\/li>\n<\/ul>\n<p>Pour commencer ce tutoriel, il est n\u00e9cessaire d\u2019avoir l\u2019espace de travail \u201cPhotographie\u201d ouvert dans photoshop. Vous aurez ainsi acc\u00e8s \u00e0 tous les outils n\u00e9cessaires pour ce tutoriel.<\/p>\n<p>Afin de modifier votre espace de travail, allez dans <strong>Fen\u00eatre &gt; Espace de travail &gt; Photographie.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12479\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/espace-travail.png\" alt=\"\" width=\"595\" height=\"162\" \/><\/p>\n<h2>Partie 1&nbsp;: Importez votre image<\/h2>\n<p>En premier lieu, vous allez importer votre image \u00e0 travailler dans Photoshop en cliquant sur <strong>Fichier &gt; Importer et Incorporer<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12615\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Capture-d\u2019\u00e9cran-2019-08-27-\u00e0-16.55.18-e1566917978585.png\" alt=\"tutoriel photoshop effet Bokeh\" width=\"650\" height=\"451\" \/><\/p>\n<p>Ensuite, vous importez \u00e9galement une deuxi\u00e8me image qui sera <strong>votre premier effet&nbsp;!\u00a0<\/strong>Pour cela r\u00e9p\u00e9tez la m\u00eame manipulation, <strong>Fichier &gt; Importer et incorporer et choisissez l&#8217;image de la ville.\u00a0<\/strong>Cette image \u00e0 pour but de donner une teinte violac\u00e9e esth\u00e9tique \u00e0 l&#8217;ensemble.<\/p>\n<p>Etirez ensuite l&#8217;image pour qu&#8217;elle fasse la m\u00eame taille que l&#8217;image de base de la jeune femme. Faites une transformation manuelle de l&#8217;image avec <strong>Cmd (ou Control) + T.<\/strong> Vous pouvez aussi aller dans <strong>Edition &gt; Transformation Manuelle.<\/strong><\/p>\n<p>Pour garder l&#8217;homot\u00e9thie de l&#8217;image, restez appuy\u00e9 sur <strong>MAJ<\/strong> pour ne pas la tordre dans tous les sens. Retournez-la pour que la ville soit la t\u00eate en bas&nbsp;! Les effets rouges de la circulation seront bien plus int\u00e9ressants sur le visage de la jeune fille.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12621\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Capture-d\u2019\u00e9cran-2019-08-27-\u00e0-17.37.03-e1566920242297.png\" alt=\"ville Tuto Photoshop\" width=\"650\" height=\"379\" \/><\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/6-extensions-wordpress-pour-creer-une-galerie-photo\">12 plugins WordPress pour cr\u00e9er une galerie photo<\/a><\/p><\/blockquote>\n<h2>Partie 2&nbsp;: Cr\u00e9ez votre ambiance<\/h2>\n<p>Une fois votre image\u00a0correctement dispos\u00e9e, allez dans <strong>Filtre &gt; Galerie d&#8217;effets de Flou &gt; Flou de profondeur de champ<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12622 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Capture-d\u2019\u00e9cran-2019-08-27-\u00e0-17.38.07-e1566920327481.png\" alt=\"filtre Tuto Photoshop effet bokeh\" width=\"650\" height=\"399\" \/>Dans la nouvelle fen\u00eatre qui s&#8217;ouvre, observez la colonne de droite&nbsp;:<\/p>\n<ul>\n<li>Flou de profondeur de champ&nbsp;: faites avancer le curseur <strong>jusqu&#8217;\u00e0 147 px<\/strong><\/li>\n<li>Dans Effets&nbsp;:\n<ul>\n<li>Eclairage Bokeh&nbsp;: <strong>34%<\/strong><\/li>\n<li>Couleur Bokeh&nbsp;: <strong>54%<\/strong><\/li>\n<li>Plage d&#8217;\u00e9clairage&nbsp;: <strong>Noir 214 \/ Blanc 255<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12623\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Capture-d\u2019\u00e9cran-2019-08-27-\u00e0-17.39.39-e1566920402378.png\" alt=\"image graphiste photoshop\" width=\"650\" height=\"394\" \/><\/p>\n<p>Cliquez ensuite sur OK tout en haut de la fen\u00eatre.<\/p>\n<p>Dans la bo\u00eete \u00e0 outil \u00e0 gauche, revenez sur vos calques et ajoutez l&#8217;effet <strong>&#8220;Superposition&#8221;<\/strong>\u00a0sur votre calque de ville &#8220;floue&#8221;.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12625\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot0.jpg\" alt=\"tutoriel photoshop effet bokeh\" width=\"510\" height=\"540\" \/><\/p>\n<p>Pour accentuer les effets, vous pouvez am\u00e9liorer les contrastes de l&#8217;image en ajoutant un calque de r\u00e9glage<strong> &#8220;Niveaux&#8221;. <\/strong>Pour appliquer ce calque de r\u00e9glage <strong>uniquement\u00a0<\/strong>\u00e0 celui de la ville &#8220;floue&#8221;, appuyez sur <strong>Option (ou Alt) pour les lier.\u00a0<\/strong>Une petite fl\u00e8che appara\u00eet au dessus du calque.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12627 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot1-e1566974529447.jpg\" alt=\"tutoriel photoshop effet bokeh gratuit\" width=\"650\" height=\"375\" \/><\/p>\n<p>Choisissez&nbsp;:\u00a0<strong>Niveaux&nbsp;: <\/strong>entr\u00e9e des tons moyens&nbsp;: <strong>0,73<\/strong> et entr\u00e9e des tons clairs <strong>238.\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12628 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Capture-d\u2019\u00e9cran-2019-08-28-\u00e0-08.38.43-e1566974690491.png\" alt=\"graphiste photoshop niveau \" width=\"650\" height=\"361\" \/><\/p>\n<p>Une fois termin\u00e9, vous pouvez <strong>renommer<\/strong> vos calques et <strong>les regrouper<\/strong> dans un m\u00eame dossier. Cliquez sur <strong>l&#8217;ic\u00f4ne du dossier<\/strong> (tout en bas) dans votre fen\u00eatre de calque.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12629 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot3.jpg\" alt=\"image graphiste dossier bokeh\" width=\"553\" height=\"314\" \/><\/p>\n<h2>Partie 3&nbsp;: Ajoutez l&#8217;effet Bokeh<\/h2>\n<p>Dans cette 3\u00e8me partie, sur le m\u00eame proc\u00e9d\u00e9 que la partie 2, nous allons incorporer une nouvelle image, les poissons, qui nous servira \u00e0 cr\u00e9er <strong>&#8220;l&#8217;effet Bokeh&#8221;.\u00a0<\/strong><\/p>\n<ul>\n<li>Allez sur<strong> Fichier &gt; Importer et incorporer<\/strong> votre image de poisson<\/li>\n<li>Cliquez ensuite sur <strong>Filtre &gt; Galerie d&#8217;effets de Flou &gt; Flou de profondeur de champ<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12632 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot4-1-e1566978619429.jpg\" alt=\"graphiste turoriel bocket\" width=\"650\" height=\"315\" \/><\/p>\n<p>Ajustez votre image selon ces crit\u00e8res&nbsp;:<\/p>\n<ul>\n<li>Flou de profondeur de champ&nbsp;: faites avancer le curseur <strong>jusqu&#8217;\u00e0 94 px<\/strong><\/li>\n<li>Dans Effets&nbsp;:\n<ul>\n<li>Eclairage Bokeh&nbsp;: <strong>77%<\/strong><\/li>\n<li>Couleur Bokeh&nbsp;: 11<strong>%<\/strong><\/li>\n<li>Plage d&#8217;\u00e9clairage&nbsp;: <strong>Noir 97 \/ Blanc 244<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Cliquez sur <strong>Ok. \u00a0<\/strong>R\u00e9glez ensuite le calque sur <strong>Superposition.\u00a0<\/strong>Comme vous pouvez le constater, certaines parties de l&#8217;image sont bien trop surexpos\u00e9es.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12634\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot7-e1566978956423.jpg\" alt=\"image graphiste tutoriel photoshop effet bokeh\" width=\"650\" height=\"394\" \/><\/p>\n<p><strong>Annulez les effets<\/strong> (Ctrl Z \/ Cmd Z) jusqu&#8217;\u00e0 revenir sur la photo originale des poissons. Avec l&#8217;outils <strong>Lasso (L),<\/strong> vous allez s\u00e9lectionner les parties les plus int\u00e9ressantes de l&#8217;image (ici les n\u00e9nuphars) et <strong>les dupliquer<\/strong> pour obtenir un patchwork.<\/p>\n<p>S\u00e9lectionnez les n\u00e9nuphars avec le lasso et faites un <strong>Copi\u00e9-Coll\u00e9<\/strong> pour ainsi d\u00e9placer votre nouveau calque un peu plus loin dans l&#8217;image.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12635\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot8-e1566979505271.jpg\" alt=\"image pour tutoriel effet bokeh photoshop gratuit graphiste\" width=\"632\" height=\"454\" \/><\/p>\n<p>Une fois votre patchwork termin\u00e9, s\u00e9lectionnez l&#8217;ensemble des calques des poissons et <strong>fusionnez-les.\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12636\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Capture-d\u2019\u00e9cran-2019-08-28-\u00e0-10.07.17-e1566979695777.png\" alt=\"fusion de calque photoshop\" width=\"650\" height=\"545\" \/><\/p>\n<p>Retournez ensuite dans <strong>Filtre &gt; Galerie d&#8217;effets de Flou &gt; Flou de profondeur de champ\u00a0<\/strong>et ajoutez les effets de votre choix sur l&#8217;image.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12637\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Capture-d\u2019\u00e9cran-2019-08-28-\u00e0-10.29.29-e1566981012946.png\" alt=\"effet bokeh image poisson tutoriel photoshop\" width=\"650\" height=\"372\" \/><\/p>\n<p>Une fois vos ajustements termin\u00e9s, r\u00e9glez votre calque sur <strong>Lumi\u00e8re tamis\u00e9e.\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12638\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot9-e1566981497429.jpg\" alt=\"tutoriel photoshop effet bokeh\" width=\"650\" height=\"476\" \/><\/p>\n<p>Cliquez sur <strong>Calque &gt;<\/strong>\u00a0<strong>masque de fusion <\/strong>et avec votre <strong>pinceau coloris blanc,<\/strong>\u00a0coloriez certaines parties sur le masque de fusion, pour mieux distinguer le personnage central.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12639\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot11-e1566981752293.jpg\" alt=\"tutoriel photoshop effet bokeh\" width=\"650\" height=\"488\" \/><\/p>\n<p>Pour obtenir une teinte autre que le vert, allez dans <strong>Calque &gt; Nouveau Calque de r\u00e9glage &gt; M\u00e9langeur de couches<\/strong><\/p>\n<p><strong><\/p>\n<blockquote><p>Attention&nbsp;: <\/strong>N&#8217;oubliez pas de lier ce calque uniquement \u00e0 votre calque &#8220;poisson&#8221; (restez appuy\u00e9 sur Option \/ Alt) pour voir appara\u00eetre la petite fl\u00e8che entre les deux calques.\u00a0<strong><\/p><\/blockquote>\n<p><\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12640\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot12-e1566982216488.jpg\" alt=\"image tutoriel effet bokeh photoshop\" width=\"650\" height=\"425\" \/><\/p>\n<p>Pour corriger <strong>la teinte de votre calque<\/strong>, s\u00e9lectionnez&nbsp;:<\/p>\n<ul>\n<li><strong>Couche de sortie Rouge&nbsp;:<\/strong> Rouge&nbsp;: +111 &#8211; \u00a0Vert&nbsp;: +41 &#8211; Bleu&nbsp;: -35<\/li>\n<li><strong>Couche de sortie Bleu&nbsp;:<\/strong> Rouge&nbsp;: 0 &#8211; \u00a0Vert&nbsp;: 0 &#8211; Bleu&nbsp;: -100<\/li>\n<li><strong>Couche de sortie Vert&nbsp;:<\/strong> Rouge&nbsp;: +65 &#8211; \u00a0Vert&nbsp;: +48 &#8211; Bleu&nbsp;: -91<\/li>\n<\/ul>\n<p>Une fois termin\u00e9, renommez vos calques et faites-en un nouveau dossier. Si vous souhaitez encore plus d&#8217;effets, vous pouvez <strong>dupliquer le dossier entier,\u00a0<\/strong>et lui appliquer une rotation, pour distribuer de mani\u00e8re homog\u00e8ne les halos de lumi\u00e8re. Je vous conseille de <strong>baisser l&#8217;opacit\u00e9 du dossier<\/strong> pour ne pas alourdir la composition.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12643\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot14-e1566983337616.jpg\" alt=\"img tutoriel photoshop\" width=\"650\" height=\"421\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Partie 4&nbsp;: Les ajustements<\/h2>\n<p>Si vous d\u00e9sirez donner plus de relief \u00e0 votre image&nbsp;:\u00a0<strong>Calque &gt; Nouveau calque de r\u00e9glage &gt; Courbes<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12642 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot13-e1566982767104.jpg\" alt=\"courbe ajustement image tutoriel photoshop\" width=\"650\" height=\"512\" \/><\/p>\n<p>Afin de lui donner une nouvelle source de lumi\u00e8re plus intense, faites un <strong>nouveau calque<\/strong> et utilisez votre pinceau <strong>(Brush B)<\/strong> de coloris blanc sur un c\u00f4t\u00e9 de l&#8217;image (ici en haut \u00e0 droite).<\/p>\n<p>Faites un clic droit sur votre calque et s\u00e9lectionnez <strong>&#8220;Options de fusion&#8221;.\u00a0<\/strong>Choisissez <strong>&#8220;Densit\u00e9 -&#8220;<\/strong>\u00a0en mode de fusion, d\u00e9cochez l&#8217;option <strong>&#8220;Calque form\u00e9 par transparence&#8221;,\u00a0<\/strong>et enfin mettez <strong>20%<\/strong> pour l&#8217;opacit\u00e9 du fond.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12644\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot15-e1566983564905.jpg\" alt=\"\" width=\"650\" height=\"399\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-12645 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot16-e1566984031362.jpg\" alt=\"touche finale photoshop\" width=\"650\" height=\"384\" \/><\/p>\n<h4>Et enfin la touche finale.<\/h4>\n<p>Pour faire ressortir ses yeux et d&#8217;autres \u00e9l\u00e9ments, faites un nouveau calque et utilisez<strong> l&#8217;outil &#8220;Nettet\u00e9&#8221;<\/strong> (en forme de triangle dans la barre d&#8217;outils \u00e0 gauche). En haut dans le menu, choisissez une intensit\u00e9 \u00e0 <strong>50%<\/strong> et\u00a0<strong>&#8221; Echantillonner tous les calques&#8221;<\/strong>.<\/p>\n<p>Mettez ainsi en avant ses yeux et quelques m\u00e8ches de cheveux.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12646\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/screenshot20-e1566984287759.jpg\" alt=\"image photoshop outils net\" width=\"650\" height=\"384\" \/><\/p>\n<p>Si vous le d\u00e9sirez, vous pouvez ajouter <strong>d&#8217;autres effets de lumi\u00e8res<\/strong> en utilisant des <a href=\"https:\/\/graphiste.com\/blog\/photoshop-brushes-gratuits\">brushs sp\u00e9ciaux <\/a>sur Photoshop.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Et voici le r\u00e9sultat final de votre image&nbsp;:\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-12648\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/Bockeh-tuto-version-finale.jpg\" alt=\"version finale Tuto Photoshop\" width=\"650\" height=\"433\" \/><\/p>\n<p>Si vous souhaitez faire appel \u00e0 des professionnels de la retouche photo, n\u2019h\u00e9sitez pas \u00e0 contacter nos graphistes disponibles sur <a href=\"https:\/\/graphiste.com\" target=\"_blank\" rel=\"noopener noreferrer\">Graphiste.com<\/a>.<\/p>\n<p>D\u00e9couvrez nos autres tutos Photoshop&nbsp;:<\/p>\n<ul>\n<li><a href=\"\/blog\/tuto-photoshop-nashville-instagram\" target=\"_blank\" rel=\"noopener noreferrer\">Comment recr\u00e9er le filtre Nashville d\u2019Instagram&nbsp;?<\/a><\/li>\n<li><a href=\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-double-exposition\">Tuto Photoshop&nbsp;: comment cr\u00e9er un effet de double exposition&nbsp;?<\/a><\/li>\n<li><i class=\"sui sui-chevron-right\"><\/i><a href=\"https:\/\/graphiste.com\/tuto\/photoshop-pour-les-nuls\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tuto Photoshop pour les nuls <\/a><\/li>\n<li><a href=\"https:\/\/graphiste.com\/tuto\/tutoriel-creer-script-photoshop\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tutoriel&nbsp;: cr\u00e9er un script sur Photoshop<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Apr\u00e8s avoir r\u00e9ussi \u00e0 retoucher votre portrait avec ce tutoriel, il est temps maintenant de lui donner un peu de pep&#8217;s avec l&#8217;effet Bokeh. L&#8217;effet Bokeh est un flou artistique ou esth\u00e9tique des \u00e9l\u00e9ments d\u00e9focalis\u00e9s sur une photographie. Ce flou va permettre de d\u00e9tacher le sujet de son environnement et le mettre ainsi en valeur. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12651,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[109],"tags":[107],"class_list":["post-12613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop","tag-tutoriel"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Apr\u00e8s avoir r\u00e9ussi \u00e0 retoucher votre portrait avec ce tutoriel, il est temps maintenant de lui donner un peu de pep&#039;s avec l&#039;effet Bokeh. L&#039;effet Bokeh\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Apr\u00e8s avoir r\u00e9ussi \u00e0 retoucher votre portrait avec ce tutoriel, il est temps maintenant de lui donner un peu de pep&#039;s avec l&#039;effet Bokeh. L&#039;effet Bokeh\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-30T08:30:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T10:34:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Laura Michaud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Michaud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/\"},\"author\":{\"name\":\"Laura Michaud\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\"},\"headline\":\"Tuto Photoshop&nbsp;: comment ajouter un effet bokeh \u00e0 votre image&nbsp;?\",\"datePublished\":\"2019-08-30T08:30:41+00:00\",\"dateModified\":\"2022-11-03T10:34:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/\"},\"wordCount\":1227,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg\",\"keywords\":[\"Tutoriel\"],\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/\",\"url\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/\",\"name\":\"Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg\",\"datePublished\":\"2019-08-30T08:30:41+00:00\",\"dateModified\":\"2022-11-03T10:34:41+00:00\",\"description\":\"Apr\u00e8s avoir r\u00e9ussi \u00e0 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\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"tutoriel photoshop gratuit effet bokeh\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photographie\",\"item\":\"https:\/\/graphiste.com\/blog\/photographie\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Photoshop\",\"item\":\"https:\/\/graphiste.com\/blog\/photographie\/photoshop\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2\",\"name\":\"Laura Michaud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g\",\"caption\":\"Laura Michaud\"},\"description\":\"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/michaudlaura\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/laura\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ? - Graphiste Blog","description":"Apr\u00e8s avoir r\u00e9ussi \u00e0 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","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/","og_locale":"fr_FR","og_type":"article","og_title":"Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ? - Graphiste Blog","og_description":"Apr\u00e8s avoir r\u00e9ussi \u00e0 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","og_url":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-08-30T08:30:41+00:00","article_modified_time":"2022-11-03T10:34:41+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg","type":"image\/jpeg"}],"author":"Laura Michaud","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Laura Michaud","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/"},"author":{"name":"Laura Michaud","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2"},"headline":"Tuto Photoshop&nbsp;: comment ajouter un effet bokeh \u00e0 votre image&nbsp;?","datePublished":"2019-08-30T08:30:41+00:00","dateModified":"2022-11-03T10:34:41+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/"},"wordCount":1227,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg","keywords":["Tutoriel"],"articleSection":["Photoshop"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/","url":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/","name":"Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg","datePublished":"2019-08-30T08:30:41+00:00","dateModified":"2022-11-03T10:34:41+00:00","description":"Apr\u00e8s avoir r\u00e9ussi \u00e0 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","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/08\/une-graphiste-effet-bockeh-photoshop-1.jpg","width":850,"height":423,"caption":"tutoriel photoshop gratuit effet bokeh"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/tuto-photoshop-effet-bokeh\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Photographie","item":"https:\/\/graphiste.com\/blog\/photographie\/"},{"@type":"ListItem","position":3,"name":"Photoshop","item":"https:\/\/graphiste.com\/blog\/photographie\/photoshop\/"},{"@type":"ListItem","position":4,"name":"Tuto Photoshop : comment ajouter un effet bokeh \u00e0 votre image ?"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/33c0ef04707fbe50a096f282050bb5f2","name":"Laura Michaud","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3328cc0c887f98cec6b2979af3311ab6333fc7cc2d4847514cfec6a56fa08a7?s=96&d=mm&r=g","caption":"Laura Michaud"},"description":"Laura connait tous les meilleurs outils pour g\u00e9rer des projets et une entreprise. Cr\u00e9ative, c'est aussi une sp\u00e9cialiste des outils de cr\u00e9ation graphique pour faire briller une entreprise.","sameAs":["https:\/\/www.linkedin.com\/in\/michaudlaura\/"],"url":"https:\/\/graphiste.com\/blog\/author\/laura\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/12613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=12613"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/12613\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/12651"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=12613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=12613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=12613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}