{"id":14257,"date":"2011-01-20T11:53:17","date_gmt":"2011-01-20T09:53:17","guid":{"rendered":"http:\/\/onsoftware.en.softonic.com\/?p=14257"},"modified":"2025-07-02T02:05:46","modified_gmt":"2025-07-02T09:05:46","slug":"how-to-create-a-quick-vignetting-effect-in-photoshop","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-create-a-quick-vignetting-effect-in-photoshop\/","title":{"rendered":"How to: create a quick vignetting effect in Photoshop"},"content":{"rendered":"<p>Sometimes a simple effect can spice up a picture more efficiently than a complicated one. This is the case with <a href=\"http:\/\/en.wikipedia.org\/wiki\/Vignetting\"><strong>vignettes<\/strong><\/a> \u2013 images in which the center is clear, while the edges fade off. There must be dozens of ways to achieve this effect, but I\u2019ve come up with a quick Photoshop trick that lets you apply a nice vignetting to your images in no time. Here\u2019s how I do it:<\/p>\n<p><strong>1.<\/strong> Open your picture in Photoshop and grab the <strong>Marquee<\/strong> tool (<strong>M<\/strong>). Change it to elliptical and draw a shape on your picture to set the limit between the part you want to keep clear \u2013 the center \u2013 and the part you want to fade off \u2013 the corners and edges.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14260\" title=\"vignette-01\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-01.jpg\" alt=\"\" width=\"599\" height=\"524\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-01.jpg 599w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-01-300x262.jpg 300w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/p>\n<p><strong>2.<\/strong> Go to <strong>Select &gt; Inverse<\/strong> to invert the selection and then press <strong>Q<\/strong> (or hit the button highlighted in the screenshot) to enter <strong>Quick Mask<\/strong> mode. The part with a pink layer over will be the one that remains perfectly visible in the vignette.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14261\" title=\"vignette-02\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-02.jpg\" alt=\"\" width=\"597\" height=\"455\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-02.jpg 597w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-02-300x228.jpg 300w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/p>\n<p><!--more--><strong>3.<\/strong> Now go to <strong>Filter &gt; Blur &gt; Gaussian blur<\/strong> and apply a strong blurring effect to the image. This will help smooth the transition from dark edges to a clear center.<strong><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14262\" title=\"vignette-03\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-03.jpg\" alt=\"\" width=\"592\" height=\"480\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-03.jpg 592w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-03-300x243.jpg 300w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/p>\n<p><strong>4.<\/strong> Press <strong>Q<\/strong> (or click the same button as in step 2 again to go back to <strong>Normal<\/strong> mode. The selection will be visible again. Now press <strong>Ctrl+L<\/strong> to open the <strong>Levels<\/strong> window, and reduce brightness by moving the white arrow to the center of the slider.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14263\" title=\"vignette-04\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-04.jpg\" alt=\"\" width=\"600\" height=\"410\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-04.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-04-300x205.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>5.<\/strong> Done! Press <strong>Ctrl+D<\/strong> to remove the selection and your vignetting effect is finished.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14259\" title=\"vignette-05\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-05.jpg\" alt=\"\" width=\"600\" height=\"453\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-05.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2011\/01\/vignette-05-300x226.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes a simple effect can spice up a picture more efficiently than a complicated one. This is the case with vignettes \u2013 images in which the center is clear, while the edges fade off. There must be dozens of ways to achieve this effect, but I\u2019ve come up with a quick Photoshop trick that lets &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/en\/how-to-create-a-quick-vignetting-effect-in-photoshop\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to: create a quick vignetting effect in Photoshop&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2011,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[2441],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-14257","post","type-post","status-publish","format-standard","hentry","category-how-to"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/14257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/2011"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=14257"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/14257\/revisions"}],"predecessor-version":[{"id":334485,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/14257\/revisions\/334485"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=14257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=14257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=14257"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=14257"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=14257"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=14257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}