How to use Photoshop CS5 - Part 14: Create motion effects

In the following tutorial, we will take the basic steps to create the motion effect and blur the color parts of the color, then select each point of the main object, stretching to 1 side to create motion effect of color ...

In the following tutorial, we will take the basic steps to create the motion effect and blur the color parts of the color, then select each point of the main object, stretching on one side to create a motion effect of color. Basically, the Layer Mask and Brush are the two main tools used in this test.

How to use Photoshop CS5 - Part 14: Create motion effects Picture 1How to use Photoshop CS5 - Part 14: Create motion effects Picture 1

Sample photo

First, we need to create a backup copy of the original image. Select Layer> New> Layer via Copy or press the shortcut Ctrl + J (Windows) or Command + J (Mac):

How to use Photoshop CS5 - Part 14: Create motion effects Picture 2How to use Photoshop CS5 - Part 14: Create motion effects Picture 2

The created layer will be named by Photoshop as Layer 1:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 3How to use Photoshop CS5 - Part 14: Create motion effects Picture 3

Before proceeding to colorize the image, remove the original colors by reducing saturation. Select Image> Adjustments> Desaturate or press Shift + Ctrl + U (Win) or Shift + Command + U (Mac):

How to use Photoshop CS5 - Part 14: Create motion effects Picture 4How to use Photoshop CS5 - Part 14: Create motion effects Picture 4

The entire color in the image will turn into black and white, for example:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 5How to use Photoshop CS5 - Part 14: Create motion effects Picture 5

Next, choose Image> Adjustments> Color Balance :

How to use Photoshop CS5 - Part 14: Create motion effects Picture 6How to use Photoshop CS5 - Part 14: Create motion effects Picture 6

Photoshop's Color Balance feature allows users to choose different colors for Shadows, Midtones and Highlights . For example, in this test, we change the Yellow parameter in the Color Levels section to -40, check the Preserve Luminosity box:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 7How to use Photoshop CS5 - Part 14: Create motion effects Picture 7

Next, select Shadows , change Red to +70 and Yellow to -60:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 8How to use Photoshop CS5 - Part 14: Create motion effects Picture 8


Click OK to close the Color Balance window and apply color changes, our sample image will look like this:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 9How to use Photoshop CS5 - Part 14: Create motion effects Picture 9

When you reach this step, you need to use the Single Column Marquee Tool in the control panel:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 10How to use Photoshop CS5 - Part 14: Create motion effects Picture 10

This tool will select each pixel in the image, here we will choose the middle part:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 11How to use Photoshop CS5 - Part 14: Create motion effects Picture 11

Then, select the Layer> New> Layer via Copy menu or press the shortcut Ctrl + J (Windows) or Command + J (Mac) to copy the selected pixel lines to this new layer, Photoshop will automatically rename to Layer 2:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 12How to use Photoshop CS5 - Part 14: Create motion effects Picture 12

Continuing, we will expand this selection via the Edit> Free Transform menu or the Ctrl + T shortcut (Windows) or Command + T (Mac):

How to use Photoshop CS5 - Part 14: Create motion effects Picture 13How to use Photoshop CS5 - Part 14: Create motion effects Picture 13

Then, select a vertical line on the right and stretch to the same side:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 14How to use Photoshop CS5 - Part 14: Create motion effects Picture 14

Continue to drag the right part of the image, press Enter (Windows) or Return (Mac) to apply the change:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 15How to use Photoshop CS5 - Part 14: Create motion effects Picture 15

And here, we will blur the image in this extra stretch to create the effect, select Filter> Blur> Gaussian Blur :

How to use Photoshop CS5 - Part 14: Create motion effects Picture 16How to use Photoshop CS5 - Part 14: Create motion effects Picture 16

The Gaussian Blur window displays, increase the Radius value to 4 and click OK:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 17How to use Photoshop CS5 - Part 14: Create motion effects Picture 17

You can see the difference in the right half of the picture:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 18How to use Photoshop CS5 - Part 14: Create motion effects Picture 18


All you need to do when you reach this step is to blend the fuzzy lines with the image using Layer Mask:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 19How to use Photoshop CS5 - Part 14: Create motion effects Picture 19

Select the Layer Mask icon in the control panel, you will see an additional section right to Layer 2, meaning the overlay has been created:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 20How to use Photoshop CS5 - Part 14: Create motion effects Picture 20

Then select the Brush Tool from the toolbar:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 21How to use Photoshop CS5 - Part 14: Create motion effects Picture 21

Change the Foreground Color to black by pressing the D button:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 22How to use Photoshop CS5 - Part 14: Create motion effects Picture 22

Using the brush to manipulate the right half, our goal is to reduce the opacity of this part and highlight the details of the original image. You can change the size of the Brush with the [ or ] key . Below is the image after using the Brush in this step:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 23How to use Photoshop CS5 - Part 14: Create motion effects Picture 23

If an error occurs during operation, press X to change the Foreground and Background colors and set the Foreground to white. Fill in the failed image to retrieve the original color, then press X and continue with black. Besides, you can change the Opacity parameter to increase the transition effect between the move and the photo:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 24How to use Photoshop CS5 - Part 14: Create motion effects Picture 24

Do it again and again until you feel really satisfied with the result, for example, the product below:

How to use Photoshop CS5 - Part 14: Create motion effects Picture 25How to use Photoshop CS5 - Part 14: Create motion effects Picture 25

Good luck!

4 ★ | 1 Vote