glow effect in Photopea
|

How to Add a Glow Effect in Photopea | Comprehensive Tutorial

Glow effects are perfect for highlighting parts of an image or drawing the attention of viewers.

In this post, we will cover how to create a realistic glow effect for text as well as other objects.

How to Add Glowing Effect to Text

In the first example, we will look at how to create a neon text effect in Photopea.

Step 1: Create a New Project

Go to Photopea.com and open a new project by going to File >> New. Select the desired width, height, and DPI for your Document and click on the “Create” button.

open new project in Photopea
New Project Settings

Step 2: Add Your Text

Grab the Type Tool from the tools bar, go to the Options Bar, change the font type, font size, and color, then type in your text.

Type Tool in Photopea
Type Tool

Step 3: Change the Background

The Glow Effect doesn’t work well against a bright background. We need to add a darker image as the background or a dark color fill. For this example, we will use the New Layer Fill.

Go to Layers>> New Layer Fill>>Color Fill

Color Fill in Photopea
Color Fill

From the Color Picker, choose black as our background color. You can choose any other color as long as it is not a bright color. Once you are done, click OK.

Color Picker in Photopea
Color Picker

Move the Color Fill layer down from the Layers Panel so that it sits below your text.

layers palette in Photopea
Move the Fill Layer Below Your Text

Your text will now be on a black background. Highlight the text with the Text Tool and change its color to white from the options bar.

Step 4: Convert Text to Smart Object

Right-click on your text and select Convert to Smart Object.

Convert to Smart Object in Photopea
Convert Text to Smart Object

Step 5: Choose Blending Options

With the text layer still selected, go to the Layer Style and choose Blending Options.

Blending Options in Photopea
Blending Options

From the Layer Style window that pops up, choose Inner Glow and choose these settings:

  • Blend Mode: Hard Light
  • Opacity: 35%
  • Size: 7%
  • Click on the color picker next to Gradient, and from the # part of the Color Picker, enter 7200ff and click OK.
  • Click inside the Contour Box and set the X to 48 and Y to 62, and click OK.
inner glow in Photopea
Inner Glow Settings

Next, select Outer Glow and enter the following settings:

  • Blend Mode: Linear Dodge
  • Opacity: 80%
  • Click the color picker and change the color to 9600ff. This is a lighter shade of the first color.
  • Size: 35%
  • Click inside the Contour Box and set X at 64 and Y at 94, and click OK.
Outer Glow Settings in Photopea
Outer Glow Settings

Once you are done click OK to exit the Layer Style.

Step 6: Refine the Effect

Right-click on the text layer and click Duplicate Layer.

duplicate layer in Photopea
Duplicate the Text Layer

Drag down the Copied Text Layer so that it sits below the first text layer, then right-click on it and select Blending Options.

From the Layer Style, unselect the Inner Glow, select Stroke, and enter the following settings:

  • Size: 1
  • Position: Inside
Stroke Settings in Photopea
Stroke Settings

Now go to the Outer Glow, change the size to 250 Pixels, and click OK.

Outer Glow Settings in Photopea
Outer Glow Settings

Here are the results so far.

glow effect in Photopea
The Results

Step 7: Change the Background to An Image

We can add an image as our background to refine the glow effect further. Simply drag and drop your image into the photopea document. Or go to the file menu and click on open & place to open the background image.

From the layers Panel, drag the image layer down so that it sits below our two text layers.

Add Image Background in Photopea
Added Image Background

To refine the effect, we will add a drop shadow. Right-click on the Copied Text Layer and select Blending Options. Select Drop Shadow and add the following settings:

  • Blend Mode: Linear Light
  • Opacity: 21%
  • Angle: 50 degrees
  • Distance: 47 px
  • Spread: 10%
  • Size: 43
Drop Shadow Settings in Photopea
Drop Shadow Settings

Click OK once you are done.

add glow effect in Photopea
The Results

You can add more elements, such as a line, and copy the same layer style to add more details. In the below image, we added a line above the text and repeated all the steps:

  • Adding inner glow and outer glow
  • Duplicating the layer, removing the inner glow, and adding a Stroke
  • Adjusting the outer glow
glow effect in Photopea
Final Results

How to Add a Glowing Effect to an Object in photopea

Now that you know how to make text glow, let’s discuss how to make an individual object within an image glow. In this example, we will make the ball glow.

glow effect in Photopea
Our Image

Step 1: Open Your Image

Drag and drop your image onto Photopea or go to File >> Open, select your image and click Open.

Step 2: Select the Ball

First of all, Duplicate the image layer. To do that right click on the image inside the layers panel and choose duplicate.

Duplicate Layer in Photopea
Duplicate the image Layer

