How to Turn Day Into Night in Adobe Photoshop

Posted on:  


Final product image What You’ll Be Creating

It’s not always easy to find the perfect photo for a photo manipulation. For example, you might want to create a night scene, but the available photos are too dark or heavily edited. With Photoshop, you can transform a day scene into a night scene! This tutorial will guide you through adjusting brightness, adding stars, and creating convincing light sources.

What You Will Need

You can use any photo for this exercise. If you’d like to follow along, find a suitable village photo.

1. How to Select the Sky

Step 1

Open your photo in Photoshop. Take the Magic Wand Tool (W) and set Tolerance to 100.

Magic Wand Tool with Tolerance

Step 2

Click the sky to select it.

Magic Wand Tool Selection

Step 3

Enter Quick Mask Mode (Q) to refine the selection. Paint areas to add or subtract from the mask.

Quick Mask Mode

Step 4

Exit Quick Mask Mode and go to Select > Refine Edge. Adjust sliders for a clean selection.

Refine Edge in Photoshop

Step 5

Enable Smart Radius and adjust the settings for the best result.

Refine Edge Settings


2. How to Darken the Sky

Step 1

Open Adjustments and add a Hue/Saturation adjustment layer.

Hue/Saturation Adjustment

Step 2

Clip the adjustment to the sky layer and lower Lightness to darken.

Darkened Sky


3. How to Create the Stars

Step 1

Create a New Layer and fill it with black. Add noise using Filter > Noise > Add Noise.

Add Noise

Step 2

Use Filter Gallery > Sketch > Stamp to create star shapes.

Create Stars


4. How to Illuminate the Windows

Step 1

Select windows using the Polygonal Lasso Tool (L).

Select Windows

Step 2

Duplicate the selection and apply a Color Overlay with bright orange.

Window Color Overlay


5. How to Add a New Light Source

Step 1

Select a lantern shape using the Polygonal Lasso Tool (L).

Lantern Selection

Step 2

Duplicate the layer, apply a Color Overlay (white), and add an Outer Glow (bright orange).

Glowing Lantern

Add a Layer Mask to this layer and paint the shadows on it. Nothing detailed—just make sure the light doesn’t reach to the parts blocked from it. Use black to paint the shadows and white to remove them, until you are happy with the result.

Step 9

Create a New Layer and take a bright orange again.

bright orange color

Subtly paint some highlights on the protruding elements of the building to keep them 3D.

orange highlights on the wall

Step 10

Change the Blend Mode and add a Layer Mask to make the effect more subtle.

blend mode to make subtle effect

layer mask for subtle effect

Step 11

Finally, duplicate the glow (Control-J) and change its color to white.

color of glow

Then remove it from the darker parts, leaving it only on the bright elements of the building. They should reflect more light and shouldn’t be so vividly colored.

make dark invisible

white elements brightened

Change the Blend Mode and lower the Opacity to adjust the intensity of this effect.

adjust intensity with blend mode and opacity

6. How to Add a Late Dusk/Early Dawn Effect

Step 1

Let’s adjust the final brightness of the scene now, since we have it all together. Go to the top of the layers and add a new Adjustment Layer: Levels.

levels adjustment layer

Drag the white marker to the left to increase the amount of bright shades in the scene.

more brightness in the scene

photo with levels adjusted

Step 2

Create a New Layer. Fill it with black, and then go to its Blending Options and add Gradient Overlay.

gradient overlay

Give it the colors of a low sun.

sunset gradient

sunset sunrise color gradient

Step 3

Hold Control and click the sky layer to get its outline.

how to take selection from layer

part of layer selected

Step 4

Click the gradient layer and add a Layer Mask. The selection will be automatically applied to the mask.

selection applied to layer mask

Paint on the mask to reveal the mountains in the background.

layer mask painting

Step 5

Duplicate the sky (Control-J) and drag it to the top. We’re going to add special effects to the clouds.

copy sky

Add a Hue/Saturation adjustment.

hue saturation adjustments panel

Clip the Adjustment Layer to the duplicated sky, desaturate it, and make it slightly brighter.

how to use hue saturation adjustment

desaturated sky

Step 6

Add a Levels adjustment, clip it, and add more contrast to the sky with it.

levels contrast

contrasting clouds

Step 7

Select all three layers (the sky and its Adjustment Layers) and Merge them (Control-E). Then go to the Blending Options of this new layer and remove it from the bright parts of the sky using the lower white marker. Change its Blend Mode to Soft Light and lower the Opacity.

blend if adjusting transparency

sky adjusted

Step 8

Duplicate (Control-J) the layer and play with its Blending Options too, this time removing it from the dark parts of the sky (the lower black marker). Change the Blend Mode to Soft Light as well, but leave the Opacity at 100%, adjusting it with a layer mask if needed.

adjusting transparency of layer

layer transparency adjusted

Step 9

Time for some final adjustments. Add an Exposure adjustment on top to play with the overall brightness.

exposure adjustment

I’ve also decided to drag the sky slightly down to make the change of the colors more gradual (you can do it with a smart use of Layer Masks).

![final brightness adjustment](https://image-control-storage.s3.amazonaws.com/blog-images/2017/11/26173953/da




Code


Art


Design


UI/UX


Video


Projects


Social