Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Day to Night in Photoshop
  • By Design Bundles
  • 6 Mins
  • Photoshop Tutorials

Day to Night in Photoshop

For this tutorial, we will use a daytime Image of a house or building to apply the effect to and another image of the sky with a full moon.
1 - In Photoshop, open the image you wish to use apply the “Effect” to.

2 - Duplicate the “Background” Layer (Command/Control + J).

3 - Go to the “Adjustments Panel” and create a “Hue/Saturation” Adjustment Layer. Decrease the “Saturation” to -100%.


4 - Go to the “Adjustments Panel” and create a “Color Lookup” Adjustment Layer. Choose “NightFromDay.CUBE” from the “3DLUT File” presets.


5 - Open the “Moon” image and bring it into your file. Make sure it is on top of everything.

6 - Resize it if needed and once you are done, click the small “Check Mark” on the Top Menu or hit “Enter” to “Commit” the changes.

7 - If need to change the position of the “Moon” head to Edit > Transform > Flip Horizontal to flip the image.


8 - Change the “Blending Mode” of the “Moon” layer to “Lighten”.

9 - To further adjust the position of the “Moon” layer use “Free Transform” (Command/Control + T) and once you are done, click the small “Check Mark” on the Top Menu or hit “Enter” to “Commit” the changes.

10 - Select the “Moon” layer and add a “Layer Mask” by clicking on the small icon at the bottom of the “Layers Panel”.

11 - Select the “Brush Tool” (B) and choose a Large and soft brush (500 pt and 0% “Hardness”). Make sure that the “Foreground” color is Black and that the “Mask” Thumbnail is selected and “Erase” some portions if needed.


12 - Go to the “Adjustments Panel” and create a “Photo Filter” Adjustment Layer. Choose “Deep Yellow” and reduce the “Density” to 35%.


13 - Create a “New Layer” between the “Moon” layer and the “Photo Filter Adjustment Layer” (Click on the small button at the bottom of the “Layers Panel”). Use the “Brush Tool” (B) with the same settings as before but change the “Foreground” color to White and “Paint” some “Light” coming down from the “Moon”.


14 - Change the “Blending Mode” to “Soft Light” and the “Opacity” to 55%.

15 - Create a “New Layer” on top of the “Background” Layers (Click on the small button at the bottom of the “Layers Panel”).

16 - Use the “Rectangular Marquee Tool” (M) to select the inside of the “Windows” of the house (use “Add to Selection” on the top Menu).


17 - Change the “Foreground” color to #e1c674 and use the “Paint Bucket Tool” (B) to fill the selection (Windows).


18 - Move the Layer and place it between the “Moon” layer and the one with the “Moon Light”.

19 - Change the “Blending Mode” of the Layer to “Difference”.

20 - Double-click on top of its thumbnail and apply the following “Layer Styles”:
Inner Shadow:

Inner Glow: (#706f6f)

Satin: (Contour: Ring - Double)

Color Overlay: (#debc7a)

21 - Check out your work!

by @lornacane


6 Related Photoshop Tutorials

In Affinity Photo you can turn a day photo into a night scene and completely change the look of your image. You may want to add a spooky or a romantic feel, or even a touch of magic. We are going to show you exactly how to do this and ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial you may want to get a Color Palette as reference.1 - In Photoshop create a “New Document”, make it 15 Centimeters in “Width” and “Height” @300 Pixels/Inch and with a “Transparent” Background.2 - Go to Filter > Render > Clouds...3 - Then, go to Adjustments > Threshold… and ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Welcome to the Photoshop Short Cuts and Hot Keys tutorial. Here we display a handy table on how you can cut down time on your design work with these easy to use short cuts..table-box br {display:none} .table-box table {margin-top:20px}TOOLS SHORTCUTSWINDOWSMACMove ToolVVRectangular Marquee ToolMMElliptical Marquee ToolMMLasso ToolLLPolygonal ...

1- Open up Photoshop And select your image.2-Once your image is in your workspace right click on the background image in the layers palette.3- Select duplicate background and a new box will appear. Name your background copy and click OK4- Go to Filter > Filter Gallery. ( note ...

You may also like

Help Center
ol image