EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Night Effect in Photoshop

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » Photoshop Tutorial » Night Effect in Photoshop

Night Effect in Photoshop

Introduction to Night Effect in Photoshop

Night effect is a fake effect that we can create on our image in Photoshop software for getting night mode on our image by using different types of features, tools, and parameters of this software. For creating night effect in Photoshop you just have to manage some parameters such as Hus/saturation, color balance, and some others and also have to create some mask as well as new layer for it. So let us discuss all these parameters and steps through which we can create a night effect for having night mode on our image. We will understand this topic through an example.

Applying Night Effect in Photoshop

We should have followed some steps for creating this type of effect in Photoshop and also have to make some changes in different parameters for getting it. So let us learn this topic is a very exciting manner. But before starting let us get an introduction about the user screen of this software so that you can understand different term which we will use throughout this article.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: At the top of user screen we have a Menu bar with some important menu, below this, we have property bar of active tool or image, below this at left side we have tool panel which has a different type of tool, at the center we have display window, at the right side, there are some tabs such as color tab, layer panel, and some others. You can change the place of all sections as per your choice.

Menu bar

Step 2: Now let us have an image that we will convert into night mode. For having images in this software go to the File menu of the menu bar and click on it. Once you click a drop-down list will be open. Choose Open option from the list.

Open option

Step 3: Now a dialog box will be open. Go to your desired folder and choose your desired image. Once you chose to click on the Open button of this box for placing your selected image in this software.

dialog box

Step 4: Your image will place like this. Now go to the bottom of the layer panel and click on the Adjustment layer button. A pop-up list will be open. Choose Hue/Saturation option from the list.

