[TUTORIAL] Bootanimation creating and porting guide

SalimPS

Senior Member
Jul 20, 2013
420
525
0
Tetouan
As a request from some XDA members I made this guide,
so if you made a bootanimation using this method share it with us here.


what you need to get started

For Creating a Bootanimation :

  • Winrar/7zip
  • Notepad
  • An Editing software – I Use photoshop
So Bootanimation is simply a collection of .png/.jpg pictures Stored into a zip file.
If you opened a bootanimation.zip you’ll find this :



And sometimes there’s another folder there “part2”



  • folders like part0, part1, etc... Store .png/.jpg pictures of the Bootnaimation
  • the desc.txt file contains all the necessary info like resolution fps, etc …





As you can see in the image :

  1. The Resolution
  2. The FPS (Frame per second) “the higher the faster” normal should be 24fps or 30fps
  3. A pointer to look at new commands
  4. Specifies the number of times this section will play ( 0 means infinite)
  5. Defines pause in seconds before repeating or moving to the next line (0 means no pause)
  6. Names of folder that contain your .png/.jpg files
Notion : Usually, part0 is The Beginning animation, part1 is The Loop animation and part2 is Shutdown animation.

Let’s start by creating a Simple Bootanimation :

  1. Create a folder and name it “bootanimation”
  2. Create another folder inside the previous one and name it “part0”
  3. Now it's time for you to start creating your own one, for a simple beginning, using Photoshop, create black image with the resolution of 400*800
  4. Save it as a PNG and Name it 000.png
  5. Now (in Photoshop) add a layer over the black image and set opacity to 10%
  6. And again Save it as a PNG and Name it 001.png
  7. Keep doing this till you reach 100% opacity
  8. Now create another folder inside botanimation\ and name it part1 (here you’ll do the loop animation)
  9. Keep creating images inside this folder (use your mind :p )
When you finish that.. it’s time to create the desc.txt file :

  1. Open notepad and type this
    Code:
    480 800 24
    p 1 0 part0
    p 0 0 part1
  2. Save it to this directory bootanimation\ (not inside part0 folder)
  3. Now compress them using winrar into a zip file
Important : SET COMPRESSION METHOD TO STORE or else your bootanimation won’t work

Congratulations! you just made your own bootanimation.. Remember to share it with us :D
 
  • Like
Reactions: M0RT3ZA