FORUMS
Remove All Ads from XDA

[Guide] Customize S2U2 Battery Animation, Slider Button, Animation & Curtain

536 posts
Thanks Meter: 38
 
By mushipkw, Senior Member on 24th December 2007, 08:21 PM
Post Reply Email Thread
POST 1:
Customize S2U2 "Slide to Unlock" text Animation

POST 2:
Customize S2U2 Slider button
Customize S2U2 Curtains
Change S2U2 Battery Animation

Here I will tell you guys how to customize the "slide to unlock" text animation.

1. The Animation file is in \Program Files\S2U2\gfx Folder named "slideanis.png"
2. It is made up of several slides of images of size 112x12 pixels(IMPORTANT), each placed right next to the other.
3. Its like the GIF animation but the images here are placed in a single image.
4. The resulatant file can be of any width but a multiple of 112, the Height should only be 12pixels.
4. You can also make customized animations like I did.

Creating animations using only Paint & Irfanview

Designing Frames:
==============
1. Open Paint.
2. Goto Image --> Attributes(Ctrl+E)
3. Set Width to 112 & Height to 12(If values are altered thing will go hazy). Choose the pixels combobox in 'Units' group.
4. You will get a 112x12 pixels white page.
5. Zoom in it to make designing easy.
6. Design a frame to be used in the animation.
7. Save it in BMP Format. I recommend using any naming convention. If Saved in other formats quality will be decreased.
8. Got the first frame, now create each & every frame to be used repeating the steps.
9. Save all of them in BMP format.

Of course: Instead of designing frames u can use any image just resize them.

Designing Animation:
===============
1. Open IrfanView.
2. Goto Image --> Create Panorama Image.
3. Choose Horizontal in the 'Directions' group.
4. Click 'Add images' & Choose all the frames u wish to use.
5. Adjust them 'Up', 'Down' as you want them in the animation. Top frame comes first & Bottom frame comes last.
6. Uncheck 'Insert file name into image'.
6. Click Ceate Image.
7. Save it in PNG format.

PS: Animations play really fast if only one unique frame is used once, In the Loading animation I got 12 frames, each frame was used 3 times repeatedly, to make it slow. i.e each frame was added 3 times.

Use Them:
========
1. I recommend to backup the \Program Files\S2U2\gfx folder.
2. Rename the saved PNG to 'slideanis.png'
3. Copy it to the \gfx folder.
4. Run iLock2 to stop S2U2.
5. Run iLock2 to rerun it.

That's it, Design your own animations & Share them here.

Have a look at a couple of mine:


Here's how my S2U2 looks like:



'll post the screen shots of others later.

Unzip & Copy 'slideanis.png' to \Device\Program Files\S2U2\gfx
Attached Files
File Type: zip Loading.zip - [Click for QR Code] (3.0 KB, 13097 views)
File Type: zip Slider.zip - [Click for QR Code] (7.3 KB, 13436 views)
File Type: zip 5_Starv3.zip - [Click for QR Code] (5.3 KB, 10266 views)
File Type: zip 5_Starv1.zip - [Click for QR Code] (7.1 KB, 8551 views)
The Following User Says Thank You to mushipkw For This Useful Post: [ View ] Gift mushipkw Ad-Free
 
 
24th December 2007, 08:30 PM |#2  
mushipkw's Avatar
OP Senior Member
Flag Pilkhuwa
Thanks Meter: 38
 
More
Customize Slider Button
Here is a tutorial to customze the S2U2 Slider Button.

1. S2U2 Slider button image is in Device\Program Files\S2U2\gfx folder as Arrows.png.
2. It consists of two images each of size 47x30 pixels, that makes the original image 94x30 pixels.
3. The first image is used when Slide to unlock & second image is used when Slide to Answer.

Designing Buttons:
===============
1. Open Paint.
2. Goto Image --> Attributes
3. Change width to 47pixels & height to 30pixels.
4. Design button u want to use for slide to unlock.
5. When Done, save it in BMP format.
6. Repeat the process for the next button i.e. Slide to answer.
7. Open IrfanView.
8. Goto Image --> Create Panorama Image.
9. Choose 'Horizontal' in Directions Group.
10. Click Add Images & add the images (Remember the first file is for Slide to unlock & the second is for Slide to answer)
11. Untick 'Insert file names in images'.
12. Click Create Image.
13. This file should be of 94x30 pixels.
14. Save it in PNG format.

Use Them:
=========
1. Rename the file to arrows.png
2. Copy it to Device\Program Files\S2U2\gfx folder.
3. Stop S2U2 by running iLock2.
4. Start again by running iLock2
5. U are done.

Of course: Instead of designing buttons u can use any image just resize them.

For now have this @ end of post:
Copy it to \Device\Program Files\S2U2\gfx folder

==============================
Customizing the Curtains
===========================


Here how to customize the S2U2 curtains i.e Both Top & Bottom.

The files used for both curtains is topbar.png in the \Program FIles\S2U2\gfx\ folder.

To remove the curtains just delete the files topbar.png. PS: This will remove both the curatins.

1. Make any image of height 68 pixels, You can set any width. Note:- The width of PPC screen is 240 pixels. If the width is smaller it will be appended.
2. Save it as topbar.png.
3. Place it in GFX folder.
4. Stop S2U2 by running iLock.exe
5. Run S2U2.

That's it.

This file will be used for both curtains, but you can turn off top curtain from S2U2 settings.

================================================== ==========================
Battery Animation:
==============
Screenshot:


With Text & Without Text
Attached Images
 
Attached Files
File Type: cab Mushi S2U2 Battery Animation wo Text.cab - [Click for QR Code] (118.3 KB, 8333 views)
File Type: cab Mushi S2U2 Battery Animation.cab - [Click for QR Code] (118.3 KB, 10359 views)
The Following User Says Thank You to mushipkw For This Useful Post: [ View ] Gift mushipkw Ad-Free
25th December 2007, 02:34 AM |#3  
Senior Member
Thanks Meter: 0
 
More
Quote:
Originally Posted by mushipkw

Reserved to add a Tutorial on modifying Button.

Cant add now coz my net is down and right now I am surfing using my cell data plan.

For now have this:

Copy it to \Device\Program Files\S2U2\gfx folder

looking 4ward to this one lol
25th December 2007, 12:59 PM |#4  
Wagner669's Avatar
Junior Member
Flag Athens
Thanks Meter: 0
 
More
Great Work
27th December 2007, 06:05 AM |#5  
abumhmmd1's Avatar
Senior Member
Flag RIYADH
Thanks Meter: 215
 
Donate to Me
More
Arrow
GOOD WK
I Lk it



4 the S2U2 Slider Button >> it would be better if a dark red rose used

4 th BATTERY >> can it B WT or LiT GRAY instead off GREEN Color
it wll B GREAT !!!!

THNKS
28th December 2007, 06:14 PM |#6  
mushipkw's Avatar
OP Senior Member
Flag Pilkhuwa
Thanks Meter: 38
 
More
Slider Border
Here I'll be posting a tutorial on how to edit the Slider box. But for now Im uploading the Slider Boxes I have got.
Just rename them slide.png & copy them to Device\Program Files\S2U2\gfx folder.
Attached Thumbnails
Click image for larger version

Name:	slide1.png
Views:	3042
Size:	2.8 KB
ID:	63430   Click image for larger version

Name:	slide2.png
Views:	1788
Size:	257 Bytes
ID:	63431  
28th December 2007, 11:39 PM |#7  
Senior Member
Thanks Meter: 0
 
More
figured it out
just made my own

29th December 2007, 07:58 PM |#8  
abumhmmd1's Avatar
Senior Member
Flag RIYADH
Thanks Meter: 215
 
Donate to Me
More
Wink
29th December 2007, 08:00 PM |#9  
abumhmmd1's Avatar
Senior Member
Flag RIYADH
Thanks Meter: 215
 
Donate to Me
More
Wink I LK ths BLK & RD thm !!!



http://wiki.xda-developers.com/index...OM_USER_THEMES

down Ld LNK
http://www.mediafire.com/?2k9gjo2la2k
1st January 2008, 05:35 PM |#10  
mushipkw's Avatar
OP Senior Member
Flag Pilkhuwa
Thanks Meter: 38
 
More
Here are few more:
Attached Images
    
1st January 2008, 05:37 PM |#11  
mushipkw's Avatar
OP Senior Member
Flag Pilkhuwa
Thanks Meter: 38
 
More
And few more:
Attached Images
    
Post Reply Subscribe to Thread

Tags
analog clock, android clock, battery, dusk analog clocks, s2u2, s2u2 system, system, windows xp

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes