Database Develop

[Ref Tutorial] Changing the boot animation screen on google builds

Ok, so I know a lot of you are looking for a simple process to get the animation screen changed on non-hero/htc builds. Well, we can do it.
First, animated gif images dont work for google builds as of yet (at least that I've heard of), so scrap that idea right now.
The google boot animation is a combination of two images:
android-logo-mask.png
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
and
android-logo-shine.png
(images taken from Dude's 1.3RC1)
Now, the way this works is as so:
android-logo-shine is the color in the background. it scrolls across repeatedly, and that white stripe on there makes it look like it's got a light glimmer on it. android-logo-mask is the actual image. When it's all put together, it looks something like this (imagine the background color scrolling across as your phone is loading)
now, I've played with this some and my current logo is 256x265. The logo cant really be any wider than 256 pixels or it will crop off the edges of the screen. The shine has to match the image in height, but the width is fine at 512.
there are multiple methods for doing this. first is the old-school method for people who like to do things the old fashioned way.
So heres what you do: (VIDEO TUTORIAL HERE: http://www.youtube.com/watch?v=QMrn3n_ayHI)
1.)take your favorite rom and favorite unzip program (i use winrar). open the rom up and navigate as follows:
system--->framework
2.)you will see a file called framework-res.apk. open this file (again, winrar works good for this).
3.)open the assets folder, then open the images folder.
4.)you will see the two png files i mentioned above. extract them both to your desktop, but DO NOT CLOSE THE FILE BROWSER (unless you want to navigate to that folder all over again).
5.)now comes the fun part: editing your images. this is where it gets a little more complex:
-on the mask, any area you want the scrolling color to show up must be TRANSPARENT. You can put just about any text or image on there that you want, but the scrolling color from the shine image will not show through without the transparency.
-the shine image can be any colors you want, so feel free to play around with some schemes until you come up with something you like.
6.)after you're done and you've saved both images the way you want, put them back in the same folder you took them out of (framework-res.apk\assets\images)
7.)once you've put them back in, you have to resign the whole update. this is a very easy process that is laid out for you in this thread that stericson put together.
8.)throw the newly signed update.zip on your sd card, boot into recovery mode, flash, and reboot. you'll be happy with the result.
Just to give you guys a little taste, heres what my FIRST design looked like:
(just use your imagination to picture the red/white background scrolling across the android and lettering)
A couple things to point out for you artists: the "shorty's android" and the android outline are the only transparent parts, so they will show the scrolling color. The "1.5 customized" and android eyes are solid colors, so they dont scroll/change/nothing.
Now, at this point in time, I havent found any way of adding music like the htc/hero builds can do. If anyone figures that out, let me know and I can add it to this tutorial, with credit to you, of course.
Enjoy your spiffy new boot animations guys, and please post some screens here so we can all admire your work.
New addition guys: for those having trouble with the directions, I made a video tutorial to help out! Check it out here:
http://www.youtube.com/watch?v=QMrn3n_ayHI
Next, and probably the easiest method of doing this is to use METAMORPH! If you dont know what metamorph is, well, you're behind the times and need to check out this thread:
http://forum.xda-developers.com/showthread.php?t=591329
If you are familiar with using metamorph to at least install themes on your device, then you're set.
So how do you do it using metamorph? Simple.
First, you're going to create a brand new folder and title it "bootanimation" or whatever you choose.
Now, inside that folder, you're going to have several files in order for this to work right.
1. The folder stack where the boot animation will go (explained below)
2. the .thm OR .xml file depending on which version of metamorph you have. If you're not sure: free version uses .thm files. Pro/Donate version uses xml.
Now, creating these things is SIMPLE. The folder stack is going to be the same every time for boot animations. In your folder that you have already created and should be staring lovingly at, create a new folder called "framework-res". THIS FOLDER NAME MUST BE EXACT, as must all the ones that follow. open the folder you just made and create a new one inside it called "assets". Open the assets folder and create a new folder inside it called "images". I know it seems tedious, but thats the LAST folder you have to create, I promise. The last step here is to open the images folder and place inside it your android-logo-mask.png and android-logo-shine.png files. after you've done that, move back out to the original folder and get ready to create your .thm or .xml file.
Now, .thm files for bootanimations are simple. open notepad and put in the following:
any
any
framework-res.apk
/system/framework/
Then save the file (NOT AS A .TXT FILE) as bootanimation.thm
Now, when saving the file as indicated above, the name of the .thm file MUST be the same as the name of the folder you originally created. So if your folder, and thus your final zip file, is named purplebuttmonkey, then your .thm file must be named purplebuttmonkey.thm. Simple enough?
Now, creating the xml files is a bit more complex for the average user and certainly a bit much to put into text, so I'll simply defer you to the master, Stericson himself, in a nifty video he made to educate you how to do it:
http://www.youtube.com/watch?v=Mq4AuHKzNFo
So fast forwarding:
Once you've created your folder stack, your .thm file or .xml file and are ready to move on, all thats left to do is to create your zip file! Guess what, these dont have to be signed either! Hooray! So open your favorite zip program (again, I recommend winrar) and create a zip file out of the original folder you made. After that, put it on your phone, load up metamorph and go to town!
Also, metamorph is nice because it eliminates having to re-sign everything every time you want a new animation. All you have to do is replace the two png files in the folder stack you made, re-zip it and morph it once its on your phone.
NEW:
Hitchhiker's Guide To the Galaxy Boot Animation: http://www.4shared.com/file/XWXh6pT6/HHGBoot.html
YOU MUST HAVE METAMORPH. For right now (4/25), only the pro version will work. Stericson is updating the free version to XML on the 30th. After that, this will work for everyone!
NEW ADDITION: Burlyskink made an excellent html applet for testing out your designs so you no longer have to flash an update in order to see what the finished product looks like! You can find this little gem here. Many thanks to Burlyskink for this!

Many thanks to noonski and mikey for helping get this out of the dogpile. Show your mods some love guys!

Finally!!!
Nice work bro!
I'm am that guy who goes through much trouble w/ a lot of these upgrades mods and graphic tweaks do to the fact that im a visual learner not so much the literal. Do to minimal knowledge on the graphic's aspect, i need a first hand basis tutorial like this one to successfully complete these mods!! \
ThankS a million and Hope to start seeing many more VIDEO TUTORIALS like this around, touching on different area's of graphic designing/software modding for the G1..
Thanks again to all dev's/themers(HEAVY HITTERS!): Manup456("headcrack"), Moonsspoon, Stericson, DudeofLife, koush, Tehseano, Haykuro, Cyanogen, Twisted, Jwange, Diaztradenic, Doubleokneegro, Jborque, MarcusMaximus04, LucidRem, JAC, And of course last but definitely not least The Godfather, The man/The Myth JESUSFREKE!!! and for anyone that i did not mention you know who you are thanks a million!!

I've added these two png's to my update.zip\framework\framework-res.apk\assets\images\
I've been able to reboot with them in the apk now, but it's just a black/blank screen. Does anyone see any reason why they wouldn't be able to be merged into the apk?
I've gotten a log but at the moment, I'm not seeing anything very telling....

you did sign the file and reflash the update, correct? cause I just downloaded your two png files, loaded, signed, flashed and it works just fine for me.

heya,
i have tried to edit JFv1.51 CRB43-us but when i go into the folder i dont not see a .apk file i see .cramsf is there a way i can do it on these themes???

OP,
Mind sharing your red/white background?
EDIT: Just tried this. Edited my own files, repacked into framework-res.apk under assets & images. Resigned the update & all I got was a black screen. Does the framework-re.apk have to be pulled out of the update & edited, then resigned? Or can it just be edited from within the update.zip itself? I am using 7zip if that helps
EDIT2: Just tried pulling the framework-res.apk to edit the images but it didn't work. I placed the original images back in & that worked. I don't get it. The files are the same dimensions. But my images were bigger than the original as far as bytes go. I don't know if that has anything to do with it. I don't know how to get them any smaller. I tried pnggauntlet but it didn't seem to work. O well I'll stick with the stock stuff but continue playing with it till I get it

