Create a Neon Glow Effect in Photoshop

Do you want to add a stunning neon glow effect to your images and designs? Look no further! In this blog, we will guide you through the process of creating a mesmerizing neon glow effect using Photoshop. Whether you want to enhance your marketing materials, create eye-catching social media graphics, or simply add a vibrant touch to your personal photos, this tutorial will provide you with step-by-step instructions to achieve a professional and captivating look. Get ready to unleash your creativity as we show you how to make your designs shine with an electrifying neon glow!

Create a Neon Glow Effect in Photoshop

Welcome to this tutorial on how to create an awesome graphic glowing effect in Photoshop. In this article, I will guide you through the step-by-step process of creating this effect using a sample image. You can also download the sample image on

Step 1: Selecting and Manipulating the Shape

Open your sample image in Photoshop and select the triangle tool from the toolbar. Click and drag on the canvas to create a triangle shape. Hold the shift key to maintain the aspect ratio. Resize the shape using the transform tool (CTRL/CMD + T).

Flip the triangle upside down by right-clicking on it and selecting “Flip Vertical.” Move the triangle to the desired position using the move tool.

Step 2: Expanding the Canvas and Changing the Background

Expand the canvas size using the crop tool (shortcut: C) by dragging the left and right edges. Ensure the background is black by adding a solid color adjustment layer (click on the base layer, go to adjustment layers, select solid color, and choose black).

Step 3: Customizing the Triangle Shape

Double click on the triangle shape to open the properties menu. Choose a fill color (in this case, green) and disable the fill option. Keep the stroke color as green.

Resize and reposition the triangle as needed to encompass the subject, leaving space for the subject’s hair to emerge from the top of the triangle.

Step 4: Creating a Layer Mask for the Subject

Select the triangle layer and hold CTRL/CMD while clicking on the layer thumbnail to create a selection. Click on the subject layer and name it accordingly. Add a layer mask by clicking on the layer mask icon.

If you want the subject’s hair to extend beyond the triangle, use the brush tool (shortcut: B) to paint white on the layer mask. This will reveal the subject’s hair within the triangle.

Step 5: Adjusting the Background and Triangle

Hide any distracting elements in the background by toggling off the visibility of the subject and triangle layers. To make the triangle blend seamlessly with the subject’s hair, select the triangle layer and add a layer mask using the lasso tool (shortcut: L) to create a precise selection. Fill the selection with black and make any necessary touch-ups using the brush tool.

Step 6: Adding the Glowing Effect

To create a glowing effect, duplicate the triangle layer by dragging it to the new layer icon. Convert the duplicated shape layer into a regular layer by creating a new layer above it and merging the two (shortcut: CTRL/CMD + E).

Convert the regular layer into a smart object. Right-click on the layer and select “Convert to Smart Object”. This will allow us to apply various layer effects to the shape.


By following these steps, you can easily create a neon glow effect in Photoshop. Experiment with different colors and shapes to create unique and eye-catching designs. Have fun exploring the possibilities!

Frequently Asked Questions: Creating a Neon Glow Effect in Photoshop

1. What is a neon glow effect?

A neon glow effect is a popular visual effect created in Photoshop that mimics the vibrant and glowing appearance of neon lights. It can be used to add a creative and attention-grabbing look to text, shapes, or images.

2. How can I create a neon glow effect in Photoshop?

To create a neon glow effect in Photoshop, follow these steps:

  1. Create or import the desired text, shape, or image onto a new Photoshop document.
  2. Select the layer of the object you want to apply the neon glow effect to.
  3. Go to the “Layer” menu, choose “Layer Style,” and then select “Outer Glow.”
  4. Adjust the settings of the Outer Glow effect, such as color, size, spread, and opacity, to achieve the desired neon glow effect.
  5. Click “OK” to apply the neon glow effect to the selected layer.

3. Can I change the color of the neon glow effect?

Yes, you can easily change the color of the neon glow effect in Photoshop. When applying the Outer Glow layer style, you can select any color you prefer for the neon glow. Experiment with different colors to achieve the desired effect.

4. How can I make the neon glow effect more intense or subtle?

To control the intensity of the neon glow effect in Photoshop, you can adjust the size, spread, and opacity settings of the Outer Glow layer style. Increasing the size and spread will make the glow effect more prominent, while decreasing these values will make it more subtle. Similarly, adjusting the opacity will determine the transparency of the glow effect.

5. Can I apply the neon glow effect to an existing image?

Absolutely! The neon glow effect can be applied to any layer in Photoshop, including images. Simply select the layer containing the image you want to apply the neon glow effect to and follow the steps mentioned earlier. Experiment with different images and settings to achieve stunning results.

6. Are there any other techniques to enhance the neon glow effect?

Yes, you can further enhance the neon glow effect in Photoshop by experimenting with additional layer styles, such as Inner Glow or Gradient Overlay. Applying these layer styles in combination with the Outer Glow will allow you to create more unique and dynamic neon glow effects.

7. Can I remove or modify the neon glow effect after applying it?

Yes, you can easily modify or remove the neon glow effect from a layer in Photoshop. Simply double-click on the layer to access its layer style settings again, then adjust or disable the Outer Glow effect as desired. This flexibility allows you to experiment and make changes to your neon glow effect until you achieve your desired result.

I hope you find useful my article Create a Neon Glow Effect in Photoshop, I also recommend you to read my other posts in my blog at this link.

If you need help with anything join the community or do not hesitate to contact me.

Best of luck! and follow your passion.

Please consider joining my newsletter or following me on social media if you like my content.

Don’t Fall For This Trap As A Creator…

Have you ever found yourself falling into the trap of trying to please everyone as...Read More

My nose leaked | New Zealand Ep.2

Have you ever been out in the wilderness and realized your nose won’t stop running?...Read More

Best LED hand held light for CHEAP!!!

Are you in need of a high-quality, yet affordable hand-held LED light? Look no further!...Read More

LET ME SHOW YOU… You need more sound design #shorts

Do you want your videos to stand out with top-notch sound design, but don’t know...Read More

SIGMA 56mm F1.4 // THE BEST Prime Lens for Sony A6400 and APS-C?!

Are you looking for the perfect prime lens for your Sony A6400 or other APS-C...Read More

Are these cine lenses even worth it? (Sirui Jupiter Full Frame Lenses)

Are these cine lenses even worth it? If you’re in the market for cine lenses,...Read More

Filming with the SONY BURANO | Hands-on & BTS + Cooke SP3 – CineAlta

Are you looking for a high-quality camera for your filming projects? Look no further than...Read More

Chris and Jordan Dig Through a MOUNTAIN of Your Questions! | The PetaPixel Podcast

Are you constantly seeking photography tips and tricks? Do you have burning questions about the...Read More

Leave a Reply

Your email address will not be published. Required fields are marked *