Comments | bold_as_brass: [tutorial] Making smooth, good quality animated icons

spoopy in bold_as_brass

[tutorial] Making smooth, good quality animated icons

Oct 09, 2009 07:47

This is pretty much my first tutorial, sort of. Definitely my first animated icon tutorial. I decided to make an easy-to-follow tut because I can't count the amount of times I'd searched around for tutorials on how to make animated images, only to discover nothing made any sense or I got lost along the way because the instructions were so confusing ( Read more... )

ship - house/alvie, ship - house/lydia, icons: animated, ! - icons, icons: house md, ! - tutorial, character - gregory house, character - alvie, !house - season 6

Comments 61

serenatadeamor October 8 2009, 21:52:57 UTC

Nice tutorial. I used WMM to cap it, but VirtualDub seems so much easier it makes me want to punch myself. Downloading it.

By the the way, do you know a place I can get bases/stock images like the colorful ones in your gifs?

spoopy October 8 2009, 23:21:15 UTC

I tried learning to cap with WMM. SO FREAKING CONFUSING. I GOT NOWHERE, FAST, WITH WMM. Lmao. Yeah, for serious - VDub is SO easy and straightforward.

As for bases and stock images, sure! I usually trawl through icon_textures and photoshopextras.

serenatadeamor October 8 2009, 23:28:26 UTC

Thanks a bunch!

worried_bubble October 8 2009, 22:13:15 UTC

You know I make my anicons totally differently, I don't use Image Ready at all. But maybe I should. I'm gonna test this and see which works better for me.
Oh and great job with the tutorial! It was perfectly clear and straightforward.

spoopy October 8 2009, 23:18:03 UTC

Ooh, I'm curious now - how do you make your icons?

I'm glad the tut makes sense! Lol I've been working on it for a few days and trying to explain some things kind of got me tongue-tied, except with my fingers, lol.

worried_bubble October 9 2009, 16:48:47 UTC

Okay, on a second thought, not totally differently. I use CS3 Extended and there's no Image Ready for that. And unfortunately, there's no such option to make a folder into frames, so I usually make an action to resize and color every frame individually and then paste them one by one into a 100x100 canvas (it's actually not as painfully long as it sounds, lol). Then I simply open the animation window and do what you wrote - though, in CS3 the no delay speed is so fucking fast, 0,08 is even a little too fast in it. And then I click file > Save for Web and Devices and that's where I can optimize it. It's not all that different after all, but it just felt like that when I read it.

andriij October 8 2009, 22:30:43 UTC

This is so awesome of you. I've added it to my mems and will definitely try this.

roni2727 October 8 2009, 22:38:11 UTC

I think I love you! Seriously, I can't wait to try this out. I've been wanting to know how to make animations forever and just from the looks of this tut, there couldn't possibly be a more thorough one out there.

Memming. Thank you!!

spoopy October 9 2009, 00:41:08 UTC

Thanks! If you do end up following this tut, come back and show me the outcome! I'd love to see what you come up with. :-)

crumpled_up October 8 2009, 22:46:56 UTC

Totally mem'd this because it seems a bit overwhelming but omg, THANK YOU SO MUCH FOR THIS. I've always wanted to know the secret of your success. ;)

spoopy October 9 2009, 00:42:13 UTC

Ahahaha I know, it's like IMAGE ATTACK. Lmao. It looks really overwhelming, but if you just take it step by step, then it should be easy to follow. And then you'll wonder how the hell you thought it was so overwhelming ;-)