• Have any questions?
  • contact@thecreativehagja.com
the creative hagja logothe creative hagja logothe creative hagja logothe creative hagja logo
  • Tutorials
    • Affinity Designer
    • Affinity Photo
  • History & Facts
    • Graphic Design
    • Logos
    • Typography
  • Inspiration
  • Recommendations
    • Courses
    • Products
    • Books
  • Resources
  • About
  • Contact
✕
rain effect in affinity photo cover pic
How to Create a Rain Effect in Affinity Photo
September 16, 2020
double exposure effect
Double Exposure Effect in Affinity Photo
September 30, 2020

How to Create a Neon Glow Effect in Affinity Photo

neon glow effect
Tweet

In this tutorial, we will create a neon glow effect in Affinity Photo.

Before you start this tutorial, download the image of the forest used for this tutorial.

Step 1

First, go to File > Open and select the image you downloaded.

Step 2

In the Layers Panel, click on the Adjustments icon and select Curves. Take the point on the right side and drag it slightly down to dim the highlights in the image.

Step 3

Next, grab the Pen Tool from the Tools Panel. Draw an arch (or whatever shape you want) starting from the ground of the forest. In the Swatches panel, make sure the fill color (the white color) is turned off.

Step 4

With the Pen tool still active, go to the Context toolbar and set the Width of the stroke to 3 pt.

Step 5

Then, go to the Swatches panel. Select the Stroke and set the color to white. In the Layers panel, label this layer Main Glow.

Step 6

In the Layers panel, select the Main Glow layer. Press CTRL + J to make a duplicate of it (or right click on the layer and select Duplicate). Then, name the duplicate Inner Glow.

Step 7

Select the Main Glow layer. Then, select the fx (layers effect) icon in the Layers panel. Click on Outer Glow. Make sure the Blend Mode is on Screen. Then, select the Color and give it the following color #ED17F0 in the RGB Hex Sliders.

Step 8

Now, go up top to the Filters menu. Then, go to Blur > Gaussian Blur (make sure you select the Main Glow layer before doing this). Set the Radius to 5 px and hit Apply.

Step 9

In the Layers panel, select the Main Glow layer again. Press CTRL + J to make another duplicate. Then, label it Outer Glow.

Step 10

Select the Outer Glow layer. Go to the Filters menu. Then, select Blur > Gaussian Blur. Set the Radius to 25 px. Hit Apply.

Step 11

Next, go to the Layers panel. Select Add Pixel Layer to add a new layer.

Step 12

With the new pixel layer selected, grab the Paint Brush tool.

Step 13

Go to the Brushes panel and select the 256 px Round Light Brush from the Basic brushes.

Step 14

Then, with the pixel layer selected, place a brush mark on both ends of the arch.

Step 15

After that, grab the Perspective tool from the Tools panel. Select the top left point and drag it down and slightly to the right.

Step 16

Next, go to the Filters menu select Blur > Gaussian Blur. Then, set the Radius to 25 px. This will diffuse some of the glow that we created for these dots.

Step 17

In the Layers panel, go to the Adjustments icon and select the Gradient Map adjustment.

Step 18

When the adjustment appears, select the green color stop. Next, click the Delete beside Reverse. Then, select the blue color stop. Go to Color and RGB Hex Sliders. Set this color to our pink glow color #ED17F0. Now, select the red color stop. Go to Color and set it to the following color #330333.

Step 19

In the Layers panel, drag the Gradient Map adjustment above the original image.

Step 20

With the Gradient Map still selected, set the Blend Mode of this layer to Screen. Then, lower the Opacity to 40%.

Step 21

Now, go to the Layers panel and select Add Pixel Layer. Then, grab the Paint Brush tool from the Tools panel.

Step 22

With the Paint Brush tool activated, go to the Context toolbar and lower the Opacity of the brush to 30%. Next, increase the Flow to 100%.

Step 23

Now, make sure you have the pixel layer selected. Then, paint around the bottom of the arch area.

Step 24

With the painted pixel layer selected, go to the Filters menu. Select Blur > Gaussian Blur. Then, increase the Radius to 100 px.

Step 25

Select the pixel layer. Next, go to the Filters menu and click Lighting. Set the lighting to the properties you see in the video.

Step 26

Finally, go to the Layers panel and lower the Opacity of this pixel layer to 70%.

Bonus Steps

Step 1

If you wanted to change the color of the glows in your neon glow effect, go the Layers panel. Select all the glow layers. Then, press CTRL + G to group the selected layers (or right click on the selection and select Group).

Step 2

Next, click the Adjustments icon and select the HSL (Hue, Saturation, Luminosity) adjustments.

Step 3

Then, slide the Hue Shift slider towards your desired color. This will also change the overall image since it’s at the top of all the layers.

Congratulations, you’ve created a neon glow effect in Affinity Photo! For more Affinity Photo tutorials, check out this tutorial on how to create a rain effect.

Share
The Creative Hagja
The Creative Hagja

Related posts

travel app design
November 14, 2022

How to Create a Travel App in Affinity Designer


Read more

Leave a Reply Cancel reply

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

ten + thirteen =

Newsletter

Pages

  • About
  • Affiliate Disclaimer
  • Contact
  • Home
  • Privacy Policy
  • Resources
  • Terms of Use

Privacy Policy | Terms of Use| Affiliate Disclaimer

© 2023 The Creative Hagja. All Rights Reserved.