I. Preparation is Key
* Choose the Right Image: Not all images are suitable. Look for:
* Clear Sky: A visible sky makes the transition easier.
* Natural Light: Images taken in even, natural light work best. Avoid overly bright, midday shots or harsh shadows (though you can work with them, it's just harder).
* Details: Buildings with texture, windows, and streetlights will enhance the realism.
* High Resolution: The higher the resolution, the better the final result will look.
* Duplicate Your Base Layer: Always work on a copy to preserve your original image. `Layer > Duplicate Layer` or `Ctrl/Cmd + J`. Rename the original layer something like "Original."
II. Global Adjustments: Setting the Nighttime Mood
* 1. Lower the Brightness: This is the foundation.
* Option A: Adjustment Layer - Brightness/Contrast:
* `Layer > New Adjustment Layer > Brightness/Contrast`
* Reduce the brightness significantly. Experiment; start with -50 to -75 and adjust to taste. Reduce the contrast a little as well. This gives it a more muted night-time feel.
* Option B: Adjustment Layer - Curves:
* `Layer > New Adjustment Layer > Curves`
* Create an "S" curve, but inverted. Pull down the middle of the curve to darken the overall image. Adjust the curve to taste, bringing down the highlights more than the shadows. This allows for a more subtle and nuanced control of brightness and contrast.
* 2. Shift the Color: Night has a cooler, bluer tone.
* Adjustment Layer - Color Balance:
* `Layer > New Adjustment Layer > Color Balance`
* Midtones: Shift the slider towards blue and cyan (or magenta slightly).
* Shadows: Shift further towards blue and cyan.
* Highlights: Shift slightly toward yellow.
* The specific values depend on your image. Experiment!
* Alternative: Adjustment Layer - Photo Filter:
* `Layer > New Adjustment Layer > Photo Filter`
* Choose a cooling filter (e.g., Cooling Filter (82) or a custom blue filter). Adjust the Density slider.
* 3. Add Atmospheric Haze (Optional): Night air often has a slight haze.
* Adjustment Layer - Levels:
* `Layer > New Adjustment Layer > Levels`
* Slightly move the white output level (the right-most slider under the histogram) to the left. This will lighten the darks and introduce a subtle haze. Don't overdo it!
III. Sky Replacement (Often Necessary)
* The most common and powerful technique.
* Select the Sky: There are several methods:
* Magic Wand Tool (W): If the sky is a relatively uniform color, the Magic Wand can work. Adjust the Tolerance in the toolbar.
* Quick Selection Tool (W): Good for skies with more variation. Paint over the sky area.
* Select > Color Range: Select a representative color of the sky. Adjust the Fuzziness.
* Select > Sky: (Photoshop 2021 and later). This is the easiest option and often does a great job.
* Pen Tool (P): For complex skylines, the Pen Tool offers the most precise control. Draw a path around the buildings.
* Refine the Selection:
* Select > Select and Mask: This is crucial for clean edges.
* Global Refinements: Adjust Smooth, Feather, Contrast, and Shift Edge to get a clean selection that doesn't create halos around buildings. Decontaminate Colors can help remove color fringing.
* Output To: Choose "Layer Mask."
* Place Your Night Sky:
* Find a suitable night sky image (stock photos are readily available). Ensure it's high-resolution.
* Place the sky image *below* your original image layer.
* Position the night sky so it looks natural behind the buildings.
IV. Local Adjustments: Adding Details and Realism
* 1. Streetlights and Windows: These are key to selling the night effect.
* Streetlights:
* Select the Streetlight Bulbs: Use the Elliptical Marquee Tool (M) or Lasso Tool (L) to select each bulb.
* Create a New Layer: `Ctrl/Cmd + Shift + N`.
* Fill with Color: Use the Paint Bucket Tool (G) or Alt+Backspace/Option+Delete to fill the selection with a warm yellow or orange color (e.g., #ffcc66).
* Blending Mode: Change the blending mode of this layer to "Screen" or "Linear Dodge (Add)". This will make the light glow.
* Outer Glow: (Optional but recommended). Right-click on the layer, choose "Blending Options," and add an Outer Glow effect. Use a similar yellow/orange color, and adjust the Size and Opacity.
* Blur: Add a Gaussian Blur (`Filter > Blur > Gaussian Blur`) to soften the glow and make it more realistic. Adjust the Radius.
* Repeat for all Streetlights.
* Light Reflection:
* Use the above technique to create the illusion of light reflecting on wet pavement, building surfaces etc. Lower the opacity on the layer to make it more subtle.
* Windows:
* Select Windows: Use the Rectangular Marquee Tool (M) to select individual windows or groups of windows.
* New Layer: `Ctrl/Cmd + Shift + N`.
* Fill with Color: Fill with a warm yellow or orange color (different from the streetlights – create some variation). Lower the opacity of the colour so that it looks like interior lighting.
* Blending Mode: "Screen" or "Linear Dodge (Add)".
* Adjust Brightness/Opacity: Some windows should be brighter than others to create a realistic sense of occupancy.
* Variation: Vary the colors slightly between windows to add realism. Use slightly different hues of yellow and orange.
* 2. Enhance Shadows:
* Curves Adjustment Layer (clipped to building layer):
* Create a new Curves Adjustment Layer.
* Clip it to the layer of the building you want to darken. (Alt/Option + click between the two layers in the Layers Panel).
* Pull down the curve to darken the shadows on the building, emphasizing the areas that would be in darkness at night.
* 3. Add Stars (Optional):
* Create a new layer above all others.
* Fill it with black.
* `Filter > Noise > Add Noise`. Use a high amount (e.g., 400%), Gaussian distribution, and Monochromatic.
* `Image > Adjustments > Levels`. Move the black and white input sliders towards the center to create small, bright dots.
* Change the blending mode to "Screen" or "Lighten."
* Adjust the opacity to taste.
* Use a soft brush to paint away stars where buildings would obstruct them.
V. Final Touches
* Overall Color Grading: Use a final Color Lookup adjustment layer (`Layer > New Adjustment Layer > Color Lookup`) to apply a subtle color grade for a more cinematic look. Experiment with different LUTs (3DL files). "NightFromDay.CUBE" can be a good starting point.
* Sharpening: Apply a subtle sharpening filter (`Filter > Sharpen > Unsharp Mask`) to enhance details. Don't over-sharpen.
* Save Your Work: Save as a PSD file to preserve layers for future editing. Save a flattened version as a JPEG or PNG for sharing.
Tips and Tricks
* Use Layer Masks Liberally: Layer masks allow you to selectively apply effects without permanently altering the image. This is crucial for making adjustments and corrections.
* Non-Destructive Editing: Work with adjustment layers and smart objects whenever possible. This keeps your editing non-destructive.
* Reference Images: Look at real photos of urban landscapes at night for inspiration and to guide your color choices and lighting.
* Pay Attention to Detail: The small details, like the color of window lights and the subtle glow of streetlights, are what make the difference between a convincing result and a fake-looking one.
* Practice! The more you practice, the better you'll become at judging colors, lighting, and how to use Photoshop's tools effectively.
* Use Smart Objects: Convert layers to Smart Objects (`Layer > Smart Objects > Convert to Smart Object`) before applying filters like Gaussian Blur or Unsharp Mask. This allows you to adjust the filter settings later.
* Experiment: Don't be afraid to try different techniques and settings. There's no single "right" way to do it.
Common Mistakes to Avoid
* Overdoing the Blue: Too much blue can make the image look unnatural.
* Ignoring Light Sources: Failing to add streetlights and window lights will make the image look flat and unconvincing.
* Too Much Noise: While some noise can add realism, too much can make the image look grainy.
* Harsh Edges: Poorly masked edges around buildings will ruin the effect.
* Ignoring Perspective: The perspective of your night sky should match the perspective of your original image.
By following these steps and paying attention to detail, you can create stunning day-to-night transformations of urban landscapes in Photoshop. Good luck!