How to Create Custom Boot Animation for AOSP ROMs! [Part 1]

A boot animation is the animation that appears when booting your Android smartphone/tablet.  This is two part guide.   In part 1, I will explain how you can create your own boot animation and in part 2, I will teach you how to change the original boot animation of your phone and replace it with yours or any other custom boot animations.

Pre-Requisites:

You must have a rooted phone/tablet.

Note:

This method ONLY works with AOSP roms and other roms that support “bootanimation.zip” type.  (What is AOSP?)

More About bootanimation

In AOSP roms, the location of bootanimation is in “\system\media\bootanimation.zip“.

Create Your Own Custom Bootanimation 1

Boot animation mainly consists of the following:

1. desc (text file)

2. Part0 (folder)

3. part1 (if any)

4. part2 (if any)

Create Your Own Custom Bootanimation 2

“Desc” is a text file that contains the following:

1.  Screen resolution of your phone (e.g.: 1080×1920, 480×800, etc..)

2. fps, frame per second of the animation.

3. Number of loops of the animation.

4. Loop delay of the animation in (milliseconds).

 

Example of desc.txt file (Galaxy S2)

Create Your Own Custom Bootanimation 3

And here’s what’s inside the part0 folder.

Create Your Own Custom Bootanimation 4

Steps For Creating Your Own Bootanimation:

1. Download Bootanimation Factory (link).

2. We then prepare the pictures that we want to appear in the boot screen by following the below steps:

My phone is Galaxy S2 which has the screen resolution of 480×800 pixels, which means that my pictures should have the same resolution which is 480×800 pixels. The resolution changes depending on the type of phone that you have.  For example for Galaxy S4, S5, and Note 3 we have 1080×1920.

3. Below are my screenshots that I want to use (all of them have the same resolution of 480×800). Notice that the file extensions are in JPG format (PNG format didn’t work for me using this tool).

Create Your Own Custom Bootanimation 5

 

4. We then move those screenshots to the (part0) folder.

Create Your Own Custom Bootanimation 6

5. We then create a text file and rename it with “desc”, then we copy and paste the following (we’ll modify them in a later step).

480 800 30
p 0 0 part0

Create Your Own Custom Bootanimation 7

We’ve created a “part0” folder that contains our pictures (10 in this case), and a “desc.txt” file that contains info about the boot animation. Move both “part0” and “desc.txt” in a new folder and rename it with any name you want, “Rawand” in my case.

6. Now open Boot Animation Factory program that you already installed and choose “Create a new boot animation”.

Create Your Own Custom Bootanimation 8

7. We then choose the source from either “folder” or GIF, then we choose “folder” since we’ve already created our part0 folder.

Create Your Own Custom Bootanimation 9

8.The below screen will show up, click on “Choose folder” button and select the folder that contains the part0 and desc file.

Create Your Own Custom Bootanimation 10

Create Your Own Custom Bootanimation 11

9. After we select the folder, the below screen will show up giving us information of “desc.txt” file that we already wrote down.

Create Your Own Custom Bootanimation 12

10. Then we should add loop to the animation, click on “Add a loop” button to add looping to the boot animation.

Create Your Own Custom Bootanimation 12

11. Then the below screen will show up at which point we should select the folder “part0” and also number of loops/loop delay.

Create Your Own Custom Bootanimation 13

12. I will choose the “folder0”, and set the number of loops to “0” and the same for loop delay.  Then click on “Add” button.

Create Your Own Custom Bootanimation 15

13. Now that we added the loop part, we see that the info is added to the desc file.

Create Your Own Custom Bootanimation 16

14. Now, we will choose the screen resolution, we simply click on the top text which is “480, 800, 30” and select it.   Then we click on “Edit” button.

Create Your Own Custom Bootanimation 17

15. The below screen will show up giving us information about the screen resolution and frame speed.

Create Your Own Custom Bootanimation 18

16. Since we used Galaxy S2, which has the screen resolution of 480×800 pixels, there is no need to change it.  But you should definitely change it if your phone/tablet has a different resolution.  I will also DECREASE the frame speed from 30 to 2. That way the screens will blink from one to another slowly (and that’s exactly what I want!).  After that, just click on “Set” button.

Create Your Own Custom Bootanimation 19

17. Now comes the most important part which is how our boot animation really looks.   To do that simply click on “Preview boot animation”. The boot animation may be different based on the settings that you input.

Create Your Own Custom Bootanimation 20

If you don’t like how the boot animation looks, you can always go back and modify the loop, loop delay and frame speed until you’re satisfied with the result.

18. Finally, click on “Save boot animation” and rename it as “bootanimation”.  A file with zip extension will be made, which is your final boot animation file.

Create Your Own Custom Bootanimation 21

Here’s how my boot animations look like on the phone.

This is the end of Part-1 of this tutorial, in Part-2 I will teach you how to replace your phone’s Stock boot animation with yours, click on the link below.

[Guide]How To Install Custom Android Bootanimation on AOSP roms (Coming soon…)

Have a question?

Please post all your questions at the new Android Rehab Center at HighOnAndroid Forum, thank you for understanding!

Join the HighOnAndroid VIP Fans List for free help from Max and discounts on Android accessories.

Rawand Haidar

Rawand is Petroleum Engineer.He is Super high on Android. Rawand has been blogging since 2011, written more than 150 articles including tutorials, news, reviews about Android. He is interested in all things Android. Follow Me on Twitter