Here is my first animated environment. Everything was made using photoshop. Though it took a really long time to create, I enjoyed the process and learned a lot! Regardless of my rusty animation skills, I hope you can enjoy the overall mood. Down below is a brief explanation of how I approached this work.
A GIF of the animation
A video, higher resolution with sound.
Here is a very rough sketch of the scene. Initially, I had no plan to animate. I just wanted to create a finished environment illustration.
However, during the same time, I started practicing some animation. I always had a desire to bring my environments to life by incorporating some animation into the scene. I started off by doing a water splash study from Flashfx.Blogspot (Its an amazing tutorial, I highly recommend checking it out). After understanding a bit about fluid dynamics, I was inspired to animate the scene above.
Here is a rough map-out showing what areas of the stream/waterfall I wanted to animate. The animation was broken down into 5 parts. 1) the stream at the top going right to left, passing under the prehistoric monument. 2) the top water fall 3)the mist/splash at the base of the fall 4) the stream following it 5)the second water fall (a copy of the first the fall but just offset by a few frames so it doesn’t seem synchronized).
The speed of the entire body of water is 10 frames per second. Some parts of the running water are 5frames and other parts are 10. This allows a variety in the speed, giving the water a more fluid and organic appearance. If the animation sequence of everything was 10 frames long, the movement of the water would appear calculated and not feel natural.
I only used these 7 sequences to create the entire body of water. I reused some by flipping them horizontally and or offsetting the frames.
Later on I decided to add moving grass and flies to the scene. Just some subtle detail to make the environment feel more believable. Again I altered the frame lengths for each element. One of the flies’s length is actually 20 frames.
For animating in photoshop I used the video timeline and an animation plugin called AnimDessin2. Photoshop isn’t the best software for animation but it is fairly straightforward and a good place to start. Soon I will upgrade to a more efficient software like Adobe Animate or TVPaint.
Here is tutorial that shows you how to use AnimDessin
And finally, an image of the completed painting.
If you enjoy my work, please upvote, resteem, and follow. Thank you! - Yog
Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in:
http://www.yogjoshi.com/waterfall-animation/
Gorgeous animation, very clean and good flow. The colours are also beautiful. Great post.
Thank you Good Node :-)
i'm following you now man
That's really cool! The process is helpful too. Fun to see the individual elements.
Thank you midlet!
The animation looks slick but it's the overall aesthetic of the art style that really appeals to me.
:-) im glad you enjoy the style. thanks
Stellar work!
Like Mario Galaxy meets World of Warcraft.
haha I can def see that fusion. thank you!
Love it! It's nice to see the process of animators.
I know how difficult it is to animate on photoshop. I once had to make a 3 minute video and had no idea how to animate anything but just decided to go with photoshop since I was familiar with the interface. Wish I'd know about this plugin then!
Now, I'm a bit better and picked up the basics of AfterEffects so I don't struggle with Ps anymore. I agree that it's a great place to start and to get the hang of things.
:-) glad to know you also went with PS. I still need to get more comfortable with after effects. Iv only used it once for a project. Id like to do some environment animation on it. Thank you!
Fantastic work! And a great post about it. I am sharing this with a curation team I follow. Also following now and looking forward to more of your work.
Thank you whs! :-) I appreciate the share.
waw ma you did all that in photo shop great work how long did it take you to finish it off ???