HOME | DD
mick-mick — Gear Animation Tutorial
Published: 2004-04-18 20:54:42 +0000 UTC; Views: 8765; Favourites: 53; Downloads: 3068
Redirect to original
Description
My very first tutorial.Fullview to see it, please.
I am sorry to those of you on dial-up for the massiveness of this image.
Related content
Comments: 81
Hey thank you so much! I used this animation to make my own gear here. [link]
The reason I made it is because I wanted to use it for navigation buttons for an exercise website in my internet class. If you want to take a look at what I did for the class you can see it here:[link]
.....But that test site will only be up until May 2011.
Thanks again!
👍: 0 ⏩: 0
What a pity I only have Photoshop Elements, I'd have liked to have given this tutorial a shot, maybe learn how to make a flapping raven for my avatar.
👍: 0 ⏩: 0
That's a pretty good method and works well for beginners. Thanks for creating this and explaining it so well. Great job.
👍: 0 ⏩: 1
It was geared towards beginners.
Any questions, note me and I will try to help.
Thank you.
👍: 0 ⏩: 1
I wish I had this tutorial when I was puzzling it out the first time. It'd have been damn sight easier. You've saved a lot of grief and hair pulling for folk in the future learning it for the first time and it's a nice reference for the rest. Thanks.
👍: 0 ⏩: 0
thanks for the generosity in sharing this
i never opened imageready for anything before except if i accidentally click it...now i know how it can be used
👍: 0 ⏩: 1
It's very useful, if you need web images or animation.
👍: 0 ⏩: 0
I NEVER thought it's so EASY
I know how to do it... 
👍: 0 ⏩: 1
It can get pretty complicated.
I see you made a new avatar with with what you learned here.
That makes me feel good.
👍: 0 ⏩: 1
i think 'bout making something bigger and more complicated 
👍: 0 ⏩: 1
If not for animation, I dont think I'd ever open ImageReady either.
Together those two programs can do more than you or I'd imagine.
👍: 0 ⏩: 1
this is a nifty tutorial. I tried making an avatar for my brother in photoshop. I didn't know how to animate in imageready so I saved each frame seperatly. the tediousness of it nearly killed me
(select => rotate x degrees => rotate 2nd gear x degrees => save as) x 20
wish I had found this sooner
👍: 0 ⏩: 0
T_T I still can't do it... *looks down* I am shamed by your awesomeness, Mick-mick.
👍: 0 ⏩: 0
woooowww i like this ^___^ though i don't tihnk ima b making gears..this could b incorportated into something else ne? 
👍: 0 ⏩: 1
Yah, the tutorial has been taken many directions.
Its more a tutorial on rotating than gears.
👍: 0 ⏩: 0
LE = Leaning Edition. Which means it is a student copy. It is a full version.
I am honestly unsure. A few things might be different but the basics should be the same.
I am sure you could do this in 5.0. I never had it so I cant say for certain.
👍: 0 ⏩: 1
hmm I though that LE meant Limited Edition. .
well I don't have any animation type features here. SO 
👍: 0 ⏩: 1
Adobe Photoshop Limited Edition 5.0
I stand corrected.
Please forgive me.
Doesn't Photoshop 5.0 come with ImageReady 1.0 to do animations?
PS 5.5 comes with IR 2.0.
PS 6 comes with IR 3.
PS 7 comes with IR 7.
PS CS/8 comes with IR CS/8.
👍: 0 ⏩: 1
yep there's the problem. . .I go to File. . and there is no Image Ready.
👍: 0 ⏩: 1
Did you look in the photoshop instillation folder for the imageready.exe?
Do you still have the installation CD and manual?
Did you try to look at the help file through the program?
In 7 and CS its:
File - > Edit in ImageReady
Or you could click the link on the tool bar to send the image to ImageReady.
👍: 0 ⏩: 0
thanx for the tutorial. Haven't checked it yet, I think dA being wierd - i keep getting blank page. U gave me a good hint at how to get page views though. Catch ya
👍: 0 ⏩: 1
"U gave me a good hint at how to get page views though."
What was that?
👍: 0 ⏩: 0
Great tutorial m8!
Just been trying it but lost everything cus my stupid PC's just crashed.
Gonna have to try it again though. It's cool!
👍: 0 ⏩: 0
Mmmmyyyyyyahyahyahyah I was doing this already! (only my avatar came out like 1 kb over quota :\ )
But yeah, awesome tutorial... I've written a couple myself, and I know what a bitch it can be to get all the screenshots, crop, resize, format text, and bla bla bla bla.... Good job, and on behalf of t3h community, I thank thee!
👍: 0 ⏩: 1
1 kb is easy to overcome.
Did you play with the optimise settings?
Try a border if you dont have one. It will reduce the end filesize.
👍: 0 ⏩: 1
1 kb is easy to overcome.
Did you play with the optimise settings?
Try a border if you dont have one. It will reduce the end filesize.
Thanks for the advice!
👍: 0 ⏩: 1
Did you get it to work?
Sorry for taking so long to reply... Yeah, I did get it to work, thanks a lot!!
👍: 0 ⏩: 0
Hmm... Do we all have the gears on our computers no matter what if we have photoshop? I did make something with this. Although, I changed the steps a big and sort of fucked up. But I couldn't find the toothed_wheels 
Excellent tutorial man. I definitely learned some things.
👍: 0 ⏩: 2
There is a link to Adobe Studio Exchange right at the top of the tutorial.
A link to where I got the shapes I used.
No images in comments.. you are correct.
I tried the direct link and got this..
"Not Found
The requested URL /albums /v280/nickjp/other/wheel.gif was not found on this server.
Apache/1.3.29 Server at [link] Port 80"
👍: 0 ⏩: 1
And deviantART is putting a space in between "album" and "/"
One more try: [link]
👍: 0 ⏩: 1
A good start.
It does need some work, keep at it.
Try this.. work on a canvas that is 500x500 with a resolution 720.
After you do all the alignment and have the file ready to animate, just before you animate, set the resolution to 72 and the image will shrink to 50x50 and maintain proportion. Then you can jump into imageready and make new frames, turn on and off layers to get the animation. I find this approach works well when dealing with shapes. It is a good technique but it doesn't work for everything.
👍: 0 ⏩: 0
I worded that oddly. Big = bit*.
And apparently I can't put images in comments.
👍: 0 ⏩: 0
Isn't flash for animation?
It takes a long time to make things like this in photoshop&imageready, while I can make it in flash in no second.
Anyway, great tutorial.
👍: 0 ⏩: 1
Yeah for Flash.
There are quite a few animation programs.
I could only afford one when I was shopping and Photoshop gave me the best all around options.
My next purchase will be StudioMX so I can have Flash to animate with while also getting Dreamweaver and Fireworks.
Thank you.
👍: 0 ⏩: 0
damn man.
thank you SO much for this!
i've really been needing something like this for ages!!!
thanks again!!
👍: 0 ⏩: 0
ive allways wondered how you did it... ill try it out
👍: 0 ⏩: 0
-has dial up damnit!- but still thanks for adding this..I am going to fave.
👍: 0 ⏩: 0
There's not much I can add to this that I havn't added to the HTML ver. of the tut .. both deserve the same amount of respect. Nice work w/ it.
👍: 0 ⏩: 0
thank you. !!!
it must have taken some time to put this together but it'll help anybody who reads it
i learned about linking layers and the studio exchange program, again thanks
👍: 0 ⏩: 0
Wonderful, Mick.
I really love it... You sure are kind dood.
YEY. 
Thank ya for the great tut.
👍: 0 ⏩: 0
Wow! That is terrific-- thank you for taking the time to do this hon
👍: 0 ⏩: 0
| Next =>