Animate the Splash Using Photoshop and After Effects

In this Olympic-inspired tutorial, Corey teaches an effect where he extracts areas of an image in Photoshop and then animates them using After effects in order to create a 3D movement effect with the image.

This video requires Adobe Flash Player.

Visitor Comments »

 

Just One Question:
…Why?

 

Comment by Al P. Smithy | August 16, 2008 @ 5:44 am

 

Nice!

 

Comment by brisser | August 17, 2008 @ 1:06 am

 

Stay with just Photoshop Corey.

 

Comment by Jon | August 17, 2008 @ 9:40 am

 

nice”"

 

Comment by manu | August 18, 2008 @ 12:40 am

 

That was fun, thanks.

 

Comment by egower | August 18, 2008 @ 7:23 am

 

damn Luddites…
nice tutorial!

 

Comment by yo mama | August 18, 2008 @ 9:48 am

 

you’ve all actually seen this in videos. I like when it’s used for nature shots with a lot of trees/leaves/animals. This picture wasn’t good to do it with at all, but other shots this can look really nice. Animating the camera angle while doing this works too.

 

Comment by doinyahgirl | August 18, 2008 @ 10:27 am

 

Great Tutorial……

 

Comment by Michael | August 20, 2008 @ 11:38 am

 

i agree manu, this could all be done with final cut pro in about 2 seconds completely pointless.

 

Comment by Josh | August 22, 2008 @ 9:45 am

 

Thx for that tutorial… I think you could really compliment this effect with the use of the puppet tool as well as depth of field from the camera… Possibly even using the mercury effect to simulate water droplets on the glass of the lens… Thx again…

 

Comment by Doug Davis | August 23, 2008 @ 9:02 am

 

Josh, not all of us have have Final Cut Pro 2.

Thanks Corey, nicely done!

 

Comment by Michael Carter | August 28, 2008 @ 2:27 pm

 

awesome

 

Comment by porsellvan | September 1, 2008 @ 6:11 am

 

Hi Corey ,
Thanks for the Tutorial… cool effects sweet!!!!

 

Comment by Karon Troup | September 22, 2008 @ 7:33 pm

 

Hi , that was really cool i once saw a picture printed that was 3D do you know how i could go about producing one myself, eg if ilooked to oneside the cat was sitting and as i moved away it was in motion

a bit bizarre but i thought i would as the pro’s

 

Comment by susie q | October 2, 2008 @ 7:16 pm

 

Hi that was gr8 stuff,

can you help i once saw a picture that a photographer had taken of a cat it was sitting on a cushion and as i moved to the side it moved, the printing paper was different too any ideas on how to achieve this effect
though i would ask the pro

 

Comment by susie q | October 2, 2008 @ 7:20 pm

 

Great Tutorial……thnaks
http://www.dijitalmekan.com

 

Comment by dijitalmekan | October 8, 2008 @ 10:03 am

 

Great effect, who cares about finalcut pro it works for me.

 

Comment by Bert Farry | November 8, 2008 @ 6:19 am

 

this soooo doesn’t work with any other pictures. like most things with Photoshop….a lot easier said than done. or at least in this case, demonstrated than done. maybe if I go to four more years of school and major in graphic design I’ll be able to do something like that.

 

Comment by SMM | November 22, 2008 @ 3:08 pm

 

[...] 10. Animate the Splash Using Photoshop and After Effects [...]

 

Pingback by Pushing Photoshop to the Limit: 13 Most Advanced tutorials | Noupe | November 26, 2008 @ 6:18 am

 

http://www.youtube.com/watch?v=1wmnanJT6Do

It works with many pictures, and that video is a great example!

 

Comment by Mike | November 29, 2008 @ 2:54 pm

 

[...] 10. Animate the Splash Using Photoshop and After Effects [...]

 

Pingback by Pushing Photoshop to the Limit: 13 Most Advanced tutorials | Web Hosting and Domains | December 31, 2008 @ 3:21 pm

 

[...] 10. Animate the Splash Using Photoshop and After Effects [...]

 

Pingback by Pushing Photoshop to the limits 13 most advanced tutorials | Creative After Effects Tutorials and Showcase | January 6, 2009 @ 8:11 am

 

awsome now i kno how thay did that one basketball commercial…it was killing me i wanted to kno how to do that sooo bad and now i know how Yippies

 

Comment by k.mitchell | January 6, 2009 @ 8:49 pm

 

“Wow” in the water then cool.

 

Comment by Paul | January 9, 2009 @ 10:40 am

 

Riiight. I have a MacBook and I tried this with another picture but it stopped rendering after the 15th of 161 frames…anyone know why this happened?

 

Comment by SMM | January 13, 2009 @ 1:00 pm

 

Come on… Animate the splash… Waiting… o_O

 

Comment by Ahmed | March 14, 2009 @ 1:52 am

 

The tutorial is How to cut and separate in layers an image for animation? Please, release the whole tutorial.

 

Comment by jenkah | March 31, 2009 @ 9:28 pm

 

Thank’s for tutorial.
Visit this professional site for aftereffects.
http://www.videocopilot.net

 

Comment by Bardia Elmi | April 29, 2009 @ 3:51 pm

 

“this could all be done with final cut pro in about 2 seconds” LMAO!!!! I would love to see you do that.

great tutorial! =)

 

Comment by mike | August 21, 2009 @ 12:28 am

 

i love this!

 

Comment by Ish | October 19, 2009 @ 1:32 am

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine