How to create your first animated icon !
Tuesday, April 29, 2008 by frankell | Discussion: Skinning
This is an "open" mini tutorial don't hesitate to post your advice request !
Basically you have to work with the feature "special paste" or similar (I use PhotoFiltre)
starting from the first frame:
- the only image format in the dock is .png
- the full "square" size is 128x128 or 256x256
consider to match the max icon magnifying size in the dock (256 pixels) for a simple animation (8 frames)
use 128 pixels for a complex animation (20+ more frames)
to take care on the dock total CPU usage (one's I made a 57 frames icon !)
the new frame is a copy of the previous one + a slightly changed position
consider also that with the docklet option "on the end play animation backwards" you can double the effect on reverse
- zoom effect: 3\4 frames "zoom in" + 3\4 frames "zoom out"
- curl effect: 3\4 frames "open" + 3\4 frames "close"
- rotate effect: 360°= 6 frames 60° each \or 9 frames 40° each
at the end you have a very long strip is important verify that the "large"
size is always the exact multiple of the "height" size !
If I have more then 1 effect I keep a singolar copy of each effect before to
assemble them together
as a starting point you can use the "zoom effect" template:
https://www.wincustomize.com/explore/graphics/947/
enjoy 
Reply #4 Monday, May 19, 2008 8:34 PM
horizontal strip or vertical strip?
Reply #5 Tuesday, May 20, 2008 4:42 PM
you choose 1 png as the first frame
this is the starting point
you have to duplicate the I frame + make some change (rotate\zoom)
you got the II frame > duplicate the II frame make the change > you got the III frame and so on
to assemble the frames together : copy the II frame> open the I frame> using the "special paste" feature paste on the right side and go on
the strip will be horizontal !
enjoy !!
Reply #6 Tuesday, May 20, 2008 11:45 PM
I have PSP8 w/AnimationShop which I can use.
Or I can use AniUtil which comes with DTX
or from the old CursoXP page somewhere: http://www.cursorxp.com/files/AniUtil.zip
Reply #7 Wednesday, May 21, 2008 12:49 AM
I've had a little dabble with the Microsoft GIF animator....but interested to check this out....
Reply #8 Wednesday, May 21, 2008 1:55 PM
sydneysiders you are welcome !!
thanks to both of you for the karmas
Reply #9 Sunday, May 25, 2008 10:46 AM
the good: "special paste" is automatic, you can keep all the originals (just in case)
the not so good: first you have to save all the frames in a new folder giving them the right sequence (numerical or alphabetical)
BTW 1 Karma for you !!
Reply #10 Sunday, May 25, 2008 12:30 PM
Needs to be more friendly like MSGifAnimator where you can reposition the order.
AniUtil comes with DTX and is useful for creating png strips for DTX and CursorXP if you don't already have a program that will create them.
I've used it after extracting the frames from gifs using Irfanview, then I clean them up, give them a solid background color, and run them through Giffy to put transparency back by picking the background color - by then they're named 001, 002 etc and go in correctly into AniUtil.
Reply #13 Sunday, May 25, 2008 8:41 PM
Darn basic as hell, but it's give me a few ideas for sure .. Just gotta find out what to do here ... and what it ALL means .... hehe ( worth a giggle though ! )
.
Reply #14 Tuesday, May 27, 2008 10:54 AM
mike my compliments !! it only needs a title to upload on the OD gallery
Please login to comment and/or vote for this skin.
Welcome Guest! Please take the time to register with us.
There are many great features available to you once you register, including:
- Richer content, access to many features that are disabled for guests like commenting on the forums and downloading skins.
- Access to a great community, with a massive database of many, many areas of interest.
- Access to contests & subscription offers like exclusive emails.
- It's simple, and FREE!
Reply #1 Tuesday, April 29, 2008 11:36 AM
WWW Link