Create a Trendy Cyberpunk Effect in Photoshop

Create a Trendy Cyberpunk Effect in Photoshop

Article republished with permission of PSD STACK. PSD Stack is a blog dedicated to Photoshop that provides high-quality tutorials, presets and actions to all level of Photoshop users

Learn how to create a trendy cyberpunk effect in Photoshop. You’ll learn how to add neon color vibes to your images by adding hot pink and bright blue tones, which are key factors to this style. The coloring for this look can be inspired by any sci-fi movie and you can add the combination of colors that you prefer most.

Step 1 – Choosing Images

For this style I’d recommend going for street images which already have some sort of coloring to begin with. Most likely use the street images of Hong Kong, Seoul, Tokyo, or maybe Manhattan’s streets. I am using an image from Unsplash which you can download here if you want to follow along.

Step 2 – Add Lighting

First, we’ll work on lighting and we are gonna light up the light of the street by painting them. To do this, create a new layer by pressing CTRL + SHIFT + N and name it “Lights”.

Use a soft round brush with dark orange & blue color to paint light as shown below. Remember to paint light where you see glowing light but make sure to choose the color according to the light source. For example if the light color is orange, paint it over with orange color, and if the light color is not yellow paint it over with blue color.

Change the blending mode to the lights layer to Linear Dodge.

You can see below we have lightened up the lights and we can do a lot to improve it further.

Step 3 – Improve Lighting with Black Layer

Now we can improve lighting further using my lighting technique. This is my lighting technique that involves filling up a layer with black color and changing the blending mode to Color Dodge.

Create a new layer and fill this layer with black color by going to Edit > Fill choose black in the Contents. Also, make sure to change the blending mode to Color Dodge.

You have to be super subtle while using this lighting technique. With that in mind, use a soft round brush and change the foreground color to white, using a very low opacity & flow settings around 30% or less paint on the signs to lighten them up. You can also paint light wherever you think it needs to brighten up.

Really cool technique and will surely bump up the light in the image as you can see:

Notice the results below in the full image:

Step 4 – Begin Coloring

Now we can begin coloring using adjustment layers and as I said it always depends on what sort of coloring you want here or what works best for your images. My aim is to add pinks and blues to the images and I’ll go for that using a Color Balance adjustment layer.

Go to Layer > New Adjustment Layer > Color Balance:

You can see the settings below and I targeted every single tone such as Shadows, Midtones, and Highlights but you can only target a specific one if you want to.

I have reduced the opacity of Color Balance to 61%. As you can see it has added cyberpunk vibes to the image by adding pinks and blues to the image.

Step 5 – Enhance Coloring

We can do a lot more to further improve & enhance coloring to our image and we’ll use Adobe Camera Raw Filter. Create a merged layer pressing CTRL + ALT + SHIFT + E and name it “Merged”.

Go to Filter > Camera Raw:

In the Camera Raw filter, decrease the temperature (= adding blues) & increase tint (= adding pinks) and increase the highlights, shadows, blacks, and whites to give a boost of light to the entire image.

I have also increased Vibrance & Saturation using the settings below:

Click on the HSL Adjustments, in the Luminance Tab I increased the lightness on Yellow & Orange, and decreased on Reds.

Luminance slider will increase & decrease the brightness on these tones. You can target color individually here and you can even go for Saturation and Hue by clicking on the Hue & Saturation tab.

You can see the results here:

See the results here in the full image:

Step 6 – Add Glowing Edges Filter

In this step, we’ll glow the edges of the images using Glowing Edges Filter and create a new merged layer by pressing CTRL + ALT + SHIFT + E and name it “Merged 1”.

Go to Filter > Filter Gallery > Glowing Edges and enter the following settings:

Once you applied the filter, changed the blending mode of the layer to Soft Light and reduce the opacity to 41%. This will filter will add more brightness and colorful glowing edges to the image.

Also, you can add a layer mask to the image by going to Layer > Add Layer Mask > Reveal All & using a soft round black paint on those areas where you don’t want this effect to be visible such as I did on the road.

Step 7 – Slight Punch of Brightness

Finally, I used a Levels Adjustment Layer to give a slight punch of brightness to overall images.

Final Results:

Get tutorials & freebies delivered to you.

Subscribe to the Photoshop Roadmap newsletter, a weekly roundup of new tutorials, insights and quality downloads, trusted by 6500+ readers.

You might also like

How to Expand Photos Beyond Their Edges Using AI Generative Expand in Photoshop

Sometimes your best photos need more breathing room or a different aspect ratio. Generative Expand in Photoshop lets you extend your canvas beyond the original image boundaries, using AI to intelligently fill in missing areas with content that matches your scene. This technique works for changing portrait photos to landscape...

How to Create Digital Scrapbook Carousels in Photoshop

Digital scrapbook pages capture memories beautifully, but a single page limits your storytelling. Creating a carousel format lets you design multiple connected panels that work together as one cohesive piece while giving viewers more content to explore. This technique uses frames, custom shapes, and smart export settings to build templates...

How to Use Auto Align Layers in Photoshop for Perfect Layer Alignment

When working with multiple layers that need perfect alignment, manual positioning often falls short. Slight camera movement, different crops, or rotated images can make precise alignment seem impossible through visual adjustment alone. Auto Align Layers automatically handles rotation, scaling, and positioning to create perfect layer alignment, even when images have...

How to Use Nano Banana Pro in Adobe Firefly for Advanced AI Image Generation

Adobe Firefly now includes Gemini 3 with Nano Banana Pro, offering sharper 2K image generation with improved text clarity and precision blending. This advanced AI model works seamlessly within Firefly's generative workspace, enabling powerful workflows like multi-image composition and virtual try-on effects. The integration provides access to sophisticated...

Create Colorful Retro Text Compositions in Photoshop

Retro design trends continue to captivate audiences with their bold colors and geometric shapes. This tutorial demonstrates how to build a complete vintage-inspired composition using text, geometric elements, and vibrant color schemes that capture the essence of classic graphic design. You'll learn to combine typography with custom shapes,...

Photoshop's New Color and Temperature Tool for Advanced Color Grading

Photoshop's latest update introduces temperature and tint controls directly into the adjustment layer panel, bringing white balance tools from Camera Raw into the main editing workspace. This addition transforms color grading workflows by enabling precise local adjustments with custom brushes and blend modes. The new Color and Vibrance...

You’ve successfully subscribed to Photoshop Roadmap
Welcome back! You’ve successfully signed in.
Great! You’ve successfully signed up.
Success! Your email is updated.
Your link has expired
Success! Check your email for magic link to sign-in.