Deviation Actions

TheDeathOfSen's avatar

Bouncing Animation Tut Pt.2

Published:
20 Comments
5K Views
This is the second part of my Bouncing Animation Tutorial.

Bouncing Animation Tutorial Part 1

Program used: Adobe Photoshop CS2 and Adobe Image Ready

It might be a bit much writing, because I'm not so good at telling or showing how I do things, but I hope it's not confusing.

Part 1 shows how I make the shapes I use in bouncing animation, while part 2 shows how I put the shapes into an animation.

Here is the result :

If there are any questions that it is not answered in this tutorial of it anything is confusing, feel free to leave a comment, and I'll try to explain the best I can.
Image details
Image size
700x2140px 824.75 KB
© 2011 - 2021 TheDeathOfSen
Comments21
Join the community to add your comment. Already a deviant? Log In
oh gosh, thank you so much for this tutorial;
i finally learned a glimpse of the world of animation c:
TamilaB's avatar
THANK YOU SO MUCH :heart: you introduced me to a whole new world of possibilities :happybounce:
:iconilavplz:
SallysFunnyKiss's avatar
Thank you! This is extremely helpful!
Odomsit's avatar
Thank you sooooo much this is a life saverrrr Im telling all my friends about this :D
alikkandhi's avatar
thankyou so much! ^^ now i understand how to make my avatar bounce :)
FireGemini's avatar
can u do it so each layer ISNT a frame?
like what if i wanted the mouths to move, but the bacground to be the same?
i dont wanna recolour everytime.....
Pandasquid's avatar
Sorry for butting in - to do that, you could just have the face (or whatever you didn't want to animate) on one layer underneath that you don't touch, and have just the mouths being animated on different layers on top of that layer.
FireGemini's avatar
t-thhhankk YOU SO MUCH!!!!!!!!!!!


i get it now! :icontearplz:
i love you so much for explaining this to me <3
Pandasquid's avatar
=p I'm glad I could help! What sorta thing were you planning on doin'?
FireGemini's avatar
Pandasquid's avatar
ryujin2490's avatar
i dont have the imageready in File, I have ps cs5 , anyways to save it?
NimaDoodleZ's avatar
imageready and the CS3+ versions are the same, imageready is built in.

you go to "save for web and devices" and its self explanatory from there. have fun o3o

(since their other tut jus got a DD i wasnt sure if theyd get back to you soon or not, and could answer this. sorry for butting in!)
ryujin2490's avatar
Thanks a lot, figured it out my self also. Cheers!
Pie-Ratxx's avatar
too adorable! :3
lufflii's avatar
    OMFG THANK YOU SOOOOO MUCH!!!!!!!!!!!!!!!! Buaaaah I could kiss you! But I won't...:paranoid:
    I used this to make a s'more, but I didn't copy your animation pattern...>> :D But thank you anyway!!! :squee:
TheDeathOfSen's avatar
You're welcome, I'm glad I could help^^
Toteruu's avatar
thank you~!! great tutorial!! :D:D
Join the community to add your comment. Already a deviant? Log In