How to Create a Neon Light Effect in Photoshop

In today’s Photoshop tutorial I’m going to show you how to create a vibrant visual effect by adding neon lights to a photo. This popular art style often incorporates simple shapes or text for the neon lights, which are illuminated in bright colours. I’ll explain how to use Photoshop to draw a custom shape and give it a vibrant glow with the help of Photoshop’s Layer Style options, then we’ll use a clever technique to apply a colourful ambience to the original photo as if it is being illuminated by the new light source. As a finishing touch, we’ll also add some smoke and particle effects to create a neat cyberpunk art piece with a futuristic vaporwave style.

How to Create a Neon Light Effect in Photoshop

Assets used

► Portrait photo by Harsh Kushwaha –
► Krist’s Smoke Brushes –
► Download my Free Grain Textures –
⭐️ Get up to 50% off The Neon Toolbox –

The Neon Toolbox

Subscribe to the Spoon Graphics YouTube Channel

Download with membership

Share on Pinterest
5 Comments submitted Add yours!

Join my mailing list to get access to this free resources bundle!

Free design resources bundle


  1. I love the Hue sat tricks. I didn’t know you could tweak the saturation levels to affect the highlights and shadows like that. Awesome tutorial!

  2. You are a real design ‘whizzkid’ Chris and I love how you make seemingly complex effects look really simple. Keep going!

  3. I Really like the neon Light effect, but I was not sure how to add this effect now after reading your post I can easily add this effect thanks for sharing

  4. Brilliant effect. I’ve used it with other pics, with different colors and the fundamentals you’re preaching work. Thanks.

Comments are now closed