Use Adobe Photoshop to create a neon effect.

In this this simple how-to, graphic artist Erica Larson demonstrates how she lights up an image by adding a neon effect in Adobe Photoshop.

Photo composite of a magenta-coloured triangle drawn around a hand in a black and white image

Connect the dots and design your glow—watch our one-minute video overview of this technique and see the steps below.

Before you start.

Use these sample images or practice with your own.    

 

Step 1: Draw a shape

Using the Pen tool, Larson clicked three points to draw a triangle around the hand. You can draw any shape on your image and, with the new Shape layer selected, click the Add Layer Style icon from the Layers panel and choose Outer Glow.

Use the Pen tool in Photoshop to add a vector shape, then add an outer glow layer style in Adobe Photoshop

Step 2: Create the glow

Experiment with different colours and settings for the Outer Glow. Larson settled on a vivid magenta. Then she set an Inner Glow, changed the Blend Mode to Multiply and applied the same magenta colour.

Set an inner glow on the shape layer, set blending mode to multiple

Step 3: Convert and mask 

Larson right-clicked on the Shape layer and chose Convert To Smart Object. Then she added a mask to the Shape layer.

Convert shape layer to Smart Object and add Photoshop mask

Step 4: Hide and reveal

Larson wanted to hide the triangle just behind the wrist. To hide parts of your neon shape, set the Brush tool to black, select the mask (the white icon on the layer) and brush to remove those sections. To reverse the effect, simply change the brush colour to white and paint on the mask to reveal detail again.

Brush with black to create photoshop mask to hide parts of the shape in front of the wrist and thumb

Shine bright.

From computer screens to film marquees, neon design is everywhere—now it’s time for you to design your own and shine bright.

Composite image with neon triangle around hand is on the screen of a mobile phone placeholder image

Note: Project files included with this tutorial are for practice purposes only.

Do more with Adobe Photoshop.

Create beautiful images with Photoshop brushesContent-Aware FillPhoto effectsNeural FilterSky replacement and the many tools photographers rely on.

Explore the Photoshop family of apps.

You might also be interested in…

Make a tattoo composite in Photoshop.

Create a tattoo composite.

Before committing ink to skin, design the illusion of a tattoo.

Make an underwater text effect in Photoshop.

Create an underwater effect.

Blend distorted text with your images for a 3D finish.

Create a photo composite in Photoshop.

Make a photo composite.

Learn to create surreal images by compositing two photographs.

Retouch a photo in Photoshop.

Retouch a photo.

Brush out your photos rough spots for cleaner, clearer images.

Find the Creative Cloud plan that’s right for you.

Photography (20 GB)

RM47.96/mo (incl. SST)

Lightroom on desktop and mobile, Lightroom Classic and Photoshop on desktop and iPad. Learn more


Photography (20 GB)

Lightroom on desktop and mobile, Lightroom Classic and Photoshop on desktop and iPad. Learn more

RM47.96/mo (incl. SST)

Adobe Photoshop Single App

RM110.16/mo (incl. SST)

Get Photoshop on desktop and iPad as part of Creative Cloud. Learn more


Adobe Photoshop Single App

Get Photoshop on desktop and iPad as part of Creative Cloud. Learn more

RM110.16/mo (incl. SST)

All Apps

RM278.64/mo (incl. SST)

Get Photoshop on desktop and iPad, plus the entire collection of creative apps.  Learn more


All Apps

Get Photoshop on desktop and iPad, plus the entire collection of creative apps.  Learn more

RM278.64/mo (incl. SST)

Students and teachers

RM95.98/mo. (incl. SST)

Save over 60% on the entire collection of Creative Cloud apps. Learn more


Students and teachers

Save over 60% on the entire collection of Creative Cloud apps. Learn more

RM95.98/mo (incl. SST)

Purchase by phone: +65 3157 2191