Popular Course in this category
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (7,106 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

Hue/Saturation option

Step 5: Now decrease the value of Saturation from the saturation slider scale of the Hue/Saturation box.

saturation slider scale

Step 6: Now again go and click on the Adjustment layer button then choose the Brightness/Contrast option from the list.

Brightness/Contrast option

Step 7: Now increase the value of brightness and contrast up to 40 % from the box of Brightness/ Contrast for increased brightness and contrast on this image.

up to 40 %

Step 8: Now again go to the Adjustment layer button and choose the Color balance option from the list.

Color balance option

Step 9: Now adjust the Yellow tone value up to 30% and Cyan tone value up to 10%.

Cyan tone

Step 10: Now drag the background layer to the Create new button for making a copy of this layer.

background layer

Step 11: Place this copy layer at the top of all layers by dragging it with the help of the mouse button.

copy layer

Step 12: Now select this copy layer and click on the Adjustment layer button. Choose the Color Lookup option from the list.

Night Effect in Photoshop - 12

Step 13: A Color Lookup box will be open. Click on the drop-down arrow of the first option of this box and choose Moonlight option from the list or you can choose NightFromDay option for night mode from the list.

Night Effect in Photoshop - 13

Step 14: I will choose the Moonlight option and your image will convert like this.

Night Effect in Photoshop - 14

Step 15: Now again go to the Adjustment layer button and choose Brightness/Contrast option from the list for increasing darkness on your image.

Night Effect in Photoshop - 15

Step 16: Now decrease the value of brightness on the brightness options and increase contrast value in the contrast option of this box.

Night Effect in Photoshop - 16

Step 17: Now select these layers by holding the shift button of the keyboard.

Night Effect in Photoshop - 17

Step 18: And press Ctrl + G button for grouping them in one layer.

Night Effect in Photoshop - 18

Step 19: Now click on Add Mask button which is at the button of layer panel of this software for adding mask in the group layer.

Night Effect in Photoshop - 19

Step 20: Now go to tool panel of this software and take the Polygonal Lasso tool.

Night Effect in Photoshop - 20

Step 21: And make a selection around the windows of this image like this. Make a selection by holding the shift button of the keyboard.

Night Effect in Photoshop - 21

Step 22: You can make many selections as per your choice like this.

Night Effect in Photoshop - 22

Step 23: Now take brush tool from the tool panel.

Night Effect in Photoshop - 23

Step 24: Adjust the size of the brush from the Size option of the property bar of the brush tool.

Night Effect in Photoshop - 24

Step 25: Make sure you have selected black color as foreground color in the color box. Now drag brush on window area and it will highlight windows like this.

Night Effect in Photoshop - 25

Step 26: Now go to Adjustment layer button and click on Solid layer option of the list.

Night Effect in Photoshop - 26

Step 27: Choose yellow color as a solid color and then press the Ok button of this box.

solid color

Step 28: Now choose Overlay option in the mode option of this solid layer.

Night Effect in Photoshop - 28

Step 29: Now you will get this type of effect on the window.

Night Effect in Photoshop - 29

Step 30: Now select Group 1 layer and make click on lamp light with the brush tool and you will get a light effect on it like this.

Night Effect in Photoshop - 30

Step 31: Now make double click on this layer and a Layer style box will be open. Choose the Outer glow option from the box. Make some adjustments here in the parameter for outer glow according to how heavy light effect you want on the windows of your image.

Night Effect in Photoshop - 31

Step 32: Now go to the bottom of the layer panel and click on Create new layer button for creating a new layer like this.

Night Effect in Photoshop - 32

Step 33: Now again take a brush tool and this time makes sure you have white color as the foreground color in the color box. Now make click on lamp lights of image for adding more glows like this.

Night Effect in Photoshop - 33

Step 34: This is your final night effect. You can add the moon, stars also in the sky area of the image for adding more detail in your image.

Night Effect in Photoshop - 34

In this way, you can create a Night effect in this software.

Conclusion

Now after this article you can understand what Moon brush is and how it is helpful for your project work. You an do many different types of creation with these types of brush of Photoshop software just practices on them and apply your own idea by using them in your image editing work.

Recommended Articles

This is a guide to Night Effect in Photoshop. Here we discuss the introduction and various steps to apply Night Effect in Photoshop. You can also go through our other related articles to learn more –

  1. Change Color in Photoshop
  2. Reflection Effect In Photoshop
  3. Rain Effect In Photoshop
  4. Shiny Effect Photoshop

Photoshop Training (9 Courses, 12+ Projects)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Photoshop Tutorial
  • Effects
    • Text Effects in Photoshop
    • Metal Text Effect in Photoshop
    • Reflection Effect in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Motion Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Plastic Effect in Photoshop
    • Rain Effect in Photoshop
    • Gold Text Effect in Photoshop
    • 3D Text in Photoshop
    • 3D Text Effect in Photoshop
    • Clipping Mask in Photoshop
    • Fill Color in Photoshop
    • Delete Background in Photoshop
    • Transparent Text in Photoshop
    • Make Logo in Photoshop
    • Blend Images in Photoshop
    • Website Layout in Photoshop
    • Change Hair Color in Photoshop
    • Change Color in Photoshop
    • Highlight Text in Photoshop
    • Change Text Color in Photoshop
    • Change Shirt Color in Photoshop
    • Filters in Photoshop
    • Portrait Effect in Photoshop
    • Fire Effect in Photoshop
    • Ice Effect in Photoshop
    • Metallic Effect Photoshop
    • Photoshop Font Effects
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • Shiny Effect Photoshop
    • Morphing in Photoshop
    • Dispersion Effect in Photoshop
    • Photoshop Distort Effect
    • Typography in Photoshop
    • Photoshop Cinemagraph
    • Glitch Effect in Photoshop
    • Photoshop Straighten Image
    • Stamp Effect in Photoshop
    • Warp Image Photoshop
    • Fix Perspective in Photoshop
    • Vanishing Point in Photoshop
    • Fisheye Effect in Photoshop
    • Distortion Effect Photoshop
    • Resize Object in Photoshop
    • How to Paint in Photoshop?
    • How to Print in Photoshop?
    • Perspective Correction in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Night Effect in Photoshop
    • What is Masking
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Vaporwave Photoshop
    • Vintage Effect Photoshop
    • Photoshop hologram effect
    • Templates in Photoshop
    • MP4 to GIF Photoshop
    • Photoshop Cheat Sheet
  • Basic
    • Introduction to Photoshop
    • What is Photoshop
    • Career in Photoshop
    • Install Adobe Photoshop
    • Plugins in Photoshop
    • Photoshop Versions
    • Uses Of Photoshop
    • Adobe Photoshop Shortcut Keys
    • Adobe Photoshop Commands
    • Adobe Photoshop
    • Is Photoshop Free
    • Top 10 Features in Adobe Photoshop
    • Layers in Photoshop
    • 10 Free UI Kits For to Download
    • Smart Objects in Photoshop
  • Tools
    • Adobe Photoshop Tools
    • Clone Stamp Tool in Photoshop
    • Eraser Tool in Photoshop
    • Selection Tool in Photoshop
    • Blur Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Move Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Patch Tool in Photoshop
    • Pencil Tool in Photoshop
    • Line Tool in Photoshop
    • Color Replacement Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Burn Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Quick Selection Tool in Photoshop
    • Red Eye Tool in Photoshop
    • Ruler Tool in Photoshop
    • Sharpen Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Lasso Tool in Photoshop
    • Adobe Photoshop Elements tools
    • Photoshop Mixer Brush Tool
    • Watercolor Brushes in Photoshop
    • Artboard in Photoshop
    • Crop Tool in Photoshop
    • Healing Brush Tool in Photoshop
    • Transform Tool Photoshop
  • Interview Questions
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More