Photoshop Motion blur tutorial

Techniques > Photoshop Motion blur tutorial

Join Now

Join ePHOTOzine, the friendliest photography community.

Upload photos, chat with photographers, win prizes and much more for free!

Category: Adobe Photoshop

Photoshop tutorial: Adding motion blur - basic - Photoshop's Motion Blur can be used to add some speed to a moving vehicle. Here we use the Gradient tool on a layer mask to recreate a Cokin Speed filter effect.

Posted: 29th March 2010
Print Article Add Comment Add CommentJargon Buster: Off Jargon Buster: Off

  • Software used: Photoshop CS4
  • Time taken: 10 minutes.
  • Try this tutorial for yourself by clicking on the image to the left to download a high resolution image.
 Motocross

Adding your own motion blur is useful when you haven't quite got the right kind of drama in your original action shot.

In this photo, taken at a local motocross event, I was careful in getting the exposure right and ensuring the necessary focus point was on the bike as it passed. In doing this I'd failed to notice that the shutter speed was too high and it's resulted in a super sharp shot, but one that looks static and lifeless. It's easily fixed with Photoshop's Motion Blur filter.

There are various methods of applying this effect. This first one is a super fast option that takes just a few minutes to complete and emulates the Cokin Speed filter.

Step 1: Duplicate the background layer

Duplicate the layer by dragging the background layer icon over the New Layer icon. Or on the menu Layer>Duplicate Layer.

motocross - duplicate the layer in photoshop

Step 2: Adding motion blur

Add some motion blur to the background layer copy. Filter>Blur>Motion Blur.
In the pop up box, set the angle to match the direction of your subject. In this case it's -9 as the bike is traveling down a slight incline. Make sure the Preview box is ticked so you can see the effect on your main image and adjust the distance slider so you get a good heavy blur. Make sure you maintain some detail in the streaks or it will look unatural. In this example 376 pixels was set. Click OK.

motocross - add motion blur to the background

Step 3: Add a layer mask

Add a layer mask to your background copy layer. With this layer selected go to Layer>Layer Mask>Reveal All. This adds a white square at the side of the layer icon. Click on this square.

motocross - add a layer mask in photoshop


Step 4: Select the Gradient tool

Select the Gradient tool. Make sure black and white are the foreground and background colours. Select foreground to transparent in the gradient options and the linear gradient option. 

motocross - choosing the correct gradientlick


Step 4: Draw a gradient over the mask

Click on the photo near the front of the subject. Hold the mouse down and drag to the rear of the subject following the same angle you applied the blur at. Let go of the mouse and the gradient will be applied over the mask, revealing the sharp bottom layer at the front of the photo.

motocross - adding a gradient on the mask


motocross - motion blur added to create a sense of speed


You've read the article, now go take some fantastic images. You can then upload the pictures, plus any advice and suggestions you have into the dedicated Photo Month forum for everyone at ePHOTOzine to enjoy.

Explore More

How To Add A Digital Rainbow With Photoshop

How To Add A Digital Rainbow To Shots

How to use the gradient tool to add a digital rainbow to sho...

Create A Classic Infrared Feel In Photoshop

How To Create The Infrared Image Look

Robin Whalley shows us how to create an infrared landscape i...

How To Create Holga Images In Photoshop

How To Create A Holga Image

Give your digital images the Holga look with the help of Pho...

Join ePHOTOzine and remove these ads.

Comments

There are no comments here! Be the first!
- Original Poster Comments
- Your Posts

Add a Comment

You must be a member to leave a comment

Username:
Password:
Remember me:
Un-tick this box if you want to login each time you visit.