Shop Mobile More Submit  Join Login
×




Details

Submitted on
August 7, 2008
Image Size
1.1 MB
Resolution
936×3600
Link
Thumb
Embed

Stats

Views
10,699
Favourites
150 (who?)
Comments
78
Downloads
443
×
Tutorial:  Photoshop Animation by Kttoo777 Tutorial:  Photoshop Animation by Kttoo777
I've switched accounts!

:iconhalo-bot: Is my new account.

If you have questions about the tutorial, please ask me there as I won't see them here!



Thanks! C:


Well, here it is! The Photoshop animation tutorial! I tried to make it as easy to understand as possible, but if anything isn't clear feel free to ask!

Also you might have to download it to be able to read the text.

As far as animating on other photoshops, depending upon whether or not the controls are the same, you should be able to do it still, the principles are all the same the only thing you might have trouble with is duplicating layers and saving for the web, the two of which I don't know if other photoshops have.

Anyway, I'm pretty sure thats all... Have fun!
Add a Comment:
 
:iconmewzy148:
Mewzy148 Featured By Owner Mar 28, 2011
YAY! jeez, finally someone with a reliabe tutorial, hope I can FINALLY make my own avatar XD Thanks for the help!
Reply
:iconrubrik079:
Rubrik079 Featured By Owner Feb 12, 2011  Hobbyist Digital Artist
What if I want to upload the animation to Windows Movie Maker. How would I do that?
Reply
:iconsomnusnemoriis:
SomnusNemoriis Featured By Owner Dec 6, 2010  Student Writer
I have cs4 and I cant find the "animate button" like the one of the last pannel D:
Reply
:iconallons-yeveryone:
Allons-yEveryone Featured By Owner Oct 23, 2010  Student Writer
OMG I've gone through like 35 different animation tutorials including Youtube, DeviantART and random websites and your's was the only one that helped.
I ABSOLUTELY F'n LUV U!
Reply
:iconxanadu125:
xanadu125 Featured By Owner Jul 3, 2010
:D This is extremely helpful, thank you so much!!! :D

What if you wanted to color the animation? how would it fit into all of those frames?
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Jul 14, 2010
Whoo... that's a little bit more complicated. There are a couple ways you could do it I guess, first that comes to mind is make a layer under the first frame and color it as though it were just a regular picture, then copy the colored layer underneath each successive frame, altering it to the different motion of said frames, and when you're all done, merge each colored layer and corresponding frame. If that makes sense? I hope it does haha...

There are probably better ways to do it, so I'd advise asking around a bit. I'm no expert. C:
Reply
:iconjoyfulcolor:
JoyfulColor Featured By Owner Jun 5, 2010
Thanks so VERY much for this tutorial!! I have CS4 and this worked perfectly. I am thrilled beyond measure as I had done all the frames for this dev [link] but then could NOT figure out how to save it as an animated Gif for the life of me.
Thanks again!!
Reply
:iconflyability:
flyability Featured By Owner Dec 6, 2009
Does this work for CS3?
I can't seem to find the animation tick box when I click Save for Web and the animation all comes out bunched together as one frame...
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Dec 10, 2009
Sorry, I'm not entirely sure. I've never used any other version of Photoshop besides Elements. You may want to try searching for "animation" in Help on the programs tool bar or something though. I seem to remember that being how I discovered it in Elements. C:
Reply
:iconflyability:
flyability Featured By Owner Dec 11, 2009
I actually did precisely that.
Thank you anyway. :D
Reply
:iconshitsuren-chama:
Shitsuren-chama Featured By Owner Dec 29, 2009
So, did it work for you in CS3?
Reply
:iconflyability:
flyability Featured By Owner Jan 23, 2010
I did create an animation with CS3 but I didn't use this tutorial or steps.
CS3 steps are actually pretty similar to flash.
Reply
:iconshitsuren-chama:
Shitsuren-chama Featured By Owner Jan 23, 2010
mm, but when I tried it with CS3, I feel like the frames together are not smoothe enough. I only have like 4 keyframes per second, and the onion-layer thing makes it look icky. Do you have any suggestions, tips, or techniques that might be helpful to a first-time animator?
Reply
:iconflyability:
flyability Featured By Owner Jan 23, 2010
I don't know, I'm a beginner too, sorry.
Try searching the web for tutorials and help. :)
Reply
:iconshitsuren-chama:
Shitsuren-chama Featured By Owner Jan 24, 2010
Oh, sure. Thanks~
Reply
:iconvalkryie-sorceress:
Valkryie-Sorceress Featured By Owner Sep 5, 2009   Digital Artist
This This is an awesome tutorial! :D
Reply
:iconchocogirl72:
ChocoGirl72 Featured By Owner Aug 27, 2009
Very nice tutorial! I can't wait to try it out. (:
Reply
:iconpcaara:
Pcaara Featured By Owner Aug 19, 2009  Hobbyist Digital Artist
Oh wow, thanks, this is exactly what I needed!!!! Now, what do you recommend for animation more:
flash or photoshop?
It seems photoshop has it all. And I like their animation quality better than flash.but, flash straightens my lines out too...=P
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 24, 2009
Well I really can't say, I've never used flash before. I find photoshop works pretty well, but the more layers you add the smaller you have to make the pic, so it's pretty hard to make really long or complicated animations with it.
Reply
:iconpcaara:
Pcaara Featured By Owner Aug 25, 2009  Hobbyist Digital Artist
wow, I didn't know that much! I guess people just have to split their animations up into scenes and animate them seperately then ^^;
Reply
:iconlostcrawfish:
lostcrawfish Featured By Owner Aug 13, 2009  Hobbyist Digital Artist
this has been very helpful, thanks ^__^
Reply
:iconneko-kitty-ninja:
Neko-Kitty-Ninja Featured By Owner Aug 3, 2009  Hobbyist General Artist
THANK YOU for making an easy to read tutorial <333
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 4, 2009
You're welcome!! I'm glad it helped! C:
Reply
:iconaeroflyte:
Aeroflyte Featured By Owner Jun 21, 2009  Student General Artist
I'm trying to make an avatar (animated, of course), and thus far I've gotten everything except the animating stage. When I do the "Save for Web" window, even though I have about 12 layers, it doesn't classify them as frames. Instead of "1 out of 12" it says "1 out of 1". Any suggestions? I've tried Flash and Corel as well, but apparently my computer hates me.
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Jun 21, 2009
Hmm, well the first thing I'd make sure of is that the "animation" box is checked. It's right under the "transparency" box in the "preset" section (towards the top) of the "Save for Web" thing. If that doesn't fix it I'm not sure what to tell you... :/
Reply
:iconaeroflyte:
Aeroflyte Featured By Owner Jun 21, 2009  Student General Artist
Thanks, but after reading your (and other) tutorials over and over, I finally figured out what was wrong. I just hadn't selected which layers were on or off.
Thanks for the help, and I got the avatar done.
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Jun 21, 2009
Oh haha, well that's it! Glad you figured it out!! C:
Reply
:iconsailorrocket:
SailorRocket Featured By Owner Apr 11, 2009  Hobbyist Digital Artist
This is an awesome tutorial!! I really want to try this! :giggle:
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Apr 11, 2009
Thanks!! I glad it was useful haha C:
Reply
:iconsailorrocket:
SailorRocket Featured By Owner Apr 11, 2009  Hobbyist Digital Artist
No, thank you! :giggle: I have a little more confidence now! Here's the result of me trying to follow your tutorial: [link]
I added another frame because I thought it would help, but, apparantly not. ^^; It looks like it's having some kind of balance problem or something.

