How to create BOSS boot animations for Android

Boot animation is the first thing you stare at when you power ON your Android device, so what’s a BOSS Android without a BOSS boot animation ? 😀

Here’s an example of what I created.

This is a tutorial on how to create boot animations from scratch using Adobe AfterEffects.

You could also use any of these alternative methods and proceed to Step 2.

  • Convert a video into boot animation [ here ]
  • Convert a GIF into boot animation [ here ]
  • Use a static image as boot animation

 

STEP 1 : CREATE YOUR BOOTANIMATION

Figure out the screen resolution of your Android. Create a new composition in AfterEffects with that specific resolution. Set the required duration for the animation.

1

Create your animation. Here’s a basic guide to animating in AfterEffects.

2

Here’s the interesting part, the boot animation is not stored in Android as a video file, rather it is saved frame by frame as image files.

Rendering the composition :

  • Set the Output Module format as PNG Sequence 
  • Output To a new folder with the naming sequence as [#####].png

3
 

STEP 2 : PACKAGING THE BOOT ANIMATION

After rendering the composition, the output folder will contain the animation stripped down to each frame as PNG images. Rename the output folder to folder1. If you want a part of the animation to loop, put those frames into another folder named folder2. Now place the folder(s) into another folder named bootanimation. i.e :


bootanimation
 ├───folder1 ( Main animation )
 └───folder2 ( Part that must loop )

 
To package the boot animation. Download this tool ( Windows binary ). MAC / UNIX users may use WINE.

Open the Boot Animation Creator. Choose the folder bootanimation.

4

Set the properties. Select the first line and click on edit.11

Now choose the appropriate resolution and framerate as set in the AfterEffects composition. 8

Click on Add loop and choose folder1.

6

If the number of loops is set to 0, that part will keep looping.

7

Click on next and save exactly as bootanimation.zip. Preview the animation using this tool. You could also create a shutdown animation, follow the same steps and save exactly as shutdownanimation.zip. But mind you, shutdown animations wouldn’t last as long as boot animations, so make it short.
 

STEP 3 : INSTALLING THE BOOT ANIMATION

There are 3 ways to install the boot animation

  1. Using a root file explorer ( ROOT )
  2. Using ADB ( WITHOUT ROOT )
  3. Flashing a new ROM with the boot animation ( RECOVERY )

I recommend not to use 3rd party apps to install boot animations!
 

USING ROOT FILE EXPLORER

I recommend using ES file explorer. Press menu and set Root Explorer ON

Screenshot_2015-08-02-10-22-29

Place the bootanimation.zip in your phone storage, copy and replace it with the file in /system/media

Screenshot_2015-08-02-10-23-18

Long press the new bootanimation.zip and select properties.

Screenshot_2015-08-02-10-23-41

Tap on Change next to Permissions and set it like this

Screenshot_2015-08-02-10-23-47

You’re done ! Reboot the device to view the new boot animation.
 

USING ADB

Navigate to your adb binary folder and place the bootanimation.zip file there. Hold shift and right-click, open command window here. ( Here’s a noob guide to setting up basic adb )

Type the command :


adb push bootanimation.zip /data/local
adb reboot

 

FLASHING A NEW ROM WITH THE BOOT ANIMATION

Open up your ROM ZIP file and replace the bootanimation.zip file present in System > Media and flash the new ROM.
 
 
Leave a comment if you have any doubts. No matter how noob the question is, I’ll be glad to help 🙂

Advertisements