How to turn day into night in Photoshop
Convert a sunny landscape into an atmospheric night-time composite.
Day-to-night conversions have been around for as long as Photoshop has had adjustment layers, but mastering the effect takes lots of practice. The key to making a day picture look like night in Photoshop is in learning to navigate the various adjustments, such as the Gradient Map and Curves, to achieve a believable tone.
Darkening the image to such an extent that there's hardly any detail left in the shadows is part of the technique, and we can further the effect using brushes to alter the balance of light on layer masks. The deep-blue tone is created with the Gradient Map adjustment and some of the photographic presets in Photoshop CC. Selections then come into play, swapping out the day sky for a star-filled nightscape.14 Photoshop adjustment tools to retouch your images
By the end of this Photoshop tutorial, you should have all the skills and know-how you need to transform any daytime image into a night-time masterpiece.
Download the files for this tutorial.
01. Begin with the Gradient Map adjustment
Find the adjustment layer icon and select Gradient Map
Load up the start image 'pix_lighthouse_1872998.jpg' into Photoshop, and head to the Layers palette. Locate the adjustment layer icon and select Gradient Map.
02. Initial tint
Pick Blue 1 from the Photographic Toning presets
Inside the Gradient Map editor, select the Photographic Toning set of presets from the drop-down menu. From the array of thumbnail gradients, select the preset Blue 1 and hit OK. This will tint the image with a light blue all over.Get Adobe Creative Cloud here
03. Black of night
Bring the opacity down to 80% then add a Curves adjustment
Lower the Opacity of the Gradient Map layer to 80% to reduce the effect slightly, head back to the adjustment layers and add a Curves adjustment. Darken the image by dragging the curve downward from the centre. The idea is to darken the shadows and midtones here.
04. Darken even further
Darken the image further with a Levels adjustment
Add a Levels adjustment layer above the Curves adjustment. Inside the Levels dialog, set the midtones marker to 0.95. Then, under Output Levels, set to 0 and 196. This adjustment should darken the image further, making it appear as though it is night.
05. Select the sky
Draw a rough selection around the sky
Now we've converted the image to night, we need to swap out the sky. Press W for the Quick Selection Tool and click on the image's layer. Drag a rough selection over the sky and around the lighthouse.
06. Improve the selection
Use the Quick Mask tool to refine your selection
Hold opt/alt to remove areas of the selection that spill over onto the rocks and lighthouse. Press Q to load the Quick Mask Mode and preview the selected area. Use the Brush Tool to refine the edge of the mask, and press Q to return to normal view.
07. Save the selection
Save the selection as an alpha channel
Go to the Select menu and down to Save Selection. In the pop-up menu, set Document to the current image, and set Channel to New. Leave Name as blank and hit OK to add the selection as a new Alpha Channel (Window > Channels to view).
08. Quick copy and paste
Paste in a new sky
Load up the image 'pix_milkyway_2181250.jpg' from the FileSilo and press cmd/ctrl+A to select the entire image, then cmd/ctrl+C to copy. Head back to the lighthouse image and press cmd/ctrl+V to paste the new sky onto the image. Move this image to the top of the layer stack.
09. Apply a layer mask
Use a layer mask to fit the new sky into the image
In the Channels palette, cmd/ctrl-click on the thumbnail of the Alpha Channel created in step 7. On the new sky layer, add a layer mask to apply the selection. Click on the small chain link symbol between the mask and the thumbnail, and press cmd/ctrl+T to resize the sky to fit over the area.
10. New Curves adjustment
Darken the new sky with a Curves adjustment
Add a new Curves adjustment above the new sky layer and clip them together (opt/alt-click between their layers). Lower the brightness of the new sky layer by pulling down the centre of the Curves adjustment. Adding three points along the line and lowering them all slightly provides more accuracy.
11. Paint in light
Use the Brush tool to paint in the lighthouse light
Add in a new layer and select the Brush Tool. Set the tool to black and 0% Hardness and paint in the small light for the lighthouse. To choose the colour of the light, double-click on the layer to load the Layer Style menu, and then select the Color Overlay option.
12. Add a Color Overlay
Change the colour of the light to an orangey yellow
Change the colour of the Color Overlay style to an orangey yellow and set its Mode to Screen. Setting colour this way will enable you to change it later on, if needed. Hit OK and lower the Opacity of the layer down to 85% to fade it slightly.
13. Blur the light
Soften the light with a Gaussian Blur
Head to the Filter menu and down to Blur > Gaussian Blur. Set the Radius slider to 14px and hit OK to soften the light in the lighthouse. Load up the Free Transform controls (cmd/ctrl+T) and resize or rotate the light to fit within the lighthouse.
14. Create the reflection
Duplicate the light, flip it vertically and move it into position
Press cmd/ctrl+J to duplicate the light layer onto a separate layer. Go to Edit> Transform> Flip Vertical to rotate the light and flip it. Use the Move Tool to position it over the reflection of the lighthouse in the pool in the foreground.
15. Light rays
Create the shape of a light beam with the Polygonal Lasso tool
To add the beams of light from the lighthouse, on a new layer (cmd/ctrl+shift+N) create a long rectangle using the Polygonal Lasso Tool (L). The shape should extend out from the lighthouse and across the entire image.
16. Fill with colour
Fill the selection with a light yellow and reduce its opacity
Go to Edit > Fill and choose Color under Contents. Set this to a yellow colour that is similar to, but lighter than, the colour used for the main light in the lighthouse. Hit OK, then cmd/ctrl+D to remove the selection, and then reduce the layer's Opacity setting down to 70%.
17. Soften and colourise
Use a Gaussian Blur to soften the beam and add a colour overlay if necessary
To soften the light beam, go to Filter and down to Blur > Gaussian Blur. Set the Radius for the blur to 36px and hit OK. Double-click on the layer and add a Color Overlay style to change the tone of the light, if you think it's required.
18. Double the light
Brighten the beam by duplicating it
Duplicate this layer (cmd/ctrl+J) and then change the Color Overlay style to a lighter yellow, almost white. Set the layer's blend mode to Screen in the Layers palette to blend into the light beam underneath.
19. Resize the second beam
Resize the second beam to create a brighter inner beam
Shrink the second light beam so that it's smaller than the one underneath. Lower the Opacity of this layer to 50% to make it fainter. The result should be two light beams coming out of the lighthouse, one on top of the other.
20. Duplicate and reposition
Duplicate and flip the light beams to make a reflection
Group the two light beam layers together and press cmd/ctrl+J to duplicate the group. Flip the group vertically (Edit > Transform > Flip Vertical) and position so the light beams are included in the reflection of the lighthouse.
21. Control with masks
Tidy up the reflection with a layer mask
Add a layer mask to the group and brush away the light that falls outside the water. Also, on the Curves adjustment layer's mask, use a low Opacity brush over the sea in the foreground to reveal more detail on the water.
22. Explore a different approach
Fancy trying a different approach? In the video above, Ben Secret walks through his technique for how to make a day picture look like night in Photoshop. He starts by adding a Curves adjustment layer, and altering the balance of levels to make the light cooler. Next, he creates a soft, moonlit look with another Curves layer and a mask. Finally he balances the colouring and adds in a moon and clouds. Watch the full video to see how it's done.
Related articles:How to use textures in PhotoshopThe 61 best free Photoshop brushesHow to use Smart layers in Photoshop