October 9th, 2009

[default] → bjork and p diddy
  • spoopy

How to make smooth, good-quality animated icons

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 when I wanted to learn how, only to discover nothing made any sense or I got lost along the way because the instructions were so confusing. SO. Hopefully, this tutorial will be useful and helpful to others who are in the same boat as I was - want to learn how to make smooth, good-quality animated icons and want easy-to-understand instructions on how to do so. :-)

Today, we'll be making this icon:



Programmes: VirtualDub (for screencapping), Adobe Photoshop CS - CS2 and Adobe ImageReady.
Involves: How to screencap, how to import frames and images, how to crop, colour adjustment layers, tweening, how to optimise animated icons to fit 40K, how to set timing for icons.
Translatable: Probably not. :-(
Steps: For screencapping: 4 steps. For making the icon: 15 steps.
Difficulty: Actually really easy once you know how to do it. But I will go with Medium - Hard.
WARNING: THIS IS VERY IMAGE-HEAVY.

Collapse )

Other results I got with the same process:


(These are free to take - just credit my art comm, bold_as_brass.)

I hope this tutorial was easy to understand and easy to follow. And please, if you end up making any animated icons using my tut, post them in the comments so I can see! I'd love to see what results people get. :-)
Taylor. color me happy

Uploading Images Problems

Hopefully someone can lend me a helping hand here.. Not even sure if this is allowed, but Imma go for it anyways...

I made (what I think) is a really pretty coloring for some images from a Twilight Press Conference and was going to upload them to ost them, however when I went to do so, I though the colors looked off, and they did, photobucket and tinypic decided it was okay to desaturate or something my pictures... how can I fix this?

Collapse )
  • Current Mood
    irritated irritated
jack frost

GIMP Animation Question...

Hey all! I didn't see anything like this in the memories... So I have been using GIMP for quite a while and am fairly experienced at most animated icons... but I have a question. Is there any way to make animations like this:
or

I know the font used for most of these is Silkscreen and I'm pretty sure you somehow have to use a gradient, but not quite sure how. Any ideas/tuts on this for GIMP would be greatly appreciated xD