Make the Speed Effect in Photopea
|

How to Make the Speed Effect in Photopea | A Complete Tutorial

Adding a speed effect can transform an ordinary photo into a dynamic and more interesting one.

In this tutorial, you will learn how to make a speed effect in Photopea. We will utilize different blur options and masking to add motion to the images.

Add a Speed Effect around a Train

In the first example, we will be adding a speed effect to the train image.

add speed effect in Photopea
Our Image

Step 1: Open the Image

Open Photopea.com on your browser, then drag and drop your image onto the photopea homepage. You can also open the image by going to File>>Open>> Select Your Image>>Open.

Step 2: Duplicate the Layer

First, we need to create a duplicate of the image by selecting the image layer and either pressing Ctrl (Cmd) + J or by right-clicking on the image and selecting Duplicate Layer.

Duplicate Layer in Photopea
Duplicate Layer

Step 3: Add a Blur

Go to Filter >> Blur >> Radial Blur with the new layer selected.

Add Radial Blur in Photopea
Add Radial Blur

From the Radial Blur settings window, set the Blur Method to Zoom and then adjust the Amount to a suitable number. Next, adjust the X and Y positions so that the center of the blur is on the train, then click OK.

Blur Settings in Photopea
Radial Blur Settings

Step 4: Apply a Layer Mask

We need to add a raster mask to the duplicate layer by clicking on the Add Raster Mask icon at the bottom of the Layers Panel.

Layer Mask in Photopea
Layer Mask

With the Layer Mask selected, press Ctrl (Cmd) + I on your keyboard to invert the colors of the layer mask. It will turn Black from white, and the blur will disappear from your image.

Invert Layer Mask in Photopea
Invert Layer Mask

Step 5: Adding the Speed Effect

Go to the Tools Bar and select the Brush Tool to add the speed effect. From the Color Picker, make sure the foreground color is White. You can switch by pressing L shaped arrow between the foreground and background.

Brush Tool in Photopea
Brush Tool

With the duplicate layer selected, increase the brush size to a favorable size and use it to brush over the areas where you want the blur to appear. You can increase and decrease the size of the brush using the [ and ] keys on your keyboard.

Make sure not to blur the train or the railroad.

add speed effect in Photopea
Before and After

That’s it! You can go ahead and save your work as PSD or Export As JPG or any preferred file format.

This method of adding a speed effect works best when an object is moving directly toward or away from the camera.  

Add a Speed Effect in Photopea to a Car

If you want to add a speed effect to an object that is going past the camera, here is what you should do.

add a speed effect in Photopea
Our Image

Step 1: Open Your Image

If you still have a workspace open, go to File >> Open >> Select Your Image >> Open. The image will open in a new tab.

However, if you just opened Photopea, you can simply drag and drop the image onto the workspace.

Step 2: Duplicate the Image Layer

You can either press Ctrl (Cmd) + J or right-click on the image layer and select Duplicate Layer. We will be working on the duplicate layer.

Duplicate Layer in Photopea
Duplicate Layer

Step 3: Add a Blur

Go to Filters>>Blur >> Motion Blur with the duplicate layer selected.

Add Motion Blur in Photopea
Add a Motion Blur

From the Motion Blur window, increase the Distance to about 100 pixels and click OK.

Motion Blur window in Photopea
Motion Blur Settings

Step 4: Add a Layer Mask

With the duplicate layer selected, click on the Add Raster Mask icon at the bottom of the Layers Palette.

Add a Layer Mask in Photopea
Add a Layer Mask

Now click inside the Mask and press Ctrl (Cmd) + I to invert the mask. The mask will switch from White to Black, and the blur effect will disappear from the image.

Step 5: Add the Speed Effect

Just like we did earlier, to add the speed effect, select the Brush Tool, make sure the foreground color is White, and paint around the car.

Brush Tool in Photopea
Brush Tool

Paint carefully and make sure not to blur out the car, and don’t forget to paint the area being seen through the car’s windows.

add a speed effect in Photopea
Blur Area Around the Car and Through the Window

Step 6: Invert the Mask

Once you are done painting the areas around the car, select the Mask and press Ctrl (Cmd) + I to invert the mask.

