HOME | DD

detrans β€” Photoshop Animation Tutorial

Published: 2011-07-17 07:00:39 +0000 UTC; Views: 105104; 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

odds-in-favour In reply to ??? [2012-05-03 15:16:07 +0000 UTC]

SO COOL!

πŸ‘: 0 ⏩: 0

djdamm [2012-05-02 03:09:45 +0000 UTC]

WOW increible Exelente tutorial!!!!

πŸ‘: 0 ⏩: 0

frankieIDG [2012-04-30 14:08:37 +0000 UTC]

Super tutorial.

πŸ‘: 0 ⏩: 0

photocrafter [2012-04-29 22:40:17 +0000 UTC]

Beautifully done! LOVE! I want to try this.

πŸ‘: 0 ⏩: 0

PutinPot In reply to ??? [2012-04-26 20:09:47 +0000 UTC]

btw i love it.

πŸ‘: 0 ⏩: 0

PutinPot In reply to ??? [2012-04-26 20:09:34 +0000 UTC]

I like CS6 better! Make CS6 tutorial!

πŸ‘: 0 ⏩: 0

arkha755 [2012-04-20 07:55:09 +0000 UTC]

amazing

πŸ‘: 0 ⏩: 0

loversandpaper [2012-04-16 05:13:10 +0000 UTC]

<3

πŸ‘: 0 ⏩: 0

faustuga In reply to ??? [2012-04-12 16:37:13 +0000 UTC]

Awesome!

πŸ‘: 0 ⏩: 0

mragsdale In reply to ??? [2012-04-10 02:41:37 +0000 UTC]

Thanks, wanted to make some gifs and this helps a lot. Im used to the old frame style :\.........or was

πŸ‘: 0 ⏩: 0

mirmirs [2012-04-04 12:25:36 +0000 UTC]

that's officially awesome XD

πŸ‘: 0 ⏩: 0

Love-International [2012-03-24 04:33:39 +0000 UTC]

Question: Does this work for Photoshop Elements, specifically Photoshop Elements 7?

πŸ‘: 0 ⏩: 0

paint-blob [2012-03-09 20:13:40 +0000 UTC]

I cant import the video. What mode were you in?

πŸ‘: 0 ⏩: 1

detrans In reply to paint-blob [2012-03-16 17:49:16 +0000 UTC]

what PS version do you have?

πŸ‘: 0 ⏩: 1

paint-blob In reply to detrans [2012-03-17 23:16:16 +0000 UTC]

CS4. Ive sorted it now i had to update quicktime player. Really good tutorial though.

πŸ‘: 0 ⏩: 0

Migsz [2012-03-06 13:49:59 +0000 UTC]

Great tutorial, I've got one question.
Where can you find these small .mov files? Like the timelapse of the clouds and the waterfall.

Thanks in advance

πŸ‘: 0 ⏩: 1

detrans In reply to Migsz [2012-03-06 17:27:36 +0000 UTC]

there are many stock video sites,
here you have some resource 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

Migsz In reply to detrans [2012-03-06 22:49:18 +0000 UTC]

Thanks a bundle for the swift and detailed response!

πŸ‘: 0 ⏩: 1

Migsz In reply to Migsz [2012-03-08 12:15:20 +0000 UTC]

Are there any free sites? As I'm just practicing at first I'd rather not pay for them just yet.

πŸ‘: 0 ⏩: 0

Moosplauze [2012-03-04 13:15:09 +0000 UTC]

OMG, this is so awesome. I knew how to make animations, but what you did goes far beyond that, really great work you did there

πŸ‘: 0 ⏩: 0

HellKnightDan In reply to ??? [2012-03-03 21:14:26 +0000 UTC]

O...M...G
IT'S...SO...AWESOME

πŸ‘: 0 ⏩: 0

esastro In reply to ??? [2012-03-03 13:18:01 +0000 UTC]

jest Ε›wietny :d

πŸ‘: 0 ⏩: 0

trenectar In reply to ??? [2012-03-01 19:31:57 +0000 UTC]

Buenazo per oseroa en espaΓ±ol

πŸ‘: 0 ⏩: 0

Piccologildo In reply to ??? [2012-02-29 21:19:03 +0000 UTC]

It's genial!

πŸ‘: 0 ⏩: 0

freezy-resources [2012-02-29 18:18:44 +0000 UTC]

wow!!!!! thatΒ΄s so cool!!!

πŸ‘: 0 ⏩: 0

suneyes-14523 [2012-02-26 00:31:41 +0000 UTC]

Wow, this will really help me when I get my photoshop.... thanks!

πŸ‘: 0 ⏩: 0

sobinsoman [2012-02-25 15:54:19 +0000 UTC]

thankssssssssssssssssssssssssssssssssssssssssssssss.................................................

πŸ‘: 0 ⏩: 0

Piccologildo [2012-02-24 21:40:45 +0000 UTC]

It's Magnific! O_O

πŸ‘: 0 ⏩: 0

Rangerlou [2012-02-20 01:42:45 +0000 UTC]

Interesting. I might try this.

πŸ‘: 0 ⏩: 0

thisko [2012-02-10 15:28:34 +0000 UTC]

thanks..this is awesome

πŸ‘: 0 ⏩: 0

Ardhatas In reply to ??? [2012-02-07 09:17:16 +0000 UTC]

GREAT WORK!!

πŸ‘: 0 ⏩: 0

sparksup In reply to ??? [2012-02-06 19:53:14 +0000 UTC]

love this tutorial and teaching skills

πŸ‘: 0 ⏩: 0

lyy1989117 [2012-02-06 09:12:52 +0000 UTC]

COOL!

πŸ‘: 0 ⏩: 0

soul108 In reply to ??? [2012-02-02 13:42:47 +0000 UTC]

cool anyway

πŸ‘: 0 ⏩: 0

Ramssess [2012-01-31 10:43:29 +0000 UTC]

Just wonderful..... Luv It !!!

πŸ‘: 0 ⏩: 0

SirNait [2012-01-30 20:32:14 +0000 UTC]

It's beautiful , i didn't know it was posible in photoshop

πŸ‘: 0 ⏩: 0

KC-Project In reply to ??? [2012-01-29 23:15:32 +0000 UTC]

Very amazing tutorial! So brilliant
But my photoshop won't open video files..I don't know why

πŸ‘: 0 ⏩: 1

detrans In reply to KC-Project [2012-01-31 13:58:23 +0000 UTC]

It is in the description: "tutorial for Photoshop CS3 and above..."
So you need Photoshop CS3 or versions above: CS4/CS5

πŸ‘: 0 ⏩: 1

KC-Project In reply to detrans [2012-01-31 14:13:40 +0000 UTC]

Mine is CS5

πŸ‘: 0 ⏩: 1

detrans In reply to KC-Project [2012-01-31 18:07:48 +0000 UTC]

than you should be able to open and work with video files
maybe you only need a video codec or just installing the latest qicktime player: [link]
should solve your problem...

πŸ‘: 0 ⏩: 1

KC-Project In reply to detrans [2012-01-31 19:27:20 +0000 UTC]

Thank you

πŸ‘: 0 ⏩: 0

chuelele [2012-01-29 10:26:57 +0000 UTC]

is it CS 5??

πŸ‘: 0 ⏩: 1

detrans In reply to chuelele [2012-01-29 14:31:28 +0000 UTC]

I used CS4 for the tutorial, but you can do the same with version CS3 and above...

πŸ‘: 0 ⏩: 0

jamrhxh In reply to ??? [2012-01-29 05:53:34 +0000 UTC]

Muchisimas Gracias, Muy buen trabajo, simple y profesional, nunca dejo de sorprenderme de cuantas cosas podemos hacer con PS, Muchisimas Gracias!!

πŸ‘: 0 ⏩: 0

jamrhxh In reply to ??? [2012-01-29 05:52:33 +0000 UTC]

Muchisimas Gracias Muy Útil, siempre aprendo cosas nuevas

πŸ‘: 0 ⏩: 0

Primeless In reply to ??? [2012-01-19 10:43:45 +0000 UTC]

thx for sharing!

πŸ‘: 0 ⏩: 0

HeyFlawless In reply to ??? [2012-01-15 20:24:24 +0000 UTC]

where in Photoshop, this time line? or have to download?

sorry for my bad english im from mexico

πŸ‘: 0 ⏩: 1

detrans In reply to HeyFlawless [2012-01-16 09:22:20 +0000 UTC]

El "animation (timeline)" panel lo puedes encontrar entre los menus de Photoshop:
"Windows -> Animation" or en espaΓ±ol: "Ventana -> Animacion"
y aparecera una nueva ventana en la parte inferior de la pantalla.

πŸ‘: 0 ⏩: 0

Darkof In reply to ??? [2012-01-13 18:11:04 +0000 UTC]

Finished the tutorial and it turn out great.

Question: How do I export a clip in a different format, let say to .Avi and keeping the clip in a good quality?

πŸ‘: 0 ⏩: 1

detrans In reply to Darkof [2012-01-16 09:04:09 +0000 UTC]

I am glad it turned out great for you...

You can export the animation in many formats:
.mov, .avi, .mpeg-4, DV etc. even as an animated gif.

You choose the final format from your:
"File -> Export -> Render Video -> File Options" panel

πŸ‘: 0 ⏩: 1


<= Prev | | Next =>