HOME | DD

detransPhotoshop Animation Tutorial

Published: 2011-07-17 07:00:39 +0000 UTC; Views: 105107; Favourites: 4200; Downloads: 7006
Redirect to original
Description Description:
Realistic clouds and waterfall video animation tutorial for Photoshop CS3 and above...

How to:
This tutorial is about how to add life to your photo by merging 1 photo and 2 video loops together.

Tips:
You can always buy similar video loops from stock photo or video sites by searching the terms:"seamless clouds" or "clouds loop" or "cloudscape" etc.
If they are not seamless or too long, you can always use the classic After Effects fading in/out trick to make them seamless and short (~3-5 seconds)...

Would you like to try it?
Download all the original files used for the tutorial here: [link]
... and create you own animation!

As always: is much appreciated : )

Special Thanks:
Thanks you all for the DD!
It is nice to finally have one in a different category,
specially when you get it for helping others...

...

More tuts?:
You check out my other tutorials here: [link]

...
Related content
Comments: 527

detrans In reply to ??? [2011-11-30 16:00:02 +0000 UTC]

excuse accepted

👍: 0 ⏩: 0

DesertdustSariah In reply to ??? [2011-11-29 19:48:12 +0000 UTC]

that looks interesting

👍: 0 ⏩: 0

rablackard [2011-11-29 19:46:54 +0000 UTC]

That is some great stuff!

👍: 0 ⏩: 0

BrikGraphic [2011-11-27 22:53:58 +0000 UTC]

Really nice tutorial

👍: 0 ⏩: 0

Mz340 In reply to ??? [2011-11-25 15:47:35 +0000 UTC]

I love this tutorial

👍: 0 ⏩: 0

Kryione In reply to ??? [2011-11-24 07:49:49 +0000 UTC]

lav it!!

👍: 0 ⏩: 0

runningheart1234 [2011-11-24 03:51:20 +0000 UTC]

cool.

👍: 0 ⏩: 0

OhLizz [2011-11-24 02:34:18 +0000 UTC]

I have photoshop elements 8, I just taught myself how to do photomanipulations just a couple months ago, I never knew how to use photoshop until then, and I made my own animated avatar. But I would like to add some animation to my work. Your screen looks different from what I have, but I never explored the video area. Your tutorial is very easy to follow, nicely done, I hope I can do it. thank you!

👍: 0 ⏩: 0

san21 In reply to ??? [2011-11-23 08:54:01 +0000 UTC]

Very nice Thank you...

👍: 0 ⏩: 0

harley1201 In reply to ??? [2011-11-22 10:49:26 +0000 UTC]

Hello, I have a problem Im hoping you could help me with. I have PS CS4 and every time I try to place a video, any video including the one you supplied, it says:
Could not place the document because no parser or file format can open the file.
I'm very new to Photoshop to bare with me lol

👍: 0 ⏩: 1

detrans In reply to harley1201 [2011-11-24 18:01:59 +0000 UTC]

Not sure, you shouldn't have problem importing videos with PS CS4...

It is a compressed video, do you have any video codec (pack) installed on you computer?
Do you use Standard or Extended edition of your Photoshop?
[link]

👍: 0 ⏩: 1

harley1201 In reply to detrans [2011-11-27 01:31:23 +0000 UTC]

I have standard edition, and I'm not sure what video codec (pack)s are lol =/

👍: 0 ⏩: 0

Encoder6 [2011-11-21 07:58:58 +0000 UTC]

Thank You

👍: 0 ⏩: 0

ShineeJojo In reply to ??? [2011-11-18 04:07:25 +0000 UTC]

thanks for the tutorial. Is it amazing. This is what i did to my mountain [link]

👍: 0 ⏩: 1

detrans In reply to ShineeJojo [2011-11-18 12:08:22 +0000 UTC]

That's what the tutorial is all about!!!

Love the composition and al the animations. The reflection is an extra point.
Maybe the flare effect could fade in/out slowly, instead of flashing in - that's all.

Excellent job, my friend!

👍: 0 ⏩: 0

AcrosstheColors [2011-11-16 21:58:14 +0000 UTC]

this is exactly what I needed! you rock!

👍: 0 ⏩: 0

KenshiKun121 In reply to ??? [2011-11-14 02:19:14 +0000 UTC]

thanks for the tip

👍: 0 ⏩: 1

detrans In reply to KenshiKun121 [2011-11-14 15:55:43 +0000 UTC]

👍: 0 ⏩: 0

ValeriiaLoveyou In reply to ??? [2011-11-13 16:33:39 +0000 UTC]

Where can I found all what I need?
(Pd: the clouds, etc)

👍: 0 ⏩: 1

detrans In reply to ValeriiaLoveyou [2011-11-14 15:55:20 +0000 UTC]

there are many stock video sites,
here you have some of my links:

[link]
[link]
[link]
[link]
[link]
etc.

use search with the terms:
"clouds" ; "cloudscape" ; "sky" ; "waterfall" ; "water" etc.

additionally you can also add:
"loop" ; "seamless"
for looped videos

👍: 0 ⏩: 1

ValeriiaLoveyou In reply to detrans [2012-01-20 21:19:56 +0000 UTC]

Ah, thanks

👍: 0 ⏩: 0

Raytash In reply to ??? [2011-11-08 03:20:04 +0000 UTC]

Thank you so much!!