IF you want to blur the background instead of the car then don’t invert the mask after painting on the car.

add a speed effect in Photopea
Results

Add a Speed Effect in Photopea to a Person on a White Background

In our last example, we will be adding a speed effect to a person.

add a speed effect in Photopea
Our Image

Step 1: Open Your Image

Go to File >> Open >> Select Your Image >> Open.

Step 2: Remove the Background

Select the image layer, then go to Select >> Remove BG. Photopea will delete the background around the athlete.

Remove Background in Photopea
Remove Background

Step 3: Add Solid Color Background

Go to the Adjustment Layer at the bottom of the Layers Panel and choose Color Fill.

Adjustment Layer in Photopea
New Adjustment Layer

From the Color Picker window, choose your preferred color and click OK. We will choose White. To reveal the image, drag the Color Fill Layer down in the layers panel so that it sits below the image layer.

Step 4: Convert Your Image to Smart Object and Duplicate the Layer

Right-click on the image icon next to the Mask and select Convert to Smart Object.

Convert Layer to Smart Object in Photopea
Convert to Smart Object

Right-click the image layer again and select Duplicate Layer.

Step 5: Add a Filter

Select the new duplicate image layer, then go to Filter >> Blur >> Motion Blur.

From the window that pops up, change the distance to 70 pixels and click OK.

Motion Blur Settings in Photopea
Motion Blur Settings

Step 6: Add Layer Mask

With the image copy layer still selected, click on Add Raster Mask at the bottom of the Layers Palette.

Step 7: Add the Speed Effect

Choose the Brush tool and make sure the foreground color in the color palette is Black.

Brush Tool in Photopea
Brush Tool

Use the brush to paint over the athlete to reveal her body while leaving a blur behind her. 

remove part of a blur in Photopea
Remove Blur on Athlete

Step 8: Duplicate the Layer Again

Right-click on the image copy and select Duplicate Layer. Choose the layer under it, select the Move Tool, and use the arrow keys on your keyboard to move it a bit to the left.

Move layer in Photopea
Move the Duplicate Layer to the Left

Repeat the process by duplicating the layer above the Background and always moving the duplicated layer a bit to the left, do so several times.

Step 9: Reduce Opacity

Starting with the layer right below the topmost layer, reduce the opacity to 90%, then move to the layer below it and reduce the opacity to 80%. Repeat this, reducing the opacity by 10% until you reach the bottom-most layer.

Leave the opacity of the top and background layers at 100%.

Reduce Layer Opacity in Photopea
Reduce the Opacity of the Layers

Now select all the copy layers by clicking on the topmost layer, holding the Shift key, and selecting the bottom-most copy layer. Now right-click on any of the selected layers and select Merge Layers.

Merge Layers in Photopea
Merge Layers

Now move the original layer (in our case, the background layer) to sit above the copy layer.

moving layers in Photopea
Drag the Background Layer to the Top

You can Click Here to learn how to move layers.

Step 10: Add the Final Motion Blur

Choose the merged layer and go to Filters >> Blur >> Motion Blur, and set the distance to 48 pixels.

motion blur in Photopea
Add a Motion Blur to the Copy Layer

That’s it.

Make the Speed Effect in Photopea
Final Results

Conclusion

In the first part of the tutorial, we looked at how to make a speed effect in Photopea using the Radial Blur. We achieved that by duplicating the layer, adding the blur, adding a Layer Mask, inverting the mask, and then using the Brush tool to reveal the blur around the subject.

The second example looked at how to use Motion Blur to add speed effect to a racing car. For this, we duplicated the image, added a blur, added a Layer mask, painted the areas we wanted the speed effect to appear then inverted the mask.

Make Speed Effect in Photopea

The last example involved removing the background from a subject, adding a solid color background, and then adding a motion blur and a layer mask. We then duplicated the layer while moving the copy a bit to the left then, reduced the opacity of the copied layers, merged them, and added an additional motion blur.

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

Author Rating

Overall Rating

3.875

Summary

Creating a speed effect in Photopea involves duplicating and stretching the subject or applying motion blur filters. While it may require practice, it offers functional and scalable options to add motion and dynamism to designs, making it valuable for various graphic design projects.

Useful Links

Similar Posts