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

Godzilla x Kong Font 2024 Free Download

The massive conflict continues in "Godzilla x Kong: The New Empire" the latest installment in…

4 weeks ago

Kung Fu Panda 4 Font Free Download

Kung Fu Panda 4, an upcoming American computer-animated action comedy film, is being produced by…

2 months ago

Nokia New Logo Font Free Download

In February 2023, Nokia unveiled a completely redesigned logo, signaling a marked departure from its…

3 months ago

The Sims 4 Font Free Download

The Sims 4, developed by Maxis and published by Electronic Arts, is a life simulation…

3 months ago

True Detective Font (2024) Free Download

True Detective is a crime anthology drama with a reputation for gripping narratives, complex characters…

3 months ago

Wonka Font Free Download

Wonka is a recently released film that is a prequel to Willy Wonka & the…

4 months ago