Beast84 said:
OP,
Mind sharing your red/white background?
EDIT: Just tried this. Edited my own files, repacked into framework-res.apk under assets & images. Resigned the update & all I got was a black screen. Does the framework-re.apk have to be pulled out of the update & edited, then resigned? Or can it just be edited from within the update.zip itself? I am using 7zip if that helps
EDIT2: Just tried pulling the framework-res.apk to edit the images but it didn't work. I placed the original images back in & that worked. I don't get it. The files are the same dimensions. But my images were bigger than the original as far as bytes go. I don't know if that has anything to do with it. I don't know how to get them any smaller. I tried pnggauntlet but it didn't seem to work. O well I'll stick with the stock stuff but continue playing with it till I get it
Click to expand...
Click to collapse
I dont have the original red/white because i'm using a much different background now. the easiest thing i can recommend would be to open the original shine image with photoshop, go image>adjustments>hue/saturation and drag the hue slider until you achieve the desired color. Oh yeah, and edit the image height to match your mask image.
As far as the other two problems, you can do it from directly within the zip. watch the video tutorial at the bottom of the OP, shows you exactly how to do it step by step.

Thanks for the tutorial Kusotare,just thought I would add that I use 320 x 480 images like Dude/Manup did in his 1.1 and 1.2 builds and they dont cut off the sides at all.Both of my themes use 320 x 480 boot animations if anyone wants to grab one as a template feel free they are in my signature.

kusotare said:
you did sign the file and reflash the update, correct? cause I just downloaded your two png files, loaded, signed, flashed and it works just fine for me.
Click to expand...
Click to collapse
Yep, I can include the two pngs to my update.zip/resign/flash, and then I just get a black screen now instead...tried fixing permissions/chmod'ing the file as well....still just getting a blank screen after rebooting.

kusotare said:
I dont have the original red/white because i'm using a much different background now. the easiest thing i can recommend would be to open the original shine image with photoshop, go image>adjustments>hue/saturation and drag the hue slider until you achieve the desired color. Oh yeah, and edit the image height to match your mask image.
As far as the other two problems, you can do it from directly within the zip. watch the video tutorial at the bottom of the OP, shows you exactly how to do it step by step.
Click to expand...
Click to collapse
I did it exactly how it was done in the video & still I get a black screen. The phone boots up fine but no animation

Beast84 said:
I did it exactly how it was done in the video & still I get a black screen. The phone boots up fine but no animation
Click to expand...
Click to collapse
Try doing it through winrar. I've had problems with 7zip in the past, which is why I use winrar to do it.

i did this through 7zip. you can modify a whole update (for example, you love a theme but hate the vanity boot screens authors sometimes force upon you) by bringing up the context menu (right click) on the update.zip, then 7-zip>open, after that, navigate to system/framework, and at framework-res.apk just right click again and select "Open inside", and then navigate to assets, pull the two files to your desktop, edit them however you want (or if you already have your own just skip pulling them out), and then just pull the files back to the window and close, it's going to ask you if you want to save, just say yes or ok, and that's it, the update is all good to go (no need to re-sign or anything, i can confirm it works that way)

I've used WinRAR and 7z, no dice.

Threw this together to test.

Thanks for that, kusotare!
I used an adb-based approach:
1.) I pulled the framework-res.apk from /system/framework via adb
2.) then I put my modified PNGs (attached) into it
3.) I wanted to adb push framework-res.apk back onto /system/framework, but there was no space left on device.
4.) so I created a symlink (ln -s /system/sd/framework-res.apk /system/framework/framework-res.apk) to my Apps2SD partition.
5.) awesomely, it worked on the first try.
Edit: There is some kind of error with the scrolling background, it's maybe too big. Also, the blue doesn't look as good on the G1 screen as on my laptop. Firmware Information: JF 1.51 EU, 62.505.20.17U_2.22.19.26I, 2.6.27-00392-g8312baf [email protected] #1 CRB43
Edit: Okay, apparently, using Apps2SD for this is not a good idea. It can get you looped. However, it's easy to use adb to get out of it again by removing the symlink and repushing the original framework-res.apk . There is an even better solution for everyone with the current Google Maps from the Market - just erase the default /system/app/Maps.apk which is ignored anyway (according to adb logcat).
I swapped the splash out 5+ times now, and the phone boots up reliably. There is a very small possibilty of problems while using the phone, going to bed now and exploring that tomorrow. (It's 4:11)

Autarkis said:
Thanks for that, kusotare!
I used an adb-based approach:
1.) I pulled the framework-res.apk from /system/framework via adb
2.) then I put my modified PNGs (attached) into it
3.) I wanted to adb push framework-res.apk back onto /system/framework, but there was no space left on device.
4.) so I created a symlink (ln -s /system/sd/framework-res.apk /system/framework/framework-res.apk) to my Apps2SD partition.
5.) awesomely, it worked on the first try.
Edit: There is some kind of error with the scrolling background, it's maybe too big. Also, the blue doesn't look as good on the G1 screen as on my laptop. Firmware Information: JF 1.51 EU, 62.505.20.17U_2.22.19.26I, 2.6.27-00392-g8312baf [email protected] #1 CRB43
Edit: Okay, apparently, using Apps2SD for this is not a good idea. It can get you looped. However, it's easy to use adb to get out of it again by removing the symlink and repushing the original framework-res.apk . There is an even better solution for everyone with the current Google Maps from the Market - just erase the default /system/app/Maps.apk which is ignored anyway (according to adb logcat).
I swapped the splash out 5+ times now, and the phone boots up reliably. There is a very small possibilty of problems while using the phone, going to bed now and exploring that tomorrow. (It's 4:11)
Click to expand...
Click to collapse
Yeah, I tried the ADB version when I first started, thinking "you know, pushing the framework-res would certainly be much easier than manually repacking and resigning the whole update". Then I ran into the same problems you did and decided that the method I eventually settled on and posted here was going to be much easier for most people than trying to solve the million adb-how-to questions that would eventually come up. Glad you got the adb method working well though.

Thanks for confirming that, kusotare!
In anticipation of the adb-who-what questions you mentioned, let me state it for all to see:
First: All adb questions are answered in the forum. Use search, or Google. I heard they have this nifty search engine. I don't know where it'll get them eventually, but for the moment you can find pretty much everything using Google.
Second: I don't support adb - I love it!

Custom
I was bored and decided to make an electric version. I'll fool around with it with some newer ideas later.
As usual... open framework-res.apk, drop+replace in assets/images, sign.

I'm beginning to think that it's something that Paint Dot Net does, because I can use the png's in the first image and they work perfectly, as soon as I edit the mask or the shine not changing the name or size by too much it craps out on me (it updates, but just goes to a black screen for the animation)...
Anyone doing this with pdn, or are you guys all using GIMP/Adobe?
Paint Dot Net users: do not save with 32 bit, do not allow it to choose for you or it won't work for you. Much aggravation dispelled now...

[Ref] NBH Files for Splash Screens

I followed all the instructions on how to create but when I create the NBH file I cannot find it all my computer where I placed it...Then I search for it then I find it but the flash utility wont open the file and I can only see .nb files in the folder where I place everything.
Also what program should I use to resize my pictures to 400x640
And I've read many post on this so did get mad at me..... Because you wouldn't want to see me mad.... Hulk SMASH!!!!!!!!!!

Might as well delete this since nobody will give any pointers.....and I meant to put help and not [ref]

hopefully someone will respond cause I actually have the same problem...hahaha..put the file on my network --- somewhere --- and now can't recall where...haha

Sparkz914 said:
I followed all the instructions on how to create but when I create the NBH file I cannot find it all my computer where I placed it...Then I search for it then I find it but the flash utility wont open the file and I can only see .nb files in the folder where I place everything.
Click to expand...
Click to collapse
are you trying to change the bootsplash (1st screen) or the regular (2nd screen, non animated one)??? if your just trying to change the regular splash screen you dont need to convert to .nbh...just change the name to welcomehead.192.png...and put in windows...
Also what program should I use to resize my pictures to 400x640
Click to expand...
Click to collapse
i use gimp...great program and free!!
*hope this helps*

Thank you so very much JDM, but i'm trying to change the first screen when you first turn the phone on when it shows your rom and radio info....I've been able to make and find the .nbh files but I am lost on how to use PatchSplash so that the bottom portion of the screen isn't black....Any help would be Very Helpful from anyone, so much that I may let someone buy me dinner lol but no fooling around on the first date

jdmsleepr said:
are you trying to change the bootsplash (1st screen) or the regular (2nd screen, non animated one)??? if your just trying to change the regular splash screen you dont need to convert to .nbh...just change the name to welcomehead.192.png...and put in windows...
i use gimp...great program and free!!
*hope this helps*
Click to expand...
Click to collapse
I'm actually trying to do both. I simply lost the software required to do the first one.....

Here are the programs to do the first boot screen

JDM i got that program Gimp but when I try to scale the photo to 480x640 but it changes it to its own dimensions which is like 480x247....Any insight on how to make it the right size....Thanks in advance

Sparkz914 said:
Here are the programs to do the first boot screen
Click to expand...
Click to collapse
kewl thanks...

Ok JDM I found out how to size the picture but im still lost on how to use patchsplash, now when I flash the image to my phone its fuzzy and distorted making it unviewable(if thats even a word) and 10% of the screen on the bottom is black.....?

TechnoHippie said:
kewl thanks...
Click to expand...
Click to collapse
No problem man, and you'll also need this

Sparkz914 said:
Ok JDM I found out how to size the picture but im still lost on how to use patchsplash, now when I flash the image to my phone its fuzzy and distorted making it unviewable(if thats even a word) and 10% of the screen on the bottom is black.....?
Click to expand...
Click to collapse
ok i have figured out how to use the patchsplash program...if you want i can make the file for you and send it back...

JDM that would be cool man
and do you think you could give me a brief description on how to use patchsplash
Which ever one is easier for you to create...thanks in advance
and if possible can you PM me the final product or can i give you my email

Ok JDM i've sort of learned how to use Patchsplash but not fully...this is where the program is located on my computer
Users\Seymore Cake\Documents\Phone ****\Splash Screens\
What should I put following this or what steps should I do next
Sorry for being some what of a pain for all the questions I ask of you

once your in the folder where patchsplash.exe is...
type: patchsplash.exe R example.nb output.nb
i made the .nbh for ya and tested...good to go...

JDM your the man

Maybe this will help....
Code:
[b]Download the attached zip file.
Extract it to (wherever you like) then follow the instructions below.[/b]
==============================================================================
Step by Step instructions on how to create your custom splash screen
for the Diamond and Rafael windows mobile.
==============================================================================
Step 1: Create your image
-
Choose, find or create the image you would like to have as your splash screen.
Use your image editor (photoshop is my choice) to adjust your image.
The size of the picture needed for the splash is 640x480 72dpi.
Save it as (24 Bit) (bmp) in folder (2-bmp to rsb to bmp).
goto Step 2.
------------------------------------------------------------------------------
Step 2: Convert your image from *.bmp to *.rsb
-
Run rsbbmp.exe in folder (2-bmp to rsb to bmp).
Click on [Add Files] and choose your bmp.
Click on [Convert All]
Your image has now been cloned and converted to rsb format.
Move or copy your rsb file to folder (3-rsb to nb).
goto Step 3.
------------------------------------------------------------------------------
Step 3: Convert your image from *.rsb to *.nb
-
Run Splash-RSB Converter.exe in folder (3-rsb to nb)
Choose VGA (640x480) then press [Convert].
Choose your rsb and save it in folder (4-patchsplashv0.1) click on [Done]
goto Step 4.
------------------------------------------------------------------------------
Step 4: Patch your image file.
-
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Remember, patchsplash.exe is a command line tool. If you run the program by double
clicking on it a cmd window will open showing you examples of the command line you
will need to type to patch your *.nb that is all.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
First, open the folder (4-patchsplashv0.1) in Windows file explorer. Copy the
address found at the top of the explorer window.
example: D:\PDA\HTC\splash\4-patchsplashv0.1
On Windows, Start Menu->Run... Click on Run then paste the address you copied
from win explorer then type the rest of the line needed for patching.
My example:
D:\PDA\HTC\splash\4-patchsplashv0.1\patchsplash R YOURFILENAME.nb YOURFILENAME_P.nb
\patchsplash R YOURFILENAME.nb YOURFILENAME_P.nb -> Rafael
\patchsplash D YOURFILENAME.nb YOURFILENAME_P.nb -> Diamond
Press enter and you're done!
A cmd.exe window will pop up telling you the process is complete.
REMEMBER
The first part of my example "D:\PDA\HTC\splash\4-patchsplashv0.1\"
is what I copied from win explorer.
"I" then move the new "_P.nb" file to the folder (5-nb to nbh) so not to
confuse it with the unpatched file.
goto Step 5.
------------------------------------------------------------------------------
Step 5: Create the *.nbh for flashing
-
Run NBHutil.exe in the (5-nb to nbh) folder.
Note: (the NBHUtil.xml file has to be in the same folder as NBHUtil.exe).
On first tab 'Build NBH', in the 'Target Device' list, choose "Diamond" or "Rafael"
located ad the bottom of the list.
On the right side, you have the "NBH Items". Click on the [...] button for "Splash".
An "Open" window pops up. Locate and select the .nb file that you just created.
Press [Build NBH!]
Type a file name and save!
This will create a .nbh file in the location you chosen. ((5-nb to nbh) folder by default)
goto Step 6.
------------------------------------------------------------------------------
Step 6: Flash your NEW Splash Screen!!!
-
I personally like to create a new folder for my newly created .nbh files.
In each folder I have my (*.nbh) and a copy of (RaphaelCustomRUU.exe).
In this way I can quickly flash which ever splash screen I want without any extra effort.
Create a folder. Place your new .nbh and a copy of RaphaelCustomRUU.exe in the folder.
Run RaphaelCustomRUU.exe, follow the instructions and you will have a new splash screen!
Enjoy! ;)
HueMann
------------------------------------------------------------------------------

thanks HueMann very helpfull

cheers!

[HOW TO] Make your own bootscreen and create signed zip

Here's a tutorial for those wanting to make their own (animated) bootscreen for the HTC Hero. Decided to write it after I'd seen a couple of posts from people asking about this, and some encouragement from yet another. I've tried to write this in greatest detail possible, so everyone can have a go at doing this.
Tools
It's really quite simple, if you have the proper tools for the job:
SignAPK.jar + testkey.pk8 + testkey.x509.pem
SignAPK.cmd (batch file written by me to facilitate signapk.jar use)
Graphics editor that can work with animated GIF files (Adobe Photoshop or Fireworks recommended)
a plain text editor capable of editing UNIX files (if you're unsure about this, use the free, and open source Notepad++. You can get the Installer.exe here.)
These aren't required, but make things easier:
Android SDK Tools installed (working adb.exe at the very least)
Hero's stock bootscreen to start from)
I have attached two stock Hero bootscreens (one with and one without the HTC startup sound), as well a zip file with the signapk files.
Setting up SignAPK
First, make sure you have Java installed. If not go to www.java.com to install it.
Second, I recommend to unzip the SignAPK_xda.zip file to C:\SignAPK.
Lastly, add the signapk folder to your PATH environment variable:
[*]Go to Control Panel, System
[*]Click on "Advanced" (or "Advanced System Settings")
[*]Click the button "Environment Variables..."
[*]Locate the PATH variable under "User Variables" (or "System variables" if you want to use SignAPK under other user accounts) and double-click it to edit
[*]In the "Variable Value" field, at the end of the line, type a semi-colon and the path to the signapk files ;C:\SignAPK
[*]You could also add the path to your java.exe file here if you have troubles with running signapk.​
A note on signapk.CMD
I wrote this batch file so it's possible to sign a zip file from a command line with the least amount of typing (saves time and less chance of a typo). It will check for java.exe and if it doesn't find it in your %PATH% it will let you know and try anyway. It will also prompt you to overwrite or not, if it finds the signed destination file already exists. Open in notepad to find out more.
Contents of bootscreen_stock.zip
You can delete the following three files, as they are created by the signing process:
META-INF\CERT.RSA
META-INF\CERT.SF
META-INF\MANIFEST.MF
This file contains the command to copy the files to the SYSTEM: volume on your device - you never need to edit this:
META-INF\com\google\android\update-script
This file tells Android how and which files to display - open in Notepad++:
system\media\bootscreen\boot_animation.xml
Then we have the actual bootscreen files:
system\media\bootscreen\boot1.gif - shown first, and plays only once
system\media\bootscreen\boot2.gif - shown after first ends, and loops forever (i.e. until end of boot sequence)
system\media\bootscreen\boot_bg.gif - optional file, this file is used as background during entire boot sequence if the 2 aforementioned files are smaller than Hero's screen
system\media\bootscreen\boot.mp3 - optional sound file, played once during boot
boot_animation.xml file contents
Code:
<?xml version="1.0" encoding="utf-8"?>
<!--
* Copyright (C) 2008 HTC Inc.
*
-->
[COLOR="Red"]<!-- For new bootup animation
<BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
audio="/system/media/bootscreen/boot.mp3"
image2="/system/media/bootscreen/boot2.gif" (optional)
image3="/system/media/bootscreen/boot3.gif" (optional)
screenX="100" (optional)
screenY="130" (optional)
image_bg = "/system/media/bootscreen/boot_bg.gif" (optional)
useAudio="1" // 1: true ; 0:false (optional)
/>
</BootConfiguration>
-->
[/COLOR]
[COLOR="Green"]<!-- For cropped version -->
<BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
image2="/system/media/bootscreen/boot2.gif"
image3="/system/media/bootscreen/boot2.gif"
loopimage="/system/media/bootscreen/boot2.gif"
image_bg="/system/media/bootscreen/boot_bg.gif"
audio="/system/media/bootscreen/boot.mp3"
screenX="10"
screenY="180"
useAudio="1"
/>
</BootConfiguration>
[/COLOR]
[COLOR="Red"]<!-- For full screen version -->
<!--BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
audio="/system/media/bootscreen/boot.mp3"
useAudio="1"
/>
</BootConfiguration-->[/COLOR]
This is the file included with the stock bootscreen. This file actually contains 3(!) configurations, however the first and third (red-colored) have been commented out. In short, edit the middle (green-colored) "BootConfiguration" section.
Delete the line that begins with image3= as you won't need it.
If you do not wish to include a startup sound, delete lines starting with:
audio=
useaudio=
Alternatively, simply set useAudio=0
If you boot1.gif and boot2.gif files are both 320x480 pixels, delete lines starting with:
image_bg=
screenX=
screenY=
Alternatively, simply set screenX=0 and screenY=0
If you delete the audio= and image_bg= lines, you can ofcourse delete the files audio.mp3 and image_bg.gif to keep the update.zip as small as possible.
ScreenX and ScreenY are coordinates in pixels, that tell Android where to place the GIF files on the screen. Top-left of the screen would be ScreenX=0 and ScreenY=0; bottom-right would be ScreenX=320 and ScreenY=480. This means that if you make a GIF file that is 200 px wide and 180px high and you wish to center this on the screen, you'd use ScreenX=60 and ScreenY=150 (i.e. ScreenX=320-200=120/2=60 and ScreenY=480-180=300/2=150). If your GIF files are exactly 320x480 pixels, you can set ScreenX and ScreenY both to 0, or leave those two lines out entirely.
Creating a GIF animation from scratch
(boot1.gif and boot2.gif)
Using Adobe Photoshop CS4 (cannot speak for older versions, I think you'd need the now discontinued Adobe ImageReady instead):
Create a layer for each frame of your animation (yes, I didn't say creating an animation from scratch wouldn't be a lot of work)
Click Window -> Animation to show the Animation panel
Click the panel menu (top right icon in panel) and choose "Make Frames from Layers"
If the frames are loaded in reverse from what you intended, choose "Reverse Frames" from the Animation panel menu
From the panel menu, choose "Optimize Animation" and UNtick both "Bounding Box" and "Redundant Pixel Removal"
Finally, go to File -> Save for Web & Devices, UNtick "Transparency" and play with some of the options to reduce file size.
To (re-)open an animated GIF file in Photoshop CS4, go to File -> Import -> Video Frames to Layers and type in the file name box *.gif then hit the Enter key so you can see GIF files, browse to it, select and click Load.
Using Adobe Fireworks CS4:
Make sure the "States" panel is visible, via Window -> States
Create a new "State" for each frame of your animation
To set frame delays, or basically set how long each frame will be shown for, in 100ths of a second, select one or more states and right-click, choose "Properties"
Make sure you do not use transparency (this gave me problems)
To save, go to File -> Save As, set "Save as Type" to "Animated GIF (*.gif)" and "click Options"
Do check "Dither" for better looking gradients and transitions
Play with the options on the first tab to reduce file size
On the "Animation" tab, UNcheck "Crop each state" (don't do this and get some crazy glitchy results in your bootscreen)
Creating a GIF animation by converting a G1 bootscreen animation to Hero format
(boot1.gif and boot2.gif)
You can also import a bunch of PNG files as layers (and subsequently frames) from, for example, a G1 bootscreen.
The fastest way in my experience is simply using Fireworks' File -> Open dialog, make sure all files are in one directory, select them all, do check the "Open as Animation" checkbox and click "Open". This will open each file into its own state in one big file. Then use instructions above to set frame delays and proceed to save as animated GIF.
You can also do it in Photoshop, but this method is very slow, via File -> Scripts -> Load Files into Stack (UNtick "Create Smart Object after loading layers"). Then follow the steps above to create an animated GIF file.
Compiling your bootscreen
If you have the files you want, it's time to zip them and then sign the zip file.
Make a folder "mybootscreen" and unzip the stock bootscreen into that, so it looks like this:
META-INF\CERT.RSA
META-INF\CERT.SF
META-INF\MANIFEST.MF
META-INF\com\google\android\update-script
system\media\bootscreen\boot_animation.xml
system\media\bootscreen\boot1.gif
system\media\bootscreen\boot2.gif
system\media\bootscreen\boot_bg.gif
system\media\bootscreen\boot.mp3
Delete those first 3 files, edit the XML file as needed and replace the GIF files with your own (see my explanations above).
Use for example 7-zip to select the 2 folders META-INF and system and click "Add" (to create new archive)
Make sure you set "Archive Format" to ZIP
Open a Command Prompt window (click Start, Run, type cmd and click OK, or if you have Vista or Windows 7, click Start, type cmd and hit Enter key)
Use this command to go to the directory with your zip file: CD /D C:\path\to\your\file
Type signapk mybootscreen.zip and hit Enter key
Barring any typo's you should now have a file named mybootscreen_signed.zip. You can copy that to the root of your SDCARD and flash it via your recovery image, or use DroidExplorer's flash function.
If this tutorial was of any use to you, or you have ideas to make it better, please reply and let me know. Thanks for reading!
EDIT (2010-04-11): updated SignApk_xda_v20100411.zip. Fixed a couple of forgotten quotes in signapk.cmd that made signing files with spaces in their filenames impossible. New zipfile attached.

wooooo THANKS!
THANKS A LOT! I have made the animated gifs and the sound, but I was insure how to sign and create the signed zip. I'll be trying this ASAP when Ive finished work. Ill keep you posted....
Thanks again m8.

Great guide, I have made my own bootscreen for the Villain rom, but for some reason, when i flash it to my hero, on boot, it plays less than a second of it, ad then messes up completely and displays random static like on an old tv, and then just a black screen for the remainder of the boot time
Help!! my gifs are not that big, i made sure of that (only slightly more than the stock) and i made them in photoshop CS4 with the animations panel, and followed your instructions to the letter.
Gifs are bellow, please help, as i would really like to release these, as i think they are really nice.
Boot1
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Boot2

Hey, very nice work! Try the zip I've attached. I think it came out great.
It boils down to a few small problems. Here are some steps I took to correct them:
Imported your files into PS as I described in the tutorial using "Video frames to Layers"
Edit -> Convert to Profile -> sRGB IEC61966-2.1 (UNcheck "Flatten Image")
For just boot1.gif in Animation Panel, bottom left, set looping to "Once"
For just boot1.gif via Image -> Image Size... -> Width:320px, Height:480px, Resolution:72dpi, Check Resample Image and set to "Bicubic"
File -> Save for Web & Devices, with these settings: Selective, Diffusion, UNcheck transparency, UNcheck interlaced, Colors:64 (as this is a grayscale animation, it looks fine), Dither:100%, Matte:none, Web snap:0%, Lossy:0, Metadata:none.
The end result is bigger files, but they work. The XML was fine.

Great! thanks a lot for your help, and your original guide, I might do a few more boot screens now as it looks really good (in my opinion)

mattyyey said:
THANKS A LOT! I have made the animated gifs and the sound, but I was insure how to sign and create the signed zip. I'll be trying this ASAP when Ive finished work. Ill keep you posted....
Thanks again m8.
Click to expand...
Click to collapse
How'd it come out? Would love to see your results!

Really interessant, this is exactly what I was looking for! Thanks for this How-To!
For the signing process I haven't use your "signapk.cmd" (since I'm a linux user)But I have a question: testkey.x509.pem & testkey.pk8 you provied are only to sign app for the Hero? or is it a standard Android singning process? I mean... where are those key from?
For now i've just "resign" the stockbootscreen for "educational purpose", soon I'll try to create something, I hope
EDIT: Okay I was able to resign the original one correctly since I was able to flash it, BUT my bootscreen is still this nexus one animated. So maybe I don't understand wich bootscreen we actually modifing. I know this is not the really first one (this one is fine: spend one day to find that we need a custom SPL to change my ex horrible T-mobile first bootscreen to a Hero one) So why can't I remove the nexus one coming with aHero ROM?
EDIT2: using
Code:
./adb pull /system/media/bootscreen/boot.gif ./Desktop
I get the right image... that mean the files are correctly flashed on my ROM but nothing change so that mean aHero is using a different path for the 2nd bootscreen ???
Thanks for any hint

carbonyle said:
Really interessant, this is exactly what I was looking for! Thanks for this How-To!
Click to expand...
Click to collapse
You're most welcome!
carbonyle said:
For the signing process I haven't use your "signapk.cmd" (since I'm a linux user)But I have a question: testkey.x509.pem & testkey.pk8 you provied are only to sign app for the Hero? or is it a standard Android singning process? I mean... where are those key from?
Click to expand...
Click to collapse
The signapk files (except signapk.cmd) came from a 5MB file named "AndroidMod.zip" that floats around the internet, so to speak. It also contains 3 img files, part of a tutorial I guess, which are not needed for signing. The testkey certificates were created by whomever made that zipfile. The credentials for those files are quite anonymous ("Android" and "[email protected]", etc), so they should be fine to use. You could use openssl to generate your own key files. I tried, and they generated okay, but zips signed with my own certificate wouldn't flash. Recovery (Amon RA) kept saying the files weren't signed. So if you figure out how to properly generate your own certificates, I'd love to hear it.
carbonyle said:
For now i've just "resign" the stockbootscreen for "educational purpose", soon I'll try to create something, I hope
EDIT: Okay I was able to resign the original one correctly since I was able to flash it, BUT my bootscreen is still this nexus one animated. So maybe I don't understand wich bootscreen we actually modifing. I know this is not the really first one (this one is fine: spend one day to find that we need a custom SPL to change my ex horrible T-mobile first bootscreen to a Hero one) So why can't I remove the nexus one coming with aHero ROM?
EDIT2: using
Code:
./adb pull /system/media/bootscreen/boot.gif ./Desktop
I get the right image... that mean the files are correctly flashed on my ROM but nothing change so that mean aHero is using a different path for the 2nd bootscreen ???
Thanks for any hint
Click to expand...
Click to collapse
I don't know I'll download aHero and have a look.
EDIT: Okay, just had a quick look in "aHero07-signed.zip" and it appears Android 2.1 uses a different bootscreen format. Do this:
adb shell
cd /system/media
ls
Instead of a bootscreen directory you'll see a file "bootanimation.zip". Instead of 2 animated GIFs, it contains 2 directories. Each directory is an animation, with a bunch of PNG files for frames. A text file describes which dir is what animation (order of playback) and the delay between frames. If you want to convert a 1.5/1.6 bootscreen from GIFs to seperate PNGs for use in this new format, just open the GIF file in Photoshop (or GIMP I guess) as described and save each frame as a seperate file (Photoshop has a function or script for that, maybe GIMP does too).
Maybe you'll find more information in this thread. I got the Supernova bootscreen graphics (see my sig) from there, which I converted into a bootscreen for Cupcake.

Well, my experience from running 2.1, you can use the bootanimation.zip, or if you delete it and create the bootscreen folder, it also works.
I have the same problem though, when I load up my gif, using the old method, it looks like hells just got unleashed on the gif. Nothing in place, static, etc... I followed your tutorial, tried a couple things, nothing has been working so far...
EDIT: Nvm, found another program to remove the transparency, works now! Got bored, haven't seen any terminal style logins - this works great for my phone, the timing might be different for others though.
To get it working, just delete your bootanimation.zip and flash the zip as usual.
Boot1
Boot2
http://groups.google.com/group/admin-panel-dev/web/terminal_signed.zip

Great tutorial! And nice work that one is Warhawk
I have a problem. I made one by screen capturing some video. Converted it to .gif fine. I can play it in windows fine, but when flashing to android the image just gives a black screen (its only the gif area of the screen cos the animation is only 300x120.
I have provided the .gif above, if anyone can help.
Thanks

I went ahead and removed the transparency from the gif, it showed up on my Hero just fine when I zip/signed it.

Aaah Thanks so much buddy. I swear i tried that though (maybe i made a mistake)
Cheers so much!

I am getting an error after flashing. My installation aborts.
...
Verifying update package...
Installing update...
E:Can't find update script
Installation aborted.
...
Can you help??

quan_one said:
I am getting an error after flashing. My installation aborts.
...
Verifying update package...
Installing update...
E:Can't find update script
Installation aborted.
...
Can you help??
Click to expand...
Click to collapse
Upload your update.zip. Some-one should be able to help.

Did you include the update-script to: \META-INF\com\google\android

Hey guys I created my own boot screen but I am failing to see why my gif will not display on my hero. I have created it from scratch being careful not to include any transparent images or layers but it still displays as a black screen. I am not sure what would cause my gif not to play on my phone other than a transparency issue.
Any help would be more than welcome.
(I am able to sign my zip and flash it no problem)
(edit: The image was my actual .gif but after upload it turn into a jpeg. I will host the file and upload from there.)
My stuff can be found here at mediafire : http://www.mediafire.com/?sharekey=43b651ad9cd91774e7c82ed4b8f0c380e53d1e35008d24d5d8c7c6998cb4ca21
.psd
signed zip
Thanks again!

rejectedkid said:
Hey guys I created my own boot screen but I am failing to see why my gif will not display on my hero. ...
Click to expand...
Click to collapse
You need to go into mybootanimation_signed.zip\system\media\bootscreen and edit your boot_animation.xml.
phaelox said:
...ScreenX and ScreenY are coordinates in pixels, that tell Android where to place the GIF files on the screen. Top-left of the screen would be ScreenX=0 and ScreenY=0; bottom-right would be ScreenX=320 and ScreenY=480. This means that if you make a GIF file that is 200 px wide and 180px high and you wish to center this on the screen, you'd use ScreenX=60 and ScreenY=150 (i.e. ScreenX=320-200=120/2=60 and ScreenY=480-180=300/2=150). If your GIF files are exactly 320x480 pixels, you can set ScreenX and ScreenY both to 0, or leave those two lines out entirely...
Click to expand...
Click to collapse
The difficult thing is that you have two .gifs that are diff sizes so not too sure what to do.
On the one I made, my .gifs are both the same resolution so the value I set for ScreenX and ScreenY work for both.
Look at some other people's .xml files and hope you find someone elses that also uses two different resolution .gifs.

ah. thanks for your input
Sent from my HERO200 using the XDA mobile application powered by Tapatalk

And just because there are no transparent images that you can see or know you put in, doesn't mean that they aren't in there. For some reason, even if I untick Transparent layers in PS, I still get them. I went and got Animation Shop 3, optimized the gif after making it in PS, then re-wrote the file, and everything works fine.
Hope everything is working

Hi !
I have 2 questions :
First one :
To ddotpatel : Your bootscreen is really nice ! Is it working on any 2.1 rom or do I have to change it ? On which rom did you create it ?
And the second one, that tuto is working on 1.5 and 2.1 roms ? Because I heard that it was different to make an 1.5 bootscreen and an 2.1 one...
Thanks for your answers

Startup & Shutdown Animations from the Android Commercials -SHUTDOWN SOUND NOW WORKS!

Startup & Shutdown Animations from the Android Commercials -SHUTDOWN SOUND NOW WORKS!
--UPDATE MAR 29--
SOUND NOW RE-SYNCED.
Okay so I've finally spent the time to re-edit the sound on the Android Eats Apple startup animation numerous times to get it in sync with the video. I have also done some minor edits to the video. I'm using LeeDrOiD Version 2.0.0 (as 2.2.2 doesn't work with DSP Manager and I like lowering the treble on the so music/sounds/ringtones don't sound so harsh). I've updated the MegaUpload link with the new Andoroid Eats Apple Animation. I can't say whether the sound will be in sync with other verions/ROMS but it is in sync with LeeDrOiD 2.0.0. (I hope it's in sync with 2.2.2). Lastly make sure the option for fastboot is off or the whole animation and sounds will probably not load up fully.
--UPDATE FEB 18--
Great news!! I've solved the problem of how to make shutdown sounds work on the Desire HD!! I do believe this is a first as I've not found any info on Android phones so far except for the Samsung (Facinate, Captivate, ect). I've posted the Bad Android Shutdown Animation.zip at the end of the post. Make sure to follow the guide here to get the sounds to work on shutdown. The guide for the shutdown sound will be based on using LeeDrOiD HD ROMs which I'm using but I'm guessing it should be similar on other ROMs or even stock HTC ROMs with Root Access. So basically what you need to do is grab the .xml files located on your phone at "/system/customize/CID/". For me the two files are: "default.xml" and "LeeDrOiD.xml". For those not familiar with how to copy files to and from the system folders of your phone have a look below as I've explained how to use ADB for those basic commands. Okay so basically for me I've tested using LeeDrOiD HD 1.5.1 and also the version 2.0.0 (using his 2.0.3 Kernal). Using a text editor (notepad with wordwrap switched off is fine) just go to the bottom of the file and change the old lines which will be something like this:
<ShutdownConfiguration>
<ShutdownAnimation image_png="/system/customize/resource/downanimation.zip" image="" fps="15" />
</ShutdownConfiguration>
Click to expand...
Click to collapse
...change em to this:
<ShutdownConfiguration>
<ShutdownAnimation image_png="/system/customize/resource/downanimation.zip" audio="/data/local/shutdown.mp3" useAudio="1" image="" fps="24" />
</ShutdownConfiguration>
Click to expand...
Click to collapse
Ok now you can see that you're going to have to copy an animation zip file (in the same format as a startup animation) called "downanimation.zip" to "/system/customize/resource/" and also need to copy an MP3 file named "shutdown.mp3" to "/data/local/". Okay for those feelin lazy who are using LeeDrOiD HD 2.0.0 I've included the two .xml files so you don't even need to edit yours, you can just push em to you phone. I've posted the shutdown animation zip file below as I did have to re-edit the sound file to get it in sync for shutting down as it must use a different timing that when used as a startup sound... I did it on LeeDrOiD 1.5.1 so it may need a little adjustment for LeeDrOiD 2.0.0 or other ROMs. Sorry I don't have time now... I've gotta move interstate in a couple of days!! So anyway to adjust the sound sync you just edit the sound file in your favourite sound editing software and simply cut and paste sections of silence as needed. Audio editing software which shows a timline with increments down to less than 1 sec is ideal. Please look at the bottom of the post for the new zip files for the Shutdown Animation and the .xml files. --Have fun
---PREVIOUS POST---
Hi guys,
I hope this is allowed...
I've been workin on getting a couple of the Android Commercials into Startup & Shutdown animations. It's taken a long time, mostly with the audio, editing to get it in sync and creating new sound to completely replace the one for the "Bad Android" one... Unfortunately at this stage the I couldn't get any shutdown sound to work on the Desire HD. The "Andoird Eats Apple" was designed as a startup and the Bad Android was designed as a shutdown... So you can get the idea of the sound I've shown it as two startup animations.
Here's the youtube links to see how the animations look on my phone:
"Android Eats Apple"
http://www.youtube.com/watch?v=Wbd135qp-0M
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
"Bad Android"
http://www.youtube.com/watch?v=AI_DITbtRFk
Here are links to the animations. If MegaUpload ****s itself or the files get removed just PM me and I'll try repost a link:
"Android Eats Apple Animation" (Updated 29-Mar-2011)
http://www.megaupload.com/?d=2QFQNAQ5
"Bad Android Startup Animation"
http://www.megaupload.com/?d=HW7YHHIK
-Bordem Warning-
The info I've typed bellow is a rough guide how to use the files for your phone and how to create your own animations.
Okay so these are set to go for any 480x800 screen size. They are pretty easy to customise if your screen size is smaller or larger. The settings for the screen size are in the "desc.txt" file included. If you set your screen size in that file the bootanimation resizes it all on the fly. For the shutdown animation the changing the screen size in "desc.txt" doesn't seem to resize the images so instead use a simple program like Imagicon to do a batch resize of all the images. To be safe (for other phones) it's best to set no more than 24K colour.
Now on the ROM I'm using (LeeDrOiD HD) the startup "bootanimation.zip" and "android_audio.mp3" go in the "/data/local" folder on the phone. The shutdown "downanimation.zip" goes in the "/system/customize/resource" folder. Here are some simple tips using ADB and command prompt in windows. Make sure the USB cable is of course connected on charge only with USB Debugging on:
(always best to do this first)
"adb remount"
(an example of how to list the folder contents)
"adb ls /data/local"
(If you wanna backup the original then)
"adb pull /data/local/bootanimation.zip"
"adb pull /data/local/android_audio.mp3"
(backup shutdown animation)
"adb pull /system/customize/resource/downanimation.zip"
To copy the animations and sounds first move the above backed up originals to some other folder. Now copy and new "bootanimation.zip", "android_audio.mp3" or "downanimation.zip" to your folder on your PC where you have adb (usually "platform-tools). Now in command prompt do:
"adb remount"
"adb push bootanimation.zip /data/local"
"adb push downanimation.zip /system/customize/resource"
(for the startup sound)
"adb push android_audio.mp3 /data/local"
Lastly I've found the "desc.txt" doesn't seem to work to change or set the right frame rate when using the shutdown animation. Here's how to change it.
For me using LeeDrOiD HD custom ROM I have two files (pretty much the same) one called "default.xml" and the other "LeeDrOiD.xml" they are located in the "/system/customize/CID". You get the idea by now how to push & pull the files from your phone. Use a txt editor like notepad for both .xml files and you'll see down the bottom of the files a section for the shutdown animation that looks something like this:
<ShutdownAnimation image_png="/system/customize/resource/downanimation.zip" image="" fps="15" />
Click to expand...
Click to collapse
Now you just change the number next to the fps to whatever frame rate per second you want. For example if you are using my "Bad Android" shutdown animation then set it to 24.
Lastly just remember that I've included both zip animations containing the "bootanimation.zip" file, this can easily just be renamed to "downanimation.zip" and placed in the appropriate folder and it works as the shutdown animation. If you decide to rename another startup animation other that "Bad Android" you'll want to set the frame rate. You already know how to set it as I explained above but you'll need to find what to set the frame rate at.... Open desc.txt contained in the "bootanimation.zip" file and you'll see something like: 480 800 30p
the 30p means 30 frames per second. So in this example you'd now change the fps of your .xml files also to 30.
The possibilities are really limitless for shutdown and startup animations. Once you grab your video, it could really be from almost any source. Put it in the free program Super and set output to sequence of images and then either .png or .jpg. You can also crop images, resize and stretch all with this very easily. If you have wide animations like the one I've used you can select them all in windows explorer in Vista or Windows 7 and right click and just choose rotate right. You can now create your own folders within a "startupanimation.zip" or "downanimation.zip". Make sure when you zip it you use a program where you can choose "store mode" which is using no compression, if not the animation won't work. You can google the desc.txt settings if you need for more help. Lastly if your animation won't show anything, I've found often it's the damn "desc.txt". For some reason everything in it looks perfect but it somehow is causing the animation to not work. Copy a new desc.txt from a working bootanimation.zip and then re-edit with your settings.
Alright enough of this jibber-jabber... time to try out the animations and if you're up for it try make some of your own? Hey I'm sure there'd be a million Bender from Futurama clips that'd be wikked as a boot animation with sound.
Take care
P.S. If you wanna change your splash screen use any 480x800 .bmp file in 24K colour with Android Flasher http://forum.xda-developers.com/showthread.php?t=794638

nice i cant wait i like the 1st one its always nice to bash apple

yoshi thats some slick work mate, i can't wait

great work cant wait

Yoshi_523 said:
P.S. If you wanna change your splash screen use any 480x800 .bmp file in 24K colour with Android Flasher http://forum.xda-developers.com/showthread.php?t=794638
Click to expand...
Click to collapse
In this topic there is a topic to Desire splashes, do they also work for Desire HD?

Donny1987 said:
In this topic there is a topic to Desire splashes, do they also work for Desire HD?
Click to expand...
Click to collapse
you cant use that tool..... download the radio flash tool from the radio thread and use that to flash splash1.img

how bout for 2.3.2 androind user? i found out those folder path are not identical with the tutorial

Originally posted by sub7evenhow bout for 2.3.2 androind user? i found out those folder path are not identical with the tutorial
Click to expand...
Click to collapse
The startup & shutdown animations and sounds shouldn't be a problem to play with. At least in my experience when I've put ones on my phone that aren't right the thing just doesn't play but the phone still works okay. That having said it's always safest to have a ROM backup done first which is very easy once you have Eng S-Off and Clockwork Recovery Mod installed. I'd be a bit more wary about playing with the splash screen as they seem to involve the system partition area. Just use an app that will is recommended for your specific model of phone. And yes the link I gave for Android Flash is in a Desire phone thread but it works well for flashing the spash screen on a Desire HD phone.
Ok many phones and Android versions are going to have different locations for the startup and shutdown animations and sounds. Try google it and you may get some idea where to look. I'd then look around on your phone using "adb ls" as I talked about above or even easier is if you have a .zip file of say a custom ROM you are using have a look at in on your computer. It will have exactly the same folder layout in the .zip file as when the ROM is loaded on your phone. Look for the bootanimation.zip ect. Look in "system/media/ui" if the above folders mentions aren't what yours is using. If you look hard enough you should be able the files.
Originally Posted by Donny1987
In this topic there is a topic to Desire splashes, do they also work for Desire HD?
Originally posted by AndroHero
you cant use that tool..... download the radio flash tool from the radio thread and use that to flash splash1.img
Click to expand...
Click to collapse
Hey I used Android Flasher 1.6.1 which is exactly the one listed in the link I gave from the DESIRE phone thread. YES it works 100% fine for flashing on a DESIRE HD. YES this was reccomended elsewhere in the splash screens thread as working for the DESIRE HD also. All you have to do it just check the bmp image is 480 pixels wide 800 pixels high and 24K colour then use the program. Follow the thread on Android Flasher for details on ALL the procedures you need done before using the program (basically make sure your phone is rooted with ENG S-OFF and of course Radio S-Off is always a good idea).

i found that, it was on system/media/ it works on the animation but not sound android_sound.mp3. still googling...

I'm trying to create my own custom boot animation but I have no idea why it's not working. I zip the file without compression but when I reboot my phone the screen just stays black
Do you know where to find a proper Guide?
Thanks

Donny1987 maybe this will help...
if your animation won't show anything, I've found often it's the damn "desc.txt". For some reason everything in it looks perfect but it somehow is causing the animation to not work. Copy a new desc.txt from a working bootanimation.zip and then re-edit with your settings.
Click to expand...
Click to collapse
Basically I faced what you're facing a lot. The black screen. Firstly if you aren't familiar with the settings please google desc.txt settings. You'll get all that info pretty easy. For some unknown reason I had so copy new desc.txt files a few times then with a working original I'd edit with the right info.
If you have a non working animation I'd try working from the ground up... get a known working desc.txt from your phone or from a .zip you downloaded from a bootanimation that you've got to work on your phone. Next just put say 10 of your images that are the correct size and in the exact same folder layout as is the previous working bootanimation and as it says in the desc.txt. Now in making just a simple 10 image tester if it's playing at 30frames per second or higher then you could miss it playing if you have both the setting for loop off and the last image of your animation all black.
Once you have a working 10 image tester of your animation then go from there in stages. Try all your images maybe next then reboot, if all good then next boot maybe change the frame rate speed in the desc.txt and reboot. Ect ect. If you get stuck you can PM me. There's always the option I could take a look at the zip too.
Don't worry after my first tries after spending ages fiddling with images and getting a modified animation, it just didn't work at all. I deleted everything and gave up only to come back weeks later and crack it and realise how close I was last time and get animations I was much happier with.

Yoshi_523 said:
Donny1987 maybe this will help...
Basically I faced what you're facing a lot. The black screen. Firstly if you aren't familiar with the settings please google desc.txt settings. You'll get all that info pretty easy. For some unknown reason I had so copy new desc.txt files a few times then with a working original I'd edit with the right info.
If you have a non working animation I'd try working from the ground up... get a known working desc.txt from your phone or from a .zip you downloaded from a bootanimation that you've got to work on your phone. Next just put say 10 of your images that are the correct size and in the exact same folder layout as is the previous working bootanimation and as it says in the desc.txt. Now in making just a simple 10 image tester if it's playing at 30frames per second or higher then you could miss it playing if you have both the setting for loop off and the last image of your animation all black.
Once you have a working 10 image tester of your animation then go from there in stages. Try all your images maybe next then reboot, if all good then next boot maybe change the frame rate speed in the desc.txt and reboot. Ect ect. If you get stuck you can PM me. There's always the option I could take a look at the zip too.
Don't worry after my first tries after spending ages fiddling with images and getting a modified animation, it just didn't work at all. I deleted everything and gave up only to come back weeks later and crack it and realise how close I was last time and get animations I was much happier with.
Click to expand...
Click to collapse
Thanks, that actually worked
Let's see what I can make

wow sounds..............

...interesting.
lol

got all working but wierdly enough the sounds seems to be out of sync for a second
edit: make that 2 seconds

this is excellent!!!
one problem how do i push sounds to downanimation?
ive got the apple one on the start up which is perfect but no sound on reboot.
thanks
edit my bad, just re read the first post...
hopefully that will soon work

rrrr ... i love your work ... big big thanks!
just a question, is it ok with you, if i change the Text to "Android Revolution HD" and put it in my Theme?
for sure, i´ll post you BIG BIG Credits on my Thread

hmm ... have to agree ... the sound is 2 seconds to late!
But just on "normal" reboot, on "Fast reboot" its working fine!
any ideas?

wow they both look great
will give it a try later and report if i also have some issues with the sound

hi guys,
the sound and the video are not synchronic, any ideas?

TWRP theming tutorial

Tutorial how to theme twrp using PC.
Includes how to :-
*Decompile twrp image
*Recompile twrp image
*splash.xml
*Ui.xml
*Portrait.xml
*Fonts
*Images
*Languages
*General ui tweaks
*Open discussion
*notes
*Dodgy screenshots
If you want to learn to theme twrp for yourself here is a comprehensive guide with chat and help. Sign up and start theming twrp today.
**Note this is not a request site for themes**
Visit https://t.me/MKDeltaBlack for tutorial.
##################
List of tools:
*PC
*Twrp image:- https://twrp.me/Devices/
*Android image kitchen:- https://forum.xda-developers.com/showthread.php?t=2073775
*Notepad++:- https://forum.xda-developers.com/showthread.php?t=2380786
##################
##################
HOW TO DECOMPILE &
RECOMPILE TWRP
##################
Step 1:- Open android image kitchen zip by right clicking it and select Extract all, then hit the extract button and open the first 2 folders until you see 5 files
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Step 2:- Get your twrp image and drag and drop or copy and paste into that android image kitchen window and rename it to recovery
Step 3:- Drag and drop the recovery you just renamed ontop of the unpackimg file and a command window will pop up . Don't worry you dont need to type anything as it's all automated. After 5-10 seconds it will prompt you to press any key on keyboard. Press any key
Step 4:- You now have 2 new folders ramdisk and split_img
Open ramdisk by double clicking it and scroll down to twres folder and open that. These are the folders and xml's you will be editing.
The next step is to edit the files, but while were here I'll show you how to recompile. You can try now as a practice. This will just recompile standard twrp.
Step 5:- Click the back button twice to go back to the kitchen and double click on repackimg
The command window will pop back up and do its thing then just press any key
You now have image-new, that is your new twrp.img
Drag this and move it to desktop and change it's name to recovery.img
Step 6:- Clean up your kitchen, you will be left with extra files, just delete the files crossed out by double clicking cleanup and deleting the original recovery this will leave the original files like when you originally opened android image kitchen then close the window.
Step 7:- transfer new twrp image to phone and flash in twrp as image. Done
So it's just literally a few clicks of a mouse to decompile and recompile twrp
#1 fonts :- add any TrueTypeFace (.ttf) font in here (or several if you like) by copy and paste or just drag file to this folder. This will include that font in your twrp. Now you need to say where you want that font. That will be covered in languages, splash and ui
#2 images:- When you open the images folder it will show you all the "drawable" images for the whole of the twrp image like this.
The next bit is down to your own imagination. Copy the images folder and go to your favourite art app or pics you have made and replace the ones you want to change. If you put the mouse over it, it will show you what size and format the pic should be. This is .png and 162 x 161 so make it the same size format and name ie. Pic shown is backspace so your new pic should be backspace.png wih size 162 x 161
Here is the one I have replaced, you can see its same size, fomat and name
Do this for all the "drawable" pics you want to change then put the new pics in the images folder in android image kitchen. If it asks to replace say yes to all.
#3 Languages:- double click the languages folder and it'll show all the language xmls
Now you will need notepad++ to edit the xml files.
Right click on the zip and select extract all. Double click the notepad++.exe and install
Go to your languages folder in twres folder and right click on a language and select edit with notepad++ and it will open the xml file
At the top you will see the fonts. You can replace the name of font to the one you put in the font folder. ie my font is called MKUltraBlack.ttf so replace name by deleting the current name and typing or copy paste your font name in that place
If you're replacing font for all languages (recommended) you will need to open all the font xmls in notepad++, to do this go to your languages folder in android image kitchen and right click on top language and select edit with notepad++, it'll open the xml now just close the notepad++ window and go back and do the second, third etc until all done. You will notice all the files are now in notepad++
Now go to search on toolbar and select replace
Type your font you want to change in the "find what" box and put your new font name in the "replace with" box then select Replace All in All Open Documents. You can see in the box it will say how many it has changed it should be 18 or something, I just did a few for example
Now go to file in the toolbar and select save all
That's how to change font for the most of twrp there are 2 more places that will be covered in ui and splash.
The rest of the language.xml is made up of "strings" which just means the words that will be displayed on the screen. The only one I personally ever change is the twrp_header
Just replace the text between the >example< to >my words< on any "string" and press save on the toolbar after
ie I replaced the twrp_header string >Team Win Recovery Project< with >MKUltraBlack< and this is the result
because some words are different in other languages replace all can be used but will miss some out if the words are different so it is better to replace strings by opening a single language.xml and change all the strings you need to then save and do the next
#4 Portraits:- portrait.xml is how the "pages" of twrp are arranged ie main_page will be your main screen in twrp where it says install, wipe etc and where the buttons go. It is a big(ish) xml so we can discuss this through chat on how to rearrange buttons etc If you want to just change the name of a button you do that in all language.xml's and save as described before
#5 Splash:- This is the "Splash screen" the first image that it shows when you boot into twrp
Right click the splash.xml and select open with notepad++ and you will see this (its a small xml)
This xml also has a font to change if you want, just highlight the RobotoCondensed-Regular.ttf and change to your font name that you put in the font folder ie MKUltraBlack.ttf
This will only change the font of the splash screen text under the team win logo. Note it will not change the bit that says team win as that is a .png and not text
Screen height/width leave this as all twrp from 3.0 onwards use this ratio and auto resizes to your screen size
There are 3 colours under that
#1 background_color
#2 header_color
#3 accent_color
Just change the #222222 to your hex colour ie #000000 (pure black) and do same for all 3.
Here is what they change
As you move on you might want a totally different splash. To do this make a pic that you want for splash screen. It should be 1080x1920 and png format. Call splash.png and put it in twres images folder
Now open the ui.xml with notepad++ and add this highlighted line anywhere in resources near the start and press save button that looks like a disc in toolbar (pic)
Now delete the highlighted lines
And add the following highlighted lines and save by pressing the save button on the toolbar that looks like a disc
#6 ui:- Right click and open with notepad++
Leave the first bit, the next bit is fonts. Just do as before and change the name of the fonts to your name ie MKUltraBlack.ttf
Next bit is images this is a list of images that can be found in your images folder. This is where you add the "splash line" for your personalised splash screen
Scroll down a bit and you will see variables from about line 177 to 193 are what to look at in this area for the time being
They are pretty self explanatory, just change the hex code to colour you want
Here's a rundown of what they are
#1 background_color
#2 accent_color
#3 accent_color_semitransparent
#4 text_color
#5 text_button_color
The rest are text colours for flash successful text, error text etc
Down near the bottom of the ui.xml is 2 areas for keyboard. 1 is for when format data, name backup etc and the other is the terminal keyboard
Here there is a few hex colours to change like keyboard background, keys, text etc just change these to the colours you want and press save button that looks like a disc in toolbar.
##BOOTLOOP##
If the image is wrong in some way you may end up in bootloop. If you do just put your phone into download mode, vol down, power and home until you see green download screen (on Samsung's might be different combo for other devices) then simply flash your correct recovery.img.tar to the AP section in Odin. When the flash finishes in Odin quickly press the twrp button combo (vol up, power and home on Samsung's). Then your good to go again.
# Background Picture.
In your decompiled image open up the ui.xml with notepad++
Add in <resources>
<image name="background" filename="background"/>
Keep scrolling down in ui.xml past resources and variables to templates. The first <template name="page"> is the main page that will be displayed in all sections of twrp. In this template add the line
<image>
<image resource="background"/>
<image>
*Now save*
Make your background image a 1080x1920 png and call it background.png and add it to the images folder in the twres folder in your decompiled image and recompile.
You can also put a different background for each page.
Open the portrait.xml with notepad++ and use search to look for <page name="
You can then use the same method as background. Just name the "background" different in the stages.
For example call it advanced:
Add advanced.png to images folder in twres folder
Add <image name="advanced" filename="advanced"/> to resources
And add the
<image>
<image resource="advanced"/>
<image>
Under the <template name="page"/>

Next section coming soon, how to add keyboard background picture

Instructions unclear, accidentally flashed twrp to the master boot record of my pc.
Sent from my RF28K9580SR using a carton of milk

Deleted

DavidxxxD said:
Instructions unclear, accidentally flashed twrp to the master boot record of my pc.
Click to expand...
Click to collapse
Please don't "meme" here, it's a thread for passing on information
Sent from my Note 8 using XDA Labs

Amazing thread. Well outlined and detailed. Thanks

MKUltraBlack said:
Please don't "meme" here, it's a thread for passing on information
Sent from my Note 8 using XDA Labs
Click to expand...
Click to collapse
I sent you a DM, can you please check and reply?

lawrencee said:
I sent you a DM, can you please check and reply?
Click to expand...
Click to collapse
Replied :good:
Sent from my Galaxy S9+ using XDA Labs

Deleted

deleted

Can you please tell me how to lower it?