How to Create a Matrix Movie Effect in Photoshop

Transform any urban cityscape into a digital simulation — complete with green code rain, depth layering, a lone figure in the street, and an AI Generative Fill variation for 2026.

Updated March 2026 – fresh technique explanations, new troubleshooting guide, Generative Fill variation, and AI alternative workflow added.

Difficulty	Intermediate
Time Required	30–45 minutes
Software	Adobe Photoshop CC 2020 or later (CS6 compatible)
Techniques Used	Blend modes, Adjustment layers, Clipping masks, Free Transform, Selective Color
Stock Images	City skyline, Matrix green code wallpaper, Standing figure (all free — links below)
PSD Download	Available to PSD Vault VIP Members

Why This Effect Still Works in 2026

The Matrix franchise has never really gone away – four films, a cultural legacy, and an aesthetic that’s become shorthand for ‘digital reality’ in design and photography. The green-tinted, code-rain cityscape look remains one of the most-searched Photoshop effects, consistently popular for posters, thumbnails, social media graphics, and game assets.

What makes this particular approach powerful is its use of real photography as the base. Rather than drawing code rain from scratch, we’re layering a Matrix-style texture over a genuine city photograph using blend modes – which means the city’s real architecture, reflections, and lighting information all feed into the final result. The effect feels grounded and cinematic rather than purely digital.

This rewrite expands the original technique with full explanations of what each step achieves, updated settings for Photoshop 2025/2026, a troubleshooting guide based on common reader questions, and a new AI workflow using Generative Fill.

Stock Images & Resources

You’ll need three images to complete this tutorial. All are free to download:

• City
• Matrix
• Man

💡 Pro Tip: Download all three images before starting and keep them open in Photoshop as separate tabs. Switching between documents is faster than going back and forth to your desktop.

Step 1: Setting Up Your Urban City Base

Create a new document sized 1400px * 780px, Set colour mode to RGB, 72ppi.

Open your city image and drag or copy-paste it into your new document. Scale it to fill the canvas using Free Transform (Cmd/Ctrl+T) – hold Shift to constrain proportions, or use the newer Content-Aware Scale if you need to stretch it slightly.

Desaturate with Black & White Adjustment Layer

The Matrix world is famously desaturated with only green as the dominant hue. We start by stripping all colour from the city. Add a Black and White adjustment layer (Layer > New Adjustment Layer > Black and White) above the city layer, then Opt/Alt-click between the two layers to create a Clipping Mask – this ensures the adjustment only affects the city layer below it.

Add a Layer Mask to the Black and White layer. Using a large soft brush at 30% Opacity, paint with black on the mask over the lower third of the image (the street level). This allows a subtle hint of the original city colour to remain at street level – it’ll be suppressed by the Matrix overlay later, but preserves some warm tone depth.

Why this works: Starting with a desaturated city means the green Matrix overlay will be the ONLY colour the eye reads in the final image. If you skip this step and leave the city’s original blues and yellows in place, the green tint fights with them and the effect looks muddy rather than cinematic.

Add a Levels adjustment to adjust the contrast:

Use this layer mask on this levels adjustment layer:

Block Out the Sky

Create a new empty layer above your city layer. Using the Polygonal Lasso Tool (or Quick Selection Tool), select the sky portion of the city image — everything above the rooflines. Fill this selection with pure black (#000000) using Edit > Fill.

💡 Pro Tip: If your city image already has a dark or overcast sky, you may be able to skip the sky fill entirely. Check by temporarily hiding your other layers — if the sky reads as very dark grey or near-black already, move straight to Step 2 and use a lighter mask in Step 3 instead.

With this ‘Sky Black’ layer selected, add a Layer Mask. Choose a large soft brush (400–600px, 0% hardness) and with black paint, gently fade the bottom edge of the black fill downward toward the rooflines. The goal is a smooth gradient from pure black sky to the city emerging below — not a hard edge.

and here is the effect so far:

Step 2: Apply the Matrix Code Texture to the Street

Open your Matrix texture image. Use the Rectangular Marquee Tool to select the lower portion of the texture – roughly the bottom 40% of the image, which typically has denser code character density at the bottom where the ‘rain’ has fallen furthest.

Copy and paste this selection into your main document. It will arrive as a new layer — name it ‘Matrix Street’. Use Free Transform (Cmd/Ctrl+T) to scale and position this layer, then right-click inside the transform box and choose Distort. Drag the top-left and top-right corners inward to create a perspective effect – the texture should appear to recede into the distance along the road, like the code rain is falling in the same perspective space as the city street.

Match the perspective of the road in your city photo as closely as possible. If your city has a strong vanishing-point road leading into the distance, the texture should narrow toward that same point.

Change the blend mode of ‘Matrix Street’ to Color Dodge. The dark background of the Matrix texture disappears entirely, leaving only the glowing green characters floating over the street surface.

and here is the effect so far:

Why this works: Color Dodge is ideal here because it brightens the layer below based on the colour of the layer above. Since the Matrix texture has bright green characters on near-black, Color Dodge makes the black areas invisible and intensifies the green glow — exactly how real phosphor screens and neon look when photographed.

⚠ Watch Out: If the green code looks too bright or blows out the street completely, reduce the ‘Matrix Street’ layer Opacity to 60–75%. You want to see the road surface underneath the code, not replace it entirely.

Step 3 – Apply the Full-Image Matrix Overlay with Depth Masking

Now we apply a second Matrix texture layer to cover the entire image – buildings, sky, everything — to tie all elements into the same digital-world colour temperature.

Go back to your Matrix texture source and copy a new selection – this time the full image or a large section. Paste it into your document above ‘Matrix Street’ and name it ‘Matrix Full’. Scale it to cover the entire canvas. Change its blend mode to Color Dodge.

Apply the following layer mask to this new layer:

Step 4: Extract & Place the Lone Figure

The solitary human figure is what transforms this from an abstract digital cityscape into a narrative image – it’s the moment that echoes Neo or Agent Smith standing in the simulated world. The figure creates the human scale that makes the city feel enormous and the digital overlay feel overwhelming.

Extracting the Figure

Open your standing figure photograph. The fastest extraction method in modern Photoshop:

1. Go to Select > Subject. Photoshop’s AI will identify and select the person automatically.
2. Open Select & Mask (button appears in the Options Bar after making a selection, or go to Select > Select and Mask).
3. In Select & Mask, use the Refine Edge Brush Tool to paint over hair and any soft edges to clean up the selection.
4. Set Output To: New Layer with Layer Mask, then click OK.
5. The figure arrives on a new layer with the background removed. Drag this layer into your main document.

Position the figure in the middle of the street, scaled to feel appropriately small against the towering city behind them. In the Matrix films, this scale contrast – tiny human, enormous simulated city – is central to the visual language.

Integrate the Figure into the Scene

The extracted figure will look pasted-in unless you integrate it with the colour environment. Apply these adjustments as clipping masks above the figure layer:

• Hue/Saturation: Reduce Saturation to -60 to desaturate the figure’s original colours, then push the Hue slightly toward green (+8 to +15).
• Color Balance: In Midtones, push Cyan/Red toward Cyan (-15), and Yellow/Blue toward Yellow (-10). In Shadows, push Cyan (-20) to add a cold digital shadow tone.
• Levels: Slightly darken the midtones (move the middle input slider right to about 0.85) to silhouette the figure more strongly against the bright city behind.

⚠ Watch Out: Don’t over-integrate the figure to the point where they disappear into the background. In the Matrix aesthetic, the human figure retains slightly more warmth than the environment — that contrast is what makes them readable as ‘real’ within the simulation.

Step 5: Final Colour Grading with Selective Colour

Now we do the overall scene colour grade — this is what locks the entire composition into a unified Matrix palette and is the step that makes the difference between ‘looks like green was added’ and ‘looks like a professional film still.’

Add a Selective Color adjustment layer at the very top of your layer stack (no clipping mask — this affects everything). This is found under Layer > New Adjustment Layer > Selective Color.

Selective Color Settings

• Greens: Cyan +20, Yellow -15, Black +10 — this pushes the greens more toward a pure phosphor-screen green rather than a natural leafy green.
• Neutrals: Cyan +15, Yellow -10, Black +5 — shifts all the mid-grey tones of the city toward a cool green-tinted grey.
• Blacks: Cyan +10, Black +15 — deepens the shadows with a slight cyan cast, preventing pure black shadows which would look flat.
• Whites: Cyan +8, Yellow -5 — adds a subtle green tint to the brightest highlights (building windows, streetlights) to tie them into the scene palette.

After Selective Color, add a Curves adjustment layer above it. In the RGB composite curve, pull the midpoint very slightly upward (add just a touch of brightness to prevent the scene reading as too dark). Then in the individual Green channel, pull the midpoint up slightly – this is the final green push that ties everything together.

Why this works: Selective Color is more surgical than Hue/Saturation for this kind of grade because it lets you target specific tonal ranges. Pushing greens in the ‘Neutrals’ range is what creates the Matrix’s characteristic ‘even the shadows are green’ look — Hue/Saturation alone can’t target neutrals this precisely.

2026 Bonus: Generative Fill Variation – ‘The Code Falls’

If you’re on Photoshop 2024 or later, here’s how to use Generative Fill to add a feature the original technique couldn’t achieve: actual falling code characters integrated into the photograph in 3D space.

1. Complete Steps 1–5 above, then save a merged/flattened copy of your work (Image > Duplicate, then flatten the duplicate).
2. On the flattened copy, use the Lasso Tool to draw a loose, organic selection across the sky area — not a rectangular box, but an irregular shape that follows the roofline.
3. In the Contextual Task Bar, click Generative Fill. Enter the prompt: ‘Matrix green digital rain code characters falling, dark background, cinematic, photorealistic’. Click Generate.
4. Photoshop generates 3 variations. Look for the one where the code characters have the most convincing scale and depth — they should appear larger near the top and smaller as they recede toward the roofline.
5. Set this Generative Fill layer’s blend mode to Screen and reduce Opacity to 70–80%. This makes the black background transparent while the glowing code characters integrate into your scene.
6. Repeat with a second Generative Fill selection over a building facade, using the prompt: ‘green digital code matrix characters projected on building surface, sci-fi, dark’. This creates the appearance of the matrix being embedded into the architecture itself.

💡 Pro Tip: Generative Fill results are non-destructive and come with their own mask. If only part of the generated image works, paint black on the generation’s layer mask to hide the areas that don’t fit, keeping only the sections that integrate naturally.

Troubleshooting Guide

These are the most common problems when recreating this effect:

‘The green overlay looks too flat/neon — not cinematic’

This is almost always because the city base hasn’t been desaturated enough before the overlay. Go back to your Black and White adjustment layer and increase its strength — try boosting the Reds to 60 and reducing the Blues to 10. A more thoroughly desaturated city base lets the green overlay read as the dominant (and only) colour rather than competing with original hues.

‘The Matrix texture is visible as a repeating pattern — it looks tiled’

Your Matrix texture source image is too small relative to your canvas. Either find a larger resolution version (search for ‘4K Matrix wallpaper’) or duplicate the Matrix layer, rotate it 180°, place it adjacent to the original, and merge both — this breaks up the visible repetition. Applying a very slight Warp (Edit > Transform > Warp) to each texture layer also helps break up pattern regularity.

‘My figure looks cut out and pasted — not part of the scene’

Three things usually fix this: (1) the edge — go back to Select & Mask and use the Refine Edge Brush more carefully around hair and clothing edges; (2) the colour — make sure your Hue/Saturation clipping mask is pushing the figure’s tones toward the scene’s green palette; (3) a shadow — add a new layer below the figure, use a large very soft black brush at 15% Opacity to paint a subtle shadow/ground contact under the feet.

‘The Color Dodge blend mode makes everything too bright/blown out’

Color Dodge on a layer that’s too bright will clip highlights to pure white. Fix: reduce the Matrix layer Opacity (try 50–65%), or try Screen blend mode instead of Color Dodge — Screen is less aggressive and gives a slightly subtler green integration. You can also duplicate the texture layer at 30% Opacity as a second pass rather than a single layer at 100%.

‘The perspective distortion on the Matrix street layer looks wrong’

Use the Vanishing Point filter (Filter > Vanishing Point) instead of Free Transform Distort. First define the perspective plane of the road, then paste the Matrix texture into Vanishing Point — it automatically snaps to the road’s perspective. This is significantly more accurate than manual corner-dragging.

Tips and Tricks for Mastering the Matrix Movie Effect in Photoshop

Take your urban city design with the Matrix movie effect to the next level with these expert tips and creative twists. Whether you’re refining your Photoshop skills or experimenting with sci-fi aesthetics, these suggestions will help you achieve a more polished and authentic result.

• Experiment with Green Hue Variations: The Matrix is famous for its green digital rain. After applying the Hue/Saturation adjustment layer, tweak the green tint slightly (e.g., Hue between +60 and +80) to avoid an overly uniform look. Add a subtle gradient overlay with darker greens at the edges for depth.
• Add Digital Glitches: For a true Matrix vibe, incorporate subtle glitches. Use the Rectangular Marquee Tool to select small sections of your urban city, apply a slight Wave filter (Filter > Distort > Wave), and reduce the opacity. This mimics the flickering code effect from the movie.
• Layer in Authentic Textures: Download a free “digital rain” PNG or create your own using Photoshop’s Noise filter (Filter > Noise > Add Noise). Set the blending mode to Screen or Overlay and adjust opacity to blend it seamlessly with your cityscape. This adds complexity without overpowering the design.
• Enhance Lighting for Drama: The Matrix aesthetic thrives on contrast. Duplicate your city layer, apply a Levels adjustment (Image > Adjustments > Levels), and boost the shadows and highlights. Then, use a soft brush with a green-tinted glow on a new layer to spotlight key buildings or areas.
• Try a Custom Brush for Details: Create a simple square brush (Edit > Define Brush Preset) and adjust its Scattering settings in the Brush panel. Use it to paint faint, randomized code-like patterns over the sky or foreground, mimicking the falling symbols from the film.

Further Readings

Create Surreal Girl in Water Scene in Photoshop

How to Give Your Portrait Cyberpunk Effect in Photoshop

How to Turn Day to Night in Seconds with Photoshop AI