CoffeeShop Vignette Tutorial for PS/PSE!

Here is the step-by-step tutorial for creating a vignette (burned edge) look on your images. This tutorial should work in all versions of Photoshop and Photoshop Elements. If you want to download the free action for the CoffeeShop Vignette, please go to http://coffeeteaphotography.blogspot.com/2008/08/coffeeshop-vignette-free-action.html .


1. Open the image in which you want to apply “burned” edges.

2. Select, all.

3. For Photoshop (if using Photoshop Elements, skip to Step 4): Select, Transform Selection, then change the W (width) to 80% and the H (height) to 80%, then press Enter.

4. Select, Feather and use 100 or greater for high resolution photos or if you want more vignette coverage, use approximately 50 for low resolution web photos. These numbers are only starting points, please adjust for the look you want.

5. Select, Inverse (or Ctrl-Shift-I).

6. Layer, Layer via copy (or just press Ctrl-J to copy that selected area to a new layer).

7. Change that new layer’s blending mode to Multiply.

8. Layer, Layer via copy (or just press Ctrl-J to copy the layer you just set to Multiply to a new layer).

9. Layer, New layer (or click on the add new layer icon in your layer pane) to add a new blank layer on top.

10. Hold down your alt key, then Layer, Merge Visible (or press Shift-Ctrl-Alt-E for Stamp Visible). This puts everything below that blank layer into that new blank layer, without effecting the bottom layers. Name this layer Vignette.

11. Throw away the two middle layers.

12. Make sure that you select the Vignette layer and adjust the Vignette layer’s opacity to taste. Then flatten image.

16 Comments:

annie August 21, 2008 at 9:52 PM  

Thanks for the tutorial! sbv

belle August 21, 2008 at 10:40 PM  

Thanks so much. Can't wait to give it a try!

scrappinkay August 22, 2008 at 9:42 AM  

you rock girl, thank you, thank you, thank you!!!!

Gretchen Clark August 22, 2008 at 9:46 AM  

thanks for the tutorial...cannot wait to try it out

Anonymous August 22, 2008 at 3:33 PM  

WOW! You are awesome. I have been searching EVERYWHERE for someone who has created actions for PSE. BUT I think I'm slow or something because I can't figure out how to install them (I use PSE6.0). I have followed the instructions to a T but I can't find anything that the instructions say on my computer. Starting with C:\documents and settings. WHAT AM I MISSING?!?!? I'm using Vista. I did find effects but it was in a plug-in file. That's not it, is it?!

Christina August 22, 2008 at 8:23 PM  

I just discovered your site today, and I am blown away by your generosity and talent! Thank you for sharing so many wonderful actions...I can't wait to play with all these new toys!

No Reimer Reason August 22, 2008 at 10:40 PM  

Your site is one in a million and fantastic. I love your tutorials. The directions on this were so simple to follow and it sure dresses up my photos. Thank you so much for sharing this.

Diane August 24, 2008 at 6:05 AM  

I just wanted to take the time to thanks you for sharing your actions and tutorials with all of us. Its nice to find a place to go for info on new techniques and so great to have actions that let us be creative with our photographs without spending a lot of time trying to get the right effect.
TFS

Tim and Jennifer August 26, 2008 at 9:34 PM  

This was awesome! Thanks so much!

Tejal September 3, 2008 at 7:55 AM  

Thanks a ton for the tutorial..I just have a problem. I'm just a new uses, been using PS7, Sometimes, I get barcode like lines in the middle of the photograph while changing the blending mode to Multiply in Step 7.

could you tell me what am I doing wrong?
Tejal

diana September 25, 2008 at 3:31 PM  

wow, you are a kind woman. i'm new to photoshop and have been searching everywhere for a good tutorial on this (i know, you've heard it before). but i just wish i could give you a hug for sharing all these actions and tips, you've changed my life! = ) someone should put you on oprah

hdarrah13 February 7, 2009 at 5:02 PM  

This is SO wonderful. I had tried to figure out vignette's myself and only got it halway right. So glad I found your blog!!

Ash May 28, 2009 at 2:58 PM  

Add me to the list of people that want to give you a big hug right now!!! Thank you!!!

Marelis July 21, 2010 at 8:54 PM  

Thanks for the tutorial. Took a bit to figure out what I was doing wrong..lol! But once I figured it out it was easy :) I will def be using this one lots!!

Anonymous October 24, 2010 at 11:49 AM  

Thank you for your tutorials and lessons. I have been looking for information like this for over a year. Clear and completely understandable. Thank you.

Beckie January 1, 2013 at 2:50 AM  

Thank you for sharing your knowledge, I had a go at this and love the result. Thanks again :)