Boot Animations:Tutorial & A Place To Post Your Own. UPDATED 04/10/2011 NEW ANIMATION
How To Create Your Own Boot Animations
Here is a flashable zip from sparksco that will install any bootanimation placed on the root of the sdcard Download Here
Just place the bootanimation on the root of the sd, then flash this from recovery.
Created Boot Animations Are At The End Of This Post
There are five steps in creating a boot animation:
Quote:
1. Creating the images;
2. Creating the desc.txt file;
3. Creating the bootanimation.zip file;
4. Pushing the boot animation to the phone;
5. (Optional) Adding a boot audio file.
Quote:
1. Creating The Images.
If you have even seen a flip book (flip the pages fast enough, and a succession of images appears to become animated), then you understand the basics of a boot animation. This is nothing more than a flip book for the digital age, and so all that is required is a collection of images, that when viewed very quickly in succession, appear to be animated (of course with most filming being done digitally these days, one could argue that this is all movies).
Creating these images will take days if you choose to create each one individually, so here is the trick to make this worth doing. Either create a flash animation, or find one you enjoy (you tube is a good place to look for flash animations, and if you do a quick google search you can see how to download youtube videos).
Once you have the flash animation you like, use video editing software to convert it into a series of JPEG or PNG images. I suggest using Avidemux ( http://fixounet.free.fr/avidemux/ ), which is a free, cross-platform, open-source video editor.
This will chop it up to many files. Since you do not want too large of a bootanimation.zip, I suggest the removal of intermittent files (such as every 5th file) to end up with 50-150 images.
Now on to the editing, for which I suggest using GIMP ( http://www.gimp.org/ ), which is a free, open-source, cross-platform graphics editor (similar to photoshop). To ensure that the images appear as you would like when turned into an animation, you can resize each image to 480 x 800 (or place each image on a background of these dimensions). The nice thing about GIMP is that it works with terminal commands, so it is possible to resize the entire folder of images with one line of code in the terminal. It should be noted that this step is optional, as the desc.txt file will allow you to choose the proper rendering size. While in GIMP you can do any graphical edits you like to the images, but be sure to make these as small as possible to ensure a smooth running boot animation.
I will say no more about graphics editing, as there are plenty of online tutorials for this.
Be sure to save each image as a JPEG or PNG, and rename each in succession. Thus the first image will be named something like
Code:
image_001.png
, the second
Code:
image_002.png
and so on (look in any boot animation if this is unclear).
The last thing to note on these images, is that you can choose to have an initial animation run, then at some point have the image start looping. Consider for example the Cyanogen boot animation which comes at you, bounces, then starts with the spinning blue flames. If you desire to have it loop at some point in the animation, this will be taken care of with the desc.txt file, just keep this in mind while creating the images.
Quote:
2. Creating The desc.txt File
The purpose of the desc.txt file is to (i) define the dimensions for which the image should be rendered, define the speed at which images are changed, and define the looping (if any).
The desc.txt file for the stock shift boot animation looks like
Code:
480 800 15
p 1 1 android
The 480 800 refers to the image size, this is what you need for the shift.
The 15 refers to the frames per second. Depending on the images you used, this can vary widely for the best look. When I make these, I try many different values and see which looks best.
p refers to "pointer" leave this as is.
The first number after p refers to the number of times to play, thus in this case, it is played once. If you desire it to loop, set the value to 0.
The next number refers to the number of freezes on the last frame (in FPS). Thus, in this case, 1 FPS.
Finally, android refers to the folder in which the images files are contained, and tells the phone to execute an audio file.
Now, if you desire to only have part of the images loop, then you will need more than one folder. Suppose you have 120 images named image_001.png through image_120.png, and it is desired to have all of your images play through once, then restart at image_090.png and loop until boot is complete. You would make two folders, say part0 and part1. In folder part0 you would then place all 120 images and in folder part1 you would place image_90.png through image_120.png. In this case a desc.txt file could look like
Code:
480 800 25
p 1 0 part0
p 0 0 part1
Note that there is a blank line left after the last folder. Be sure to include this.
There are a multitude of combinations that will work on the desc.txt file, and it will usually take some trial and error before you have one that is right for your particular animation.
Quote:
3. Creating the bootanimation.zip
Though this seems like the simple part, it is where most of the issues occur. This is due to the fact that if the file is zipped with any level of compression, the phone will not be able to read it. IF THE ZIP IS NOT MADE WITH ZERO COMPRESSION, THIS WILL RESULT IN A BLANK SCREEN DURING BOOT
Create a folder named "bootanimation" on your desktop. In this folder place only the folders containing your images and the desc.txt file, AND NOTHING ELSE (in the previous example one would place the folders part0 and part1, along with desc.txt into the folder bootanimation).
If using windows, 7zip will do zero compression zipping. Since I do not use windows, I will leave this up to you to figure out. With Linux, open the terminal and enter
Code:
cd ~/Desktop/bootanimation
zip -0 bootanimation * */*
If all was done correctly, you will now have a working boot animation.
Quote:
4. Pushing The Boot Animation To Your Phone.
BEFORE DOING THIS, MAKE A NANDROID BACKUP
This can either be done using adb, or via the phone terminal.
ADB & Linux: Place the bootanimation.zip file on your desktop, then open the computer terminal and enter
Phone Terminal: Place bootanimation.zip on the root of your sdcard, then in the phone terminal enter
Code:
mount -o rw,remount -t ext3 /dev/block/mmcblk0p26 /system
cp /mnt/sdcard/bootanimation.zip /system/customize/resource/bootanimation.zip
Then reboot the phone.
If your boot animation is not working, recheck all of the above steps.
Quote:
5. (OPTIONAL) Adding A Boot Audio File
Find a desired audio file in .mp3 format, and rename it to VERSION11SAMELENGTH.mp3.
To make it executable you will need to edit the desc.txt file to
Code:
480 800 25
p 1 0 android
p 1 0 part0
p 0 0 part1
The new line
Code:
p 1 0 android
tells the phone to play the audio file once, with no freeze. You can of course edit the number of times it should play (the first number after p), but should not mess with anything else.
Now you need only to push the file to your phone
This can either be done using adb, or via the phone terminal.
ADB & Linux: Place the VERSION11SAMELENGTH.mp3 file on your desktop, then open the computer terminal and enter
Empirical evidence can never establish mathematical existence - nor can the mathematician's demand for existence be dismissed by the physicist as useless rigor. Only a mathematical existence proof can ensure that the mathematical description of a physical phenomenon is meaningful.
-- Richard Courant
No problem, I used to love making these, but found it so tricky at first. With a few tips it is really easy.
Empirical evidence can never establish mathematical existence - nor can the mathematician's demand for existence be dismissed by the physicist as useless rigor. Only a mathematical existence proof can ensure that the mathematical description of a physical phenomenon is meaningful.
-- Richard Courant
Empirical evidence can never establish mathematical existence - nor can the mathematician's demand for existence be dismissed by the physicist as useless rigor. Only a mathematical existence proof can ensure that the mathematical description of a physical phenomenon is meaningful.
-- Richard Courant
I made a simple boot ani the only problem I did was try to use the desc.txt to call a different sound file following the rules that Motorola uses for their phones. Needless to say it still plays the original boot sound from sprint. I put the custom mp3 file in /system/customize/resource and it still plays the default sprint sound when booting. I haven't figured out where the sound file is supposed to go yet, but I haven't looked very hard either.
Here is the simple boot ani I made. The Background is transparent not white. Also note that this update zip will only work with CWM 2.5.X
Here is smaller size boot ani.
Currently using: HTC EVO Shift
Recovery: CW 3.2.0.1
ROM: MikShifted-G v1.3
Kernal: included with rom
Radio: 1.08.00.0506
WiMax: 27240
Theme: Tron Sense
Previously modded:
Moto Backflip j_r0dd recovery (based on Amon-Ra) w/
These are the commands that I used to make a boot animation using 7zip on a windows platform.
Code:
7za a -mx0 nitro3a.zip part0
7za a -mx0 nitro3a.zip part1
7za a -mx0 nitro3a.zip desc.txt
a = add to zip
-mx0 = Zero compression
nitro3a.zip = If you can't figure this out hmmm.....*Think happy thoughts*the zip file name (at the time the rom I was using you could put as many zip files on your sd card and it would randomly pick one as your boot animation)
part0 = First folder in the sequence
As I said earlier you might be able to zip it all in one command and I just did it the wrong way but I do it this way because I know it works. You might be able to switch up which image folder zips first I don't know I just did it on order because it seemed logical , but I am sure that all the image folders have to be added before you add the "desc.txt" file.
Currently using: HTC EVO Shift
Recovery: CW 3.2.0.1
ROM: MikShifted-G v1.3
Kernal: included with rom
Radio: 1.08.00.0506
WiMax: 27240
Theme: Tron Sense
Previously modded:
Moto Backflip j_r0dd recovery (based on Amon-Ra) w/
These are the commands that I used to make a boot animation using 7zip on a windows platform.
Code:
7za a -mx0 nitro3a.zip part0
7za a -mx0 nitro3a.zip part1
7za a -mx0 nitro3a.zip desc.txt
a = add to zip
-mx0 = Zero compression
nitro3a.zip = If you can't figure this out hmmm.....*Think happy thoughts*the zip file name (at the time the rom I was using you could put as many zip files on your sd card and it would randomly pick one as your boot animation)
part0 = First folder in the sequence
As I said earlier you might be able to zip it all in one command and I just did it the wrong way but I do it this way because I know it works. You might be able to switch up which image folder zips first I don't know I just did it on order because it seemed logical , but I am sure that all the image folders have to be added before you add the "desc.txt" file.
Thank you. I have no idea how to things on windows these days. I always appreciate someone filling in the details.
Empirical evidence can never establish mathematical existence - nor can the mathematician's demand for existence be dismissed by the physicist as useless rigor. Only a mathematical existence proof can ensure that the mathematical description of a physical phenomenon is meaningful.
-- Richard Courant
I am going to start moving the posted animations to the OP. If anyone has an issue with this, please let me know.
Empirical evidence can never establish mathematical existence - nor can the mathematician's demand for existence be dismissed by the physicist as useless rigor. Only a mathematical existence proof can ensure that the mathematical description of a physical phenomenon is meaningful.
-- Richard Courant
I've made one successfull animation, using the factory desc file and just changing the file names to match the original.
I have now made a different version that I'm having issues with...
I'm editing the file like you said, but for some reason I get white screen flashes during the animation. One at the very start and another everytime the second part of the animation repeats itself.
Any ideas why this is happening?
currently my desc file looks like this
480 800 15
p 1 0 android
p 1 0 part0
p 0 0 part1
I also tried this one (and some with different FPS values)
Do you find yourself obsessively jumping from ROM to ROM? And do you hate having to restore a full … more
XDA Developers was founded by developers, for developers. It is now a valuable resource for people who want to make the most of their mobile devices, from customizing the look and feel to adding new functionality. Are you a developer?