Vignettes are a bit of a Marmite addition to an image, you either love them or hate them. However, if used carefully they can be a useful tool to help lead the viewer’s eye to an area of a photograph.
The advantage of the method I will go through is that the vignette is located on a separate layer from the main image so it can be turned on or off.
Duplicate the background layer by clicking on the flyout arrow at the top of the layer palette and select Duplicate Layer or use cmd-J (Mac) or ctrl-J (PC).
Now select the Rectangular Marquee tool (M) . If you cannot see the Rectangular Marquee tool click on hold the button and a flyout will appear and you can choose the Rectangular Marquee from that palette.
Go to the Feather option in the top menu bar and set a value of 250 pixels (this is fine for a full resolution image, you may need to play around with this value for lower resolutions)
Now drag a selection in the upper layer. Don’t select to small an area as the feathering will make the selection larger than you think.
Press Backspace (Mac) Delete (PC) to “knock-out” the selection you just made. Now press D to get rid of the marching ants.
Select the Multiply blend mode and the vignette is done. If the vignette affects areas of the image you would rather it didn’t use a layer mask to reduce the effect or simply use the Eraser tool to eliminate it completely.
Usually I add the vignette as one of the last steps in a workflow and the image I have used here has been flattened. You can add the vignette to a non-flattened image by selecting the uppermost layer in the stack and pressing shift-alt-cmd-E (Mac) shift-alt-ctrl-E (PC) to merge all layers into a composite layer at the top of the stack and then proceed with the steps above.
- Photoshop’s Share Button
- Adding Snow with After Effects and Photoshop
- The Green Room – 1: Stick That in Your Pineapple
- Animated Handwriting Techniques
- Adobe Essential Graphics
- Accessing Technology Previews in Lightroom CC Mobile
- The Details Panel in Photoshop Shake Reduction
- Dynamic Repeat Grids in Adobe Xd
- Create Easy Repeat Grids in Adobe Xd – And Make a Photo Grid for Instagram
- Free Social Media Templates