Creating an Action Sequence Photo in Photoshop

September 30, 2010 · 25 comments

in Photoshop Tutorials

Flip through a sports magazine or newspaper and you’d probably see an action sequence shot. It’s where a continuous action is stitched together and presented in one photo. It looks pretty nifty and here’s how you can re-create this effect in Photoshop in just 7 steps.

1.) Choose the Right Action

The most difficult part of creating an action sequence photo is actually finding the right action. After some trial and error, I found linear and predictable action to be much easier to shoot. If you know how they’re getting from point A to B, you’d be able to track them better if you’re not using a wide angle lens.

Also ensure that the background remains consistent as it would make post processing in Photoshop that much easier. If there’s a stationary horizon in the photos, it would also make aligning them more effortless.

2.) Camera Equipment & Settings

For best results, use a tripod. However, if you were like me and left one at home, then a steady hand and plenty of lighting would be the next best thing.

Find a wide angle lens and set it to a smaller aperture (f8 or even f11) to capture and focus more in the photos. Depending on the action, make sure that the shutter speed is faster than 1/500 so it freezes the action, rather than create motion blurs.

Set your camera to action or burst mode and just capture as many shots as you can. You can always delete photos later on.

3.) Select the Right Photos

Including all the images you’ve taken can create a rather messy final photo. You might like to exclude some photos in between to have some more space. Or you might like to overlap some but not others. Decide what kind of effect you wish to create.

4.) Layer Up in Photoshop

Open up the first image of your sequence in Photoshop. Then, open up your second image and drag that into your first image. Photoshop will automatically create a new layer called “Layer 1.”

Repeat that until you have all the photos in the sequence all layered on top of the first photo.

5.) Start Aligning

First, make all the layers invisible, except for the Background layer and Layer 1. Also decrease the opacity of Layer 1 to 50%.

It should look something like this:

Now, using Free Transform (found under the Edit menu), try to align stationery points closest to the top layer. So for the photo above, I would try to align the basketball court lines. As the player is about to shoot, I would then try to align the basketball ring.

Keep repeating this step until you have completed all layers. Keep in mind to always work with the Background Layer as the base. You would always have Background Layer visible and the other layer set to 50% opacity.

6.) Edit and Delete

You can really start to get a feel of the final photo once you’ve aligned everything and have it on transparency. This is when you can start deleting some layers, like parts where it might overlap.

After you’ve done this, set EVERYTHING to invisible except for Layer 1 and set the opacity back to 100%. Grab the eraser tool and start to get rid of everything you don’t need. You don’t have to be so accurate and you’d get something like this:

Repeat for all the other layers.

7.) And You’re Done!

Once you’ve completed the previous steps, make all layers visible. You should end up with an action sequence shot photo!

Article by

1 part ad agency. 2 parts freelancer. An avid urban photographer, traveler, and streetwear lover. Geeky curator of all things awesome. Sustains on Vegemite, meat pies and lamingtons. Follow me on Twitter or Flickr.

Yi has written 69 awesome articles for us at Photoble

  • Mr. T

    where – are – the – shadows – ?
    O.õ

  • Mr. T

    where – are – the – shadows – ?
    O.õ

  • FlutterDrew

    This is a very cool way to make art! This blog has now been posted in a bledit.
    http://bleditor.com/bledit.php?bleditID=14777

  • FlutterDrew

    This is a very cool way to make art! This blog has now been posted in a bledit.
    http://bleditor.com/bledit.php?bleditID=14777

  • http://www.mobilecubix.com iPhone App Developers

    Developer said me it is impossible to create video motion on photoshop

  • http://www.twitter.com/yiiee Yi

    My bad :/

  • http://www.twitter.com/yiiee Yi

    My bad :/

  • http://www.twitter.com/yiiee Yi

    But this isn’t video motion? It’s simply stitching a sequence of action photos together into one photo.

  • http://www.twitter.com/yiiee Yi

    Thank you! 🙂

  • http://www.twitter.com/yiiee Yi

    But this isn’t video motion? It’s simply stitching a sequence of action photos together into one photo.

  • http://www.twitter.com/yiiee Yi

    Thank you! 🙂

  • http://www.mobilecubix.com iPhone App Developers

    thank you for correcting me

  • Sep

    Nice tip. You should have included the shadows. You can do the same thing from what you did on the object. Just my piece of idea, though. I learned something. Keep it up.

  • Sep

    Nice tip. You should have included the shadows. You can do the same thing from what you did on the object. Just my piece of idea, though. I learned something. Keep it up.

  • http://www.twitter.com/yiiee Yi

    Yeah, my mistake for not including the shadows. Thanks for your feedback Sep. 🙂

  • http://www.twitter.com/yiiee Yi

    Yeah, my mistake for not including the shadows. Thanks for your feedback Sep. 🙂

  • Roma

    Dear Sir,

    Nice tips, but how to put shadow? make it more realistic.

  • Roma

    Dear Sir,

    Nice tips, but how to put shadow? make it more realistic.

  • Jane

     this is an awful way to make an action sequence. Who manually aligns layers anymore?

  • http://www.twitter.com/yiiee Yi

    Yes, I could have easily used a tool for a one-step-do-it-all process. But where’s the fun in that? 

  • Alee

    Hay! can anyone tell me any question about photoshop by which i can hang my teacher ,,thx

  • Anonymous

    Yeah thats what i’ve looking for.. this is very helpful.. thanks for sharing! 

  • http://www.facebook.com/profile.php?id=100000773866230 Limuel M Lamprea

    ah

  • strawberry

    Brilliant. Spent five hours trying to get this effect, 4.5 hours using wrong method – found this and 30 mins later, hey presto! Thanks, great little article. 🙂

  • strawberry

    maybe when you’re erasing the background bits from your layers you could not erase the shadow? I presume that would make it show up on the final image.

Previous post:

Next post: