Select Page

Quick Tip: Create Vignette Photo Effect in Photoshop in 2 steps

Quick Tip: Create Vignette Photo Effect in Photoshop in 2 steps

In this tutorial we are going to learn how to create Vignette photo effect in Photoshop in just 2 steps.
we wrote tutorial on Creating a vintage effect in 2 steps in our last post. And it was popular among readers, so here our post on photo effect in Photoshop in just 2 steps.
Vignette effect: these effects are occurred by often an unintended and undesired effect caused by camera settings or lens limitations. Later they are used in Morden digital word for design and photography to do creative effects.
More from Wikipedia:

In photography and optics, vignetting (from French “vignette”, pronounced /vɪnˈjɛtɪŋ/) is a reduction of an image’s brightness or saturation at the periphery compared to the image centre. The word vignette, from the same root as vine, originally referred to a decorative border in a book. Later, the word came to be used for a photographic portrait which is clear in the centre, and fades off at the edges. A similar effect occurs when filming projected images or movies off a projection screen. The resulting so-called “hotspot” effect defines a cheap home-movie look where no proper telecine is used. However, it is sometimes purposely introduced for creative effect, such as to draw attention to the center of the frame. A photographer may deliberately choose a lens which is known to produce vignetting to obtain the effect, or it may be introduced with the use of special filters or post-processing procedures.

How to Create Vignette Effect in Adobe Photoshop

Final preview:

Step : 1
Open any image in Photoshop, we have used black and white, you can use colour image also.

Create a New layer [ Ctrl+Shift+N ] . Now select the Elliptical marquee tool { M } and feather option from 50-80px ( remember the feather option is according to your image ).
note: you can try rectangular marquee tool in some images.

Press { Ctrl+ Shift+ I } or select -> inverse and fill it with black color #000000
. You are done !! now is that easy.

Option step : Create a border
Create a new layer and press Ctrl+A and with the selection press Alt+S+M+C and give appropriate pixel value :20px here

final preview - Sipi Sagar.V

We have planned to make photo effect tutorial without Photoshop Action, so Stay tuned and Subscribe to our Rss Feed .
Some Examples:

Hope you like this tutorial , spare some time for vote and comment on this post!!

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!

About The Author

Founder and Editor of this blog. For Daily Design and Photography Inspiration for Creative Fellow Humans. Giveaway Hunters [We Hosted 100+ Giveaway] Join with design rebel. Estd: 2009


  1. Thanks for the tutorial. BTW who is the guy in the picture?
    .-= Ricky @twitter apps´s latest blog ..Download Kaspesky Mobile Security 9 With Legal License Key For Free =-.

  2. nice and easy, thanks!
    .-= Nikola Lazarevic´s latest blog ..Things Designers Can Learn and Be Inspired by Biggest Tennis Tournament Wimbledon =-.

  3. Easy yet very effective…I like it!
    .-= Claudia´s latest blog ..Design Folio =-.

  4. Good tutorial guys…. but the official way to create a vignette effect (based on realistic calculations) is by adding a Lens Filter which can be found under the Filter Drop down menu.

    You can even set the focal length and depth using that filter.. Once your vignette filter has been created, just copy it onto your picture and set the blending mode to Multiply …….. just a thought :)

    But as you said, this is quicker …Thanks for the tutorial btw :)
    .-= Richie´s latest blog ..Unraveling the science behind the Photoshop Blend Modes – 1 =-.

  5. Great effect! Simple but still very nice. Please check out our site for interesting links about Photoshop. I think you guys will fins a lot of nice Photoshop tutorials at our site:

  6. Hey thanks real cool effect,

  7. Thanks! I’m used to doing this all the time in Final Cut Pro , but going back to Photo Shop it was a challenge – till I discovered your tutorial – thanks!

  8. super sir i have oil paint fillter sir pls


  1. Skapa snabbt och enkelt en snygg ram-effekt i Photoshop | - [...] På bloggen AnimHut hittade jag ett väldigt enkelt trick för att skapa en snygg ram-effekt på ett fotografi m.h.a.…
  2. Haziran 2010′un En İyi Photoshop Dersleri | - [...] Quick Tip: Create Vignette Photo Effect in Photoshop in 2 steps (Hızlı İpucu: Photoshop’da 2 adımda Kısa Hikaye Fotoğraf…
  3. 180+ Fresh Useful Articles for Web Designers and Developers! | tripwire magazine - [...] Quick Tip: Create Vignette Photo Effect in Photoshop in 2 steps [...]
  4. Tweets that mention Quick Tip: Create Vignette Photo Effect in Photoshop in 2 steps » Photoshop, Create, Later, Vignette, AltSMC, CtrlA » AnimHuT -- - [...] This post was mentioned on Twitter by Photoshop PLUS. Photoshop PLUS said: Quick Tip: Create Vignette Photo Effect in…
  5. why you need Deviantart ?-Celebrate with their Holiday Gifts | AnimHuT - [...] can see cosplay fans , photography, digital painting, vignette Photoshop effects and Free stock Images for other user to…
  6. 25 Free Lomography Desktop Wallpaper Photography Collection | AnimHuT - [...] images often have strange light effects ultra-satured colors, blurring, vignetting and other imperfections generally avoided in traditional photography –…
  7. Portfolio of Dargelirli: 3D Epic Origami Paper Art | AnimHuT - [...] the 1980′s like Vignette Photograhy and Vintage the Origami art has popularized with many artist and this world has…
  8. Photoshop CS6 Tutorials: Create Oil Painting Photo Effects | AnimHuT - […] give you more unique results. It’s all depending on your imagination and yes we will post our different Photo…

Leave a reply

Design Premium Sponsors:

Our Blog is using MaxCDN


For Design Updates



Join our mailing list to receive the latest news and updates from our team.

You have successfully subscribed & Thank you.


Google Ads:

Subscribe To Our Newsletter For More Offer !

You have Successfully Subscribed ! Thank you. Any suggestion how we can improve the blog ?