How to Create Neon Effect in Photoshop


In this photoshop tutorial I am going to show how to create neon effect in photoshop. Through this post you will learn about layer bending types, quick subject selection and adjustment of layer styles.

Read : How to Create the Glow Effect on Photoshop

First of all open your image through photoshop

Download the Image

#1 Draw a Rectangle

1.Select the Rectangle tool

2.Be sure to customize the Rectangular Tools menu

Fill-No Color/Stroke-White(#ffffff)/Stroke Size-25px

Click in the image and drag the mouse point to draw the rectangle

#2 Enable Outer Glow (Neon Effect)

1.Double click on rectangle layer and layer style will be pop up

2.Select outer glow on layer style

3.Slecte the color (#1722ff)

4.Adjust the Spread and Size level

#3 Subject Selection

Read : How To Remove Background On Photoshop In 3 Seconds

1.Click on ‘Select’ on the top menu and Click on the Subject option.Photoshop automatically make selection on the subject of the photo

2.Right Click on the Rectangle layer 

3.Select ‘Rasterize layer’

4.Press Delete button on the keyboard (Be sure to select the rectangular layer before pressing the Delete button)

Otherwise you can use the eraser tool to delete the lines in the rectangle

#4 Background Colour Overlay

1.Create a new layer and keep between Rectangle and Image layer

2.Set the blending mode as ‘Overlay’

3.Select Paint bucket tool

4.Click on foreground color box and select the colour (#1722ff).

Click anywhere on the image to make color overlay

#5 Highlights

1.Create a new layer and place it on top of all the layers

2.Set the blending mode as ‘Divide’

3.Select the brush tool

4.Make sure Change the brush type as ‘Soft Round’ and brush size.

5.Change the foreground color (#fc17f4)

Click on edges of the rectangle (Single click for each edge is enough)

6.Create a new layer and keep between image and background overlay layers

7.Change the blend mode to Hue

8.Select the Brush tool

9.Adjust the brush size and keep the brush type as soft round

10.Select the foreground color (#8978ff)

Brush along the lines of the rectangle to make neon glow effect on the leaves

Final Result-Neon Effect on Photoshop


Published by

Recent Posts

Shazam Fury of the Gods Font Free Download

Shazam is the superhero movie series based on the DC comics character of the same…

6 days ago

John Wick 4 Font Free Download

John Wick: Chapter 4 is an upcoming action thriller movie directed by Chad Stahelski.  "John…

3 weeks ago

Quantumania Font Free Download

Quantumania is an American superhero movie produced by Marvel studios. This is a film based…

2 months ago

The Last Of Us Font Free Download

The last of Us is a American tv series directed by Craig Mazin and Neil…

2 months ago

Arcane Font Free Download

Arcane is an action-adventure animated tv series created by Christian Linke and Alex Yee. The…

3 months ago

Knives Out Font Free Download

Knives Out is a mystery movie which was  released in 2019 . The story moves…

3 months ago