I really want to learn how to animate more! Can you make some more tutorials? :floating:
Reply
:icondacrazycat:
dacrazycat Featured By Owner Oct 6, 2008
Thanks a lot! Now Finally my animated avatar is done! Its going to be seen soon
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Oct 6, 2008
You're very welcome C:
Reply
:icondacrazycat:
dacrazycat Featured By Owner Oct 7, 2008
:D
Reply
:iconladydarthorn:
LadyDarthorn Featured By Owner Sep 23, 2008  Hobbyist
What version of photoshop do you use? I have 7.0 and it doesn't have the 'animate' option >.<
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Sep 23, 2008
I use photoshop elements 3.0, unfortunately I've never used any other type of photoshop program, so I really don't know what to tell you. But I'm pretty sure there are a few tutorials on deviant art for animation on photoshop 7 and the like, and if all else fails just try searching "animation" in the little help section of photoshop. That's how I figured it out anyways. I hope that helped C:
Reply
:iconladydarthorn:
LadyDarthorn Featured By Owner Sep 24, 2008  Hobbyist
It did, thank you very much =)
(woo I ca totally animate now xD)
Reply
:icondragoonfliy:
Dragoonfliy Featured By Owner Nov 6, 2009  Hobbyist General Artist
Where did you find the PSE7 animation tutorial? I've just started looking and came across this one, but I'd like the an official PSE7 one...
Reply
:iconkittyskm007:
kittyskm007 Featured By Owner Aug 7, 2008  Student
YAY!
Im gonna have to try that when i get the time!
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 7, 2008
Lol, 'cos ur so busy with your dating of guys whose names start with T XD
Reply
:iconkittyskm007:
kittyskm007 Featured By Owner Aug 7, 2008  Student
oh yes
the t men.
and i have to drink my green tea every morning.
yum!
haha
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 7, 2008
lol, I would laugh so hard if you ended up marrying someone who's name started with a t.
Reply
:iconkittyskm007:
kittyskm007 Featured By Owner Aug 8, 2008  Student
yes yes i would too!
Reply
:iconkoi-7:
koi-7 Featured By Owner Aug 7, 2008
Wow, very thorough.. Nicely explained!
I wish I could use it, gah!
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 7, 2008
D: U don't have photoshop? If I find my disk I can lend it to you if u want!
Reply
:iconkoi-7:
koi-7 Featured By Owner Aug 7, 2008
Nope, Photoshop is too much $$$.
You don't need the disk to use it, do you? Just to install it? If that's the case, then I would LOVE YOU FOREVER if I could borrow it. =D
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 7, 2008
nope u don't need the disk, I'll try to find it. I sort have no idea where it is, but I've got a feeling mom knows soooo yeah.
Reply
:iconkoi-7:
koi-7 Featured By Owner Aug 7, 2008
Cool! You're too nice! And if you can't find it, it's no problem; I've survived on Crayons for this long, I can make it another few years.
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 7, 2008
CRAYONS!?!? THATS HORRIBLE!!

Mom say's she does't know where it is but I can tell she's lying so I'll find it! EVENTUALLY!!!
Reply
:iconmeowgoesthekitti:
MeowGoesTheKitti Featured By Owner Aug 7, 2008
Oh, and Cushion...something else. How do you make icons?
I've tried and my computer hates me.
Any ideas?
Reply
:iconkttoo777:
Kttoo777 Featured By Owner Aug 7, 2008
What do you mean exactly? Like are you having trouble making the picture the right size, or what?
Reply
Add a Comment: