[Guide] Customize S2U2 Battery Animation, Slider Button, Animation & Curtain
from WM/S2U2 2009/02/03 11:58[Guide] Customize S2U2 Battery Animation, Slider Button, Animation & Curtain
Customize S2U2 "Slide to Unlock"
text 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
text 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
__________________
Customize Slider Button
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
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
'WM > S2U2' 카테고리의 다른 글
| S2U2 한글화 파일 수정 및 작성 방법입니다.~~ (0) | 2009/02/03 |
|---|---|
| S2U2 잠금화면에 보여지는 모든것을 바꿀 수 있다? (0) | 2009/02/03 |
| [Guide] Customize S2U2 Battery Animation, Slider Button, Animation & Curtain (0) | 2009/02/03 |
| S2U2 한글화파일 비교 (0) | 2009/02/02 |
| S2U2 Wallpapers (240*320) (0) | 2009/01/16 |
| s2u2 버전별 설치파일 모음 (0) | 2009/01/10 |
Tag // s2u2
