Quick Tip: Create a soft fade vignette in Photoshop

by | Dec 23, 2010 | Quick tips

Date last updated:
A vignette, or soft fade, is a popular photo effect where the photo (or background of a layered image) gradually fades into the background, usually in an oval shape. By using Photoshop’s layer masks you can create this effect flexibly and non-destructively…in about 2 minutes!

Creating a soft fade vignette in Photoshop

Creating a soft fade vignette in Photoshop

  1. Open a photo/image, or create a background layer with a gradient.
  2. If using a photo/image convert the background to a layer by double clicking on it. (Give it a name if you wish.)
  3. I like to create a duplicate of the layer to work on so I can revert to the original layer if I don’t get the effect I want (right click on the layer and select ‘Duplicate Layer’, then hide the original layer, and select the duplicate for your work).
  4. Select the Marquee tool (use the Elliptical Marquee tool if you want the fade to be all around the image).
  5. Drag a marquee selection around the area of the photo you want to keep (usually give it about a 20-30% margin between your marquee selection and the edge of the image).
  6. If you’re like me you didn’t get the marquee exactly where you want it on the first try, so with the marquee still actively selected go to the ‘Select’ menu, and choose ‘Transform Selection’. Then grab the handles on the four sides one by one and drag the marquee to the position that you want.
  7. I even go so far as to save the marquee selection for later editing…go to ‘Select’ menu then ‘Save Selection’; when you are ready to edit the layer again go to ‘Select’ and ‘Load Selection’.
  8. Click the “Add layer mask” button at the bottom of the layers palette (the marquee selection will disappear).
  9. Click on the layer mask thumbnail in the layers palette.
  10. Go to Filter > Blur > Gaussian Blur and make sure the Preview option is checked.
  11. Adjust the radius until you are happy with the amount of fade and click OK.
  12. If needed, add a layer under the photo and fill it with the desired background (only needed if not saving as transparent PNG). I like to add a dark layer underneath just while I’m editing the vignette, then I hide the layer before final output.
  13. Save as PNG 24 file (be sure the Transparency box is checked).

Tips:

  • I end up with the following layers after making duplicates of each step along the way:
  • 1 background gradient or image

    2 marquee (positioned, before layer mask & filter)

    3 layer mask

    4 final (after filter, ready for output)

  • You can paint in the layer mask with shades of gray for other effects. Just click the mask thumbnail in the layers palette to activate it for painting.
  • The icon next to the eye in the layers palette will show a paintbrush icon if the layer is active, and a mask icon if the mask is active.
  • If you decide you don’t like the effect, simply drag the mask thumbnail to the trash icon on the layers palette and then click discard.
  • To reposition the vignette, click the link icon between the layer thumbnail and the mask thumbnail to move the mask independently of the layer. Don’t forget to relink them when you’re done.
  • If you’re working with a gradient you can apply a 70% opacity to the layer, then save the vignette image as a separate PNG file, then open the PNG and paste it into another PSD image file for a nice soft vignette background effect.

Author | Jeff Kemp

Founder and Principal Consultant

With 30 years of marketing experience I've been laser targeted on Marketing Automation for 10 years, seven of those as a Salesforce Certified Pardot Consultant, and more recently a HubSpot Expert.

Since I've worked with a lot of clients in various industries I've seen several of the same struggles that are common to almost all organizations (as outlined in this article). With each organization and project that I'm involved with I work hard to solve many of those typical problems, plus identifying and solving sometimes unique and complex issues which often involve cleaning up technical debt from legacy systems and helping organizations set up effective lead management systems using best practices and proven methodologies.

I also love dogs :0)

My growing team and I at Optimal Business Consulting (OBC) help organizations to implement, optimize, and maintain their existing or new Pardot, HubSpot, or Salesforce platform. OBC is proud to be a Salesforce Partner and HubSpot Partner. -->More about Jeff & OBC

1 Comment

  1. Soccer Conditioning Drills

    Woah! I’m really digging the template/theme of this site. It’s simple, yet effective.
    A lot of times it’s very hard to get that “perfect balance” between superb usability and visual appeal. I must say that you’ve done a excellent
    job with this. Also, the blog loads very quick for me
    on Opera. Outstanding Blog!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

You might also like

None found

Subscribe to our Blog

Follow Us

Latest Posts

Quick Tip: Syncing HubSpot with Salesforce Do Not Email

If you are connecting HubSpot with Salesforce and setting up HubSpot to sync with Salesforce, you don’t want to map the ‘Marketing contact status’ field directly to Salesforce’s ‘Do Not Email’ (DNE) field; those fields will not sync the proper values based on how they are intended to work.

Top 10 most common marketing automation problems organizations face

We’ve been in Marketing Automation for about 10 years, and have focused on Pardot Consulting for 7 of those years. So we’ve worked with a lot of clients and have seen several of the same struggles that are common to almost all organizations with regard to their marketing automation and CRM platforms.Below is a list of the Top 10 most common marketing automation problems that we see.

Trending Posts

Subscribe to our articles

Like this article? Comment with your feedback below, and subscribe for all the latest helpful information.

Apply to be a Guest Poster if you are interested in writing one or more articles for our blog. To qualify you must be a subject matter expert that aligns with one of our current blog categories.

Related articles…