Customize and create your own dynamic icons topic

PART 1

STEP 1
Dimensioning Your Icons
There are many Software for this you can go for gimp, photoshop, illustrator and many more.
I prefer photoshop.
You can download or purcase from Adobe Store.
Icon size: 136 x 136 (pixels)

STEP 2
Adding layer styles.
Playing with Bleending option.
Add your design your settings add beveal, drop shadow and much more.

IMPORTING ICONS TO MIUI THEME EDITOR
STEP : 1

Now the First thing to DO is Extract the zip file.

STEP : 2

Now GO to MIUI Themes Editor and launch it.
There are two ways of getting started up.

Either select a Theme and Edit or start a new project

STEP : 3
Starting Up a New Project.

[Note: Click on the picture for Enlarging]


STEP : 4
Click on File > New Theme

STEP : 5
Specify a name and Location.

STEP : 6
Later Adding


Theme Name

Author

Designer

Version

PART TWO [ IMPORTANT ]
This is how you reach a fancy icons they are noting but icons with Gif kind of animation we call them dynamic
So what's so special about them ?
Heh!!
You need to know som XML tricks like i am going to show you and i will even share my files which you can edit.
So the above metioned picture is an example how to place it.

FOR CALENDAR

Icons
| __ fancy_icons
|__ com.android.calendar

manifest.xml should be place inside the folders with pngs files

<?xml version="1.0" encoding="utf-8"?>
<!-- calendar -->
<Icon version="1" frameRate="0" width="136" height="136" screenWidth="720" useVariableUpdater="DateTime.Day">
<VariableBinders>
<BroadcastBinder action="android.intent.action.TIME_SET" />
<BroadcastBinder action="android.intent.action.DATE_CHANGED" />
</VariableBinders>

<Group pivotX="68" pivotY="68">
<Image x="68" y="68" align="center" alignV="center" src="date.png" srcid="#date" />
</Group>
</Icon>

You need to edit them accordingly like i have thepng files settled inside the folder com.android.calendar




For Rotational ICONS
<?xml version="1.0" encoding="utf-8"?>
<!-- Audio -->
<Icon version="1" frameRate="30" width="192" height="192" screenWidth="1080" >

<Image x="96" y="96" align="center" alignV="center" src="icon_bg.png" />
<Image x="96" y="96" align="center" alignV="center" centerX="59" centerY="59" src="gear.png" >
<RotationAnimation>
<Rotation angle="0" time="0"/>
<Rotation angle="360" time="10000"/>
</RotationAnimation>
</Image>
</Icon>
And place the Two icons inside the subfolders.

Attached Thumbnails