Unique Vignettes – Tutorial

vignetteIn this post we are going to use the gradients from a previous post, where we discussed using Gradient Fill in order to create a split screen base colour to transparent gradient. These Gradients will now act as the basis for a short tutorial showing you how to create your own unique vignettes using either Photoshop or Photopea.

After loading your image you need to load the Gradients, you will find them along with instructions on how to load them by extracting this zip file.  We will use Photoshop references throughout the tutorial with any differences for Photopea shown in ‘red‘.

Layer PanelThe first step is to create a Gradient Fill Layer

    • Layer > New Fill Layer > Gradient , or
    • Layer > New Fill Layer > Gradient Fill
    • Double clicking on the Gradient Fill Layer thumbnail will take you to the Gradient Fill dialogue.


Fill DialogueNow we need to make the settings to create the vignette

    • Select any gradient uploaded from the zip file
    • Set the Style (green dot) to Radial
    • The Angle (blue dot) to 90
    • The Scale to 150, and
    • Tick both the Reverse and Align with layer boxes

gradient editor imageThen choose a colour for your vignette and add it to the existing colours (Photoshop Only) to create your unique set.

    • To set the colour for the vignette you need to modify the black tab (red dot).
    • Double click on the Color selector (yellow dot) which will launch the Color Picker.
    • Pick a color, keep ‘picking’ until you have one you want – see note 1 below, then press OK which will return you to this panel.
    • Give it a name (green dot) and add it to the set (blue dot) and press Save to name and save the set. (This step cannot be done in Photopea – see note 3 below)

Note 1 – At first it may appear the vignette is too strong, but that is addressed by changing the Blend Mode to Overlay, Soft Light and/or adjusting the Opacity.

Note 2 – Setting the Blend Mode to Divide will create a complementary vignette eg : a blue tint will become a yellow tint, a red tint become a cyan tint and a black tint will become a white vignette.

Note 3 – Unfortunately that means you must create the colour each time you want to create that vignette. However, the Color Picker panel contains the hex value of the colour you choose, if you Take a note of that, you can always recreate the colour.

If you have any actions, presets, tips, worked examples  you would be happy to contribute and join others helping people get off to a good start with their photo processing, pay your knowledge forward ! 








Leave a Reply

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