Selected the duplicated layer and then you need to use your preferred selection tool to select the ball. In our case, we will be using the Magnetic Lasso Select. Start by zooming in to get a better view of the target.

Magnetic Lasso Select in Photopea
Magnetic Lasso Select

Once you are done with the selection, press Ctrl (Cmd) + 0 to adjust the image to fit the screen.

Selection and how to deselect in Photopea

Check out a comprehensive guide on how to make selections in Photopea.

Step 2: Create the Raster Mask

With the selection active, Go to the layers panel and click on the raster mask icon. And now the ball will be on its own layer and image areas other than the ball will disappear.

You can turn off and on the background layer by clicking on the eye icon to ensure the ball is on its own layer.

Now right click on the layer and choose rasterize.

then right-click on the mask and choose Apply.

Step 3: convert the ball layer to smart object

Right-click on the ball layer and select Convert to Smart Object.

how to Convert Layer to Smart Object in Photopea
Convert Layer to Smart Object

Now right-click on the ball layer and select Duplicate Layer.

Duplicate Layer in Photopea
Duplicate the Ball Layer

Step 4: Add blur Filter

With the duplicate layer selected, go to blending options and select Screen.

Screen Blending Mode in Photopea
Screen Blending Mode

Next, go to Filters >> Blur >> Gaussian Blur

Add Gaussian Blur in Photopea
Gaussian Blur

Set the radius to 5px and click OK.

Duplicate the Copy Layer again, double-click on the Gaussian Blur, set the radius to 150px, and click OK.

Gaussian Blur

Duplicate the second copy again, double click on Gaussian Blur as we did before and this time set the radius to 300px and click OK.

Note: You may need to adjust the blur values depending on the dimensions of the image you are using, so make sure to choose the blur values that look good on your image.

Step 5: Place the Ball Layers into a Folder

Hold the Shift key and select all the ball layers, then click on the Folder icon at the bottom of the Layers Palette. The layers will be placed in a folder.

place layers in a folder in Photopea
Place Ball Layers in a Folder

Step 6: Adjust Hue/Saturation

With the folder selected, go to New Adjustment Layer and select Hue/Saturation.

Hue/Saturation in Photopea
Hue/Saturation

From the Hue/Saturation window, make sure the Range is set at Master, then go to the bottom of the window and select the Clipping Mask icon.

Clipping Mask in Photopea
Clipping Mask

Now select the Colorize radio button and then increase or decrease the Hue, Saturation, and Lightness to your liking. When done, click the Properties icon to collapse the Hue/Saturation window.

Step 7: Reduce Background Exposure

To make our glow effect stand out, we need to reduce the exposure of the background. Select the background image, click on the New Adjustment Layer icon, and select Exposure.

Exposure in Photopea
Select Exposure

From the Exposure window, we will reduce the Exposure to about -2.00 and then click the Properties icon to collapse the window.

Note: Choose exposure values according to the image you are using.

Step 8: Refine the Effects

Now select the Exposure Mask, select the Brush Tool, and ensure the foreground color is Black.

Exposure Mask in Photopea
Select the Exposure Mask and the Brush Tool

From the Options Bar, select a soft brush, ensure the brush opacity is at 100%, and reduce the Flow to 10%.

Brush Settings in Photopea
Brush Settings

Choose the brush color according to the glow of the ball and then use the brush to paint around the players’ legs so that the ball appears to be illuminating them.

To refine the effects further, duplicate the Hue/Saturation layer and drag it down so that it sits below the Folder. Now select the Layer Mask and press Ctrl (CMD) + I to invert the mask.

Invert a Mask Layer in Photopea
Invert the Mask Layer

Select the Brush Tool, and ensure the foreground color is White, then paint around the legs of the players. That will make the color of the ball appear to be reflecting off the player’s feet and clothing.

glow effect in Photopea
The Results

Now you can go ahead and save your work. Export your image as JPG or PNG. To be able to work on your image later, Save As PSD.

glow effect in Photopea
Before and After

Conclusion

In this comprehensive tutorial, we started by looking at how to add a glow effect in Photopea to a layer using the Inner Glow and Outer Glow options located under Blending Options.

Later, we looked at a more hands-on option that involved selecting the subject with the Magnetic Lasso Select and then adding the glow effect using the Gaussian Blur, Hue/Saturation, and reducing Exposure.

Following these steps will help you add a glow effect in Photopea to any layer.

add a glow effect in Photopea
Adding a Glow Effect

Thanks for reading & feel free to check out more of our articles!

Author Rating

Overall Rating

4

Summary

Creating a glow effect in Photopea may require some practice to master, the process becomes relatively easy with familiarity. Photopea is a functional and scalable image editing software that offers various tools and features for creating different effects, including the glow effect.

Useful Links

Similar Posts