Create a Non-Destructive Vignette Effect in Seconds – Screencast
videos

Create a Non-Destructive Vignette Effect in Seconds – Screencast

on May 8th 2010 with 29 comments
Tutorial Details
  • Program: Adobe Photoshop
  • Difficulty: Beginner
  • Estimated Completion Time: 3 Minutes

Today we’ve got a really nice and simple tutorial demonstrating how to quickly add a beautiful, non destructive vignette effect to any image using Photoshop layers and blending modes.

Tags: Videos
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

My Name is Phil Beard I have worked as a graphic designer in the UK for over 11 years. I gained a majority of my experience in the fashion industry, working on demanding retouches for pre-production garments and lifestyle images. Currently, I live in Canada and work as a professional photographer.  

Plus Premium
 
 
  • Andrew

    Very nicely done! Simple yet very effective, great beginner tutorial for photographers using photoshop!

  • http://www.cdgn.co.uk Evil Uncle

    Really?!?

    Why not use radial gradient?

  • http://www.jakedillard.com Jake

    Or if you shoot in RAW, and have the RAW plugin for photoshop, you can do it there within seconds also.

    But I think this looks better to be honest.

    Great tutorial, thanks!

  • Ivan Todinov

    In other words…
    Create a gray to black radial gradient in a new layer and put its blending mode to soft light.

    I just don’t see why that took 4 min…

  • http://www.nathanielks.com Nathaniel

    I do a similar thing, but I’ll make a layer with 50% grey, then go to Filters -> Distort -> Lens Correction, then make a vignette by altering the vignette sliders in the middle. I like my way better b/c when you get to huge comps (US Letter @ 300ppi and larger) the largest brush you can use 2500px, which won’t cover the whole comp.

    By using the Lens Correction filter, I can make a vignette that fits every comp perfectly! Try it out!

  • Steve

    Cool tutorial with easy steps, great to beginner like me !!

  • http://luckebjucke.deviantart.com/ Lukas

    Good tut but a little to basic for me, one of the first things u get to learn when u get into PS, but yeah i guess this is good for complete beginners.

  • http://www.alexzdesign.ru Alexander Z

    Or U can use Filter->Distort->Lens Correction -> Vignette in Photoshop :D

  • adam

    good tut, a little slow but ya got there in the end

  • Jay

    Why not just use the vignette setting under Filter<Distort<Lens Correction. You can set it on a white background and set the blending mode to multiply. Just another option i guess.

  • http://www.5thstagemedia.com owent thomas

    I find it much better to do the following:

    - new layer
    - change blending mode to soft light or overlay
    - fill with %50 gray
    - select brush
    - drop opacity around %6 to %10
    - paint with black where you want the vignette

    it’s essentially the same concept. It just makes more sense to paint on where you want the vignette

  • http://www.logandesigns.co.uk Mark

    simple but effective

  • Rob

    The advertisement before the video is longer than the tut. Annoying as hell.

  • André Silva

    This tutorial is too simple to be in PSD tuts and also it’s a photography tutorial it should be on Photo tuts.
    Moreover is much better duplicate the original image and then apply the vignette effect with the “Lens Correction” filter, and then if you would like to remove the effect in some area, you could use the erase on that layer.
    Why you spend minutes to do a thing that takes just some seconds to do?
    Please don’t get me wrong, but it’s just my opinion.

  • iaroslav lazunov

    very useful

  • http://reeddesigns.herobo.com/ Jreed91

    Doesn’t seem like the simplest

  • http://prodigalconcepts.com/ rod rodriguez

    I don’t know about some of you but I like it. There’s always more than one way to do things and it doesn’t hurt to learn new ways to do the same thing and get the same result. You may even find it useful for a different project.

  • Rafa

    Phil,
    Great tip. I am sure someone will find this useful. The beauty about PS is that you can do the same thing in many different ways. Phil is only showing one of them… I don’t understand what it is with all the haters here. If you don’t like it, go away, or even better, make a tutorial yourself and posted it here. Some of you need to grow up.

    Rafa.

  • http://rachel.learnless.info/ Rachel

    Great technique – quick easy and super effective, thanks…

  • serendipity

    great tut!! gives a really nice effect…I know there are other ways to do it but not sure why others are watching a tutorial when they know how to do it…yes, see other techniques however there is no need for negatives.

  • Tom

    So much for “non-destructive”… As soon as you flattened, saved and closed the file, it became a permanent change.

    This is a cool technique for a perfectly circular and graded vignette. Thanks!

  • ali shah

    i want to learn about photoshope and aftereffect.

  • jmarreros

    cool and simple, thanks

  • Rodrigo

    very good!

    how do you to make effect HDR?

    you can help me, please;

  • http://diametrodapupila.tumblr.com Juliana

    Really nice!!
    Thank you.

  • DNN

    Thank you .
    It’s very interested

  • eu

    why not use inner shadow with distance 0 and set the size, and put soft light?

    more control….and i took the same time that i took to write how to do ahaha

  • Joydeep Bhadra

    For best way of achieving vignette effect on any image is to> Open any image in photoshop….then Go to > Filter>Distort > Lens correction. There you have vignette option. Why try all rubbish marquee selections and all curve/level things??

  • http://www.yazilimtr.com YAZILIM TR

    heyyy, very sweettttt :))
    Congratulations to you ! (: