Skip to main content

Photoshop Overlay Tutorial

By May 10, 2018photography

I will admit I am just a bit obsessed with gorgeous skies. I mean really, who doesn’t enjoy looking at a colorful, creamy sky complementing their subject in the foreground?

The problem is that when we, as photographers purchase sky overlays we risk our images looking like other photographers work because many other photographers have that exact same sky overlay.

I will admit I have seen many images with skies that have a familiarity about them because I have seen that very same sky before but in other images. This is a bit of a problem because as a photographer I want my work to be unique, I don’t want people to gloss over my images because there is an element that might remind them of someone else’s work and therefore makes mine a bit less significant.

A quick note: An overlay is simply an image captured by camera or otherwise constructed in an editing program. In this tutorial we are using our sky images as overlays to create skies where they do not exist or could be enhanced.

I came up with a solution, to make my own sky overlays. The best part is, it’s so easy, and everyone can do it.

Sky overlays | Photoshop tutorials by Amanda Glisson via Click it Up a Notch

Create your own sky overlays

Taking the sky overlay image: 
1. Choosing your lens.
When capturing sky overlays the objective is to get as much cloudy, fluffy goodness as you can fit into your lens, for this reason I prefer to use a lens with a wider focal length. I personally used a 35mm prime lens when capturing images of the sky for this project. Don’t be afraid to experiment. You can try a zoom lens to try and capture your sky at different focal lengths and see what you come up with, the sky is the limit!

2. Choosing the correct exposure.
Exposing correctly is always important and always a hot topic among photographers. When photographing skies it is easy to get “hot spots” or overly white areas of an image because of all of the white and bright areas caused by the clouds and sun. To resolve this I use the spot metering method and I will measure the light off of the brightest area of my image. This way I am guaranteed to have soft white clouds (not overly bright) and it is easy to lighten the shadows and dark areas in post processing later.

3. Location, location, location.
You would think a sky is a sky and who cares if you take an image of it in your backyard right!? Wrong! Unless your home has a huge, empty field behind it this is probably not a good idea. Why you ask? Well because to fit as much sky into your image you will need to capture your sky right along the horizon. Find a park or other area close by you can go to with little to no obstacles blocking the horizon and your sky overlays will look amazing!

4. Time of day.
OK so you can capture gorgeous images of the sky any time of day. But you will find after starting this project that you are at the whim of mother-nature and time (as photographers, when are we not)? Keep in mind the type of sky you are wanting to capture and make sure to go out on location during the right time of day. For example, if you are wanting a colorful, saturated orange sky, you are going to have to capture images of the sky during sunset or sunrise AND make sure there are actually clouds present otherwise you will just have images of the color orange.

Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

Applying Your Sky Overlays in Photoshop

1. Placing your Overlay on the Image. 
This step is very simple, first you should of course already have opened the image you wish to apply your sky overlay to. After you have uploaded and saved your sky images to your computer or hard drive, just go to file>place and navigate to your desired sky image and select ‘place’. You will now see your sky overlay appear directly on top of the original image.

Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

2. Lower the opacity. 
Now it is time to re-size the sky overlay to match your individual image. To do this you must lower the opacity of your overlay to see what your sky looks like in relation to the image, I usually readjust the opacity to 40% or so. Now that the opacity is lowered, I can better see what my sky will look like when applied to my image. At this stage I may choose to resize my overlay to fit the sky better using the move tool in Photoshop.

Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

3. Add a Layer Mask.
Let’s face it, we all make mistakes and nobody is perfect (especially me when I haven’t had my coffee yet haha!) and for this reason I like to use a layer mask with all of my edits. Make sure to bring your layer opacity back up to 100% now. At this point I could easily choose my eraser tool and erase the parts of the sky overlay that do not line up with where the sky is on the original image, BUT if I make a mistake when erasing the edges of the sky overlay it’s going to be very hard and time consuming to fix, this to me is no good, time is money! So instead I am going to add a layer mask because it is very forgiving if I make a mistake or need to make a readjustment to my overlay anywhere in my edit. To add a layer mask go to Layer>Layer Mask>Hide all. You will notice that your sky overlay has disappeared, don’t worry, this is supposed to happen, I promise!

Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

4. Paint on Your Sky, Easy as Pie. 
Keep in mind when using layer masks, black conceals and white reveals. You will want to make sure you have selected your layer mask in your adjustments panel for this step (the black box next to your sky overlay). The box is black because your sky overlay is being concealed. To reveal or “paint on” your sky overlay where desired simply select a soft edged brush and select white for your brush color. Again it is very important you have your layer mask selected when painting otherwise you will literally paint white onto your image, yuck! Ready!?!? Start painting where you wish to apply your sky and voila! You may need to switch to a hard edged brush when painting near your subject or another area of your image where your sky and foreground intersect for a more clean line, just play around here, the most important thing is to have fun and enjoy your new overlays!

Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

Before:
Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

After:
Sky overlays | Photoshop tutorial by Amanda Glisson via Click it Up a Notch

Designer Tips

Author Designer Tips

More posts by Designer Tips

Leave a Reply

Close Menu

Wow look at this!

This is an optional, highly
customizable off canvas area.

About Salient

The Castle
Unit 345
2500 Castle Dr
Manhattan, NY

T: +216 (0)40 3629 4753
E: hello@themenectar.com