👍: 0 ⏩: 1

detrans In reply to Raytash [2011-11-09 19:36:29 +0000 UTC]

yw

👍: 0 ⏩: 0

Viegas91 In reply to ??? [2011-10-30 21:17:52 +0000 UTC]

I LOVE YOU!!!!! i wanned to lear this for so long! tyyyy so much

👍: 0 ⏩: 0

Aithair [2011-10-30 12:29:25 +0000 UTC]

how do we get to the annimations tab?

👍: 0 ⏩: 1

detrans In reply to Aithair [2011-10-31 11:03:13 +0000 UTC]

Animation panel (timeline mode):
[link]
[link]

👍: 0 ⏩: 1

Aithair In reply to detrans [2011-10-31 16:06:59 +0000 UTC]

thank you

👍: 0 ⏩: 0

JuJuCatalunya [2011-10-30 10:00:00 +0000 UTC]

It's awesome!The trouble is I do not understand English much.

👍: 0 ⏩: 1

detrans In reply to JuJuCatalunya [2011-10-31 11:29:56 +0000 UTC]

I hope screenshots will help...
Espero que las capturas de pantalla te ayudaran...

👍: 0 ⏩: 0

Hella98 [2011-10-21 19:38:07 +0000 UTC]

And where can i upload it?

And can i save it in gif file...?

👍: 0 ⏩: 1

detrans In reply to Hella98 [2011-10-31 11:36:45 +0000 UTC]

File > Save for Web > Gif > Animation (looping option at the bottom)
* you can convert it to frame animation

... but not really recommended, much better if you convert your exported movie into .swf (Flash).

Your final file size will be around 300-400Kb without loss of quality.

👍: 0 ⏩: 0

ChandyB In reply to ??? [2011-10-20 22:01:37 +0000 UTC]

So good, I did this with gimp also if isn't good....however [link]

👍: 0 ⏩: 0

CrisXD [2011-10-11 21:45:14 +0000 UTC]

Mi Photoshop no tiene esa herramienta de animacion. Solo tiene para poder crear un gif, pero en la vida podria poner un video y crear una imagen asi. Que programa usaste? o donde descargo esa herramienta? ._.

👍: 0 ⏩: 1

detrans In reply to CrisXD [2011-10-12 13:26:22 +0000 UTC]

El tutorial esta echo unicamente en Photoshop,
para hacer lo mismo necesitaras el version CS3 o mas avanzado (CS4/CS5)
Tambien dice el descripcion arriba: "for Photoshop CS3 and above..."

👍: 0 ⏩: 0

Noitusan In reply to ??? [2011-10-09 12:33:29 +0000 UTC]

Very useful tutorial. Thank you for making this.

👍: 0 ⏩: 1

detrans In reply to Noitusan [2011-10-12 13:29:43 +0000 UTC]

yw

👍: 0 ⏩: 0

Jubell In reply to ??? [2011-10-05 14:06:57 +0000 UTC]

Wonderfully insightful and helpful. Thank you very much!

👍: 0 ⏩: 0

DarthSmiley In reply to ??? [2011-09-27 16:40:10 +0000 UTC]

Oh wow!! I had no idea you could do this in photoshop Thank you veryvery much!!!

👍: 0 ⏩: 0

teeregen In reply to ??? [2011-09-27 09:14:10 +0000 UTC]

Thanx for the movs >👍: 0 ⏩: 0

AngelEowyn In reply to ??? [2011-09-24 12:34:12 +0000 UTC]

Hi, i've showcased this tutorial on my website: [link] with a direct backlink to this page. Please let me know if this is ok...

👍: 0 ⏩: 1

detrans In reply to AngelEowyn [2011-11-04 21:36:26 +0000 UTC]

that's perfect.
thanks for "spreading the word"

👍: 0 ⏩: 1

AngelEowyn In reply to detrans [2011-11-04 21:43:06 +0000 UTC]

ur welcome...

👍: 0 ⏩: 0

WingL In reply to ??? [2011-09-16 23:19:19 +0000 UTC]

thank you, very helpful.

👍: 0 ⏩: 0

Myxprint In reply to ??? [2011-09-16 17:38:46 +0000 UTC]

Absolutely love this tutorial. Great directions to learn from later on! Thank you!

👍: 0 ⏩: 0

Darliee In reply to ??? [2011-09-09 12:18:01 +0000 UTC]

What can I do if my video turns white?

👍: 0 ⏩: 0

Sani-Bright In reply to ??? [2011-09-07 23:29:02 +0000 UTC]

hi i have photoshop cs5 it brings up this msg when i try to open the clip

"Could not complete your request because it is not the right kind of document" :/ i was wondering what document or file type photoshop accepts

👍: 0 ⏩: 0

jajaysland In reply to ??? [2011-09-03 23:59:27 +0000 UTC]

vaaoov

👍: 0 ⏩: 0

jajaysland In reply to ??? [2011-09-03 23:59:18 +0000 UTC]

Vaov!

👍: 0 ⏩: 0

BellaThorneAlways In reply to ??? [2011-09-03 17:38:24 +0000 UTC]

Thanks

👍: 0 ⏩: 0

Musou-Enrai In reply to ??? [2011-09-01 12:46:58 +0000 UTC]

AWESOME! Thanks!

👍: 0 ⏩: 0


<= Prev | | Next =>