[GUIDE] How to make your very own boot animation for the Nexus 7 + flashable guide.

AFAinHD · Oct 16, 2012

DO NOT QUOTE THIS POST

Hello people of XDA!!!

As you may know, my name is AFAinHD, and I'm here to show you, how you can create your very own boot animation.

What you will need:
A brain (Hey you bought a Nexus 7, you must have a brain laying around somewhere right?)
Notepad++
WinRAR
A root file explorer on your Nexus 7, I use Root Browser.
A rooted Nexus 7 (Duhh.

)

Okay so now that you got your stuff, lets get to it.
First things first, lets round up our pictures that we want to be in the boot animation.

This is important, all of your pictures must be in .png or .jpg format, and they must be named like (something001, something002, something003, and so on.)

Now that we have our pictures all ready to go, lets start putting them into proper folders.

Let's just make a folder on our desktop called "New Boot Animation"

Now lets go ahead and put a subfolder here and name it "part0" (you can name it what ever you want but this is what I will be referring to later in the thread)

Now lets move all of our pictures into part0.

Now that we've got that we are going to have to make a text file telling the system what to do with these pictures.

Remember that program I told you to download? Notepad++? Here is where you need it.
Open up NotePad++ and create a new file.

Now the file is going to look like this...

Code:

808 1288 19
p 1 0 part0
p 0 0 part1

Now let me just explain what all that means,
"808 1288" This is the resolution of your boot animation, for the Nexus 7 this is Width - 808 by Height - 1288.
"19" This is your frame rate, or the speed at which your boot animation will be playing by frames per second.
"p 1 0 part0" The "p" is telling the system to play this part, the "1" is how many times you want the system to play this folder (0 being infinate loops till boot) the "0" is how long should the system wait (in milliseconds) before playing the next folder, and "part0" is telling the system which folder to play with these settings.

So by this code I want the folder "part0" to play 1 time and then switch to folder "part1" with no delay, and I want "part1" to loop itself untill the Nexus 7 has completed it's boot.

(Remember you only need to put "part1" if you are going to have more than one folder playing)

Now lets go ahead and put this file into our main folder, and lets name it "desc.txt".

Okay, now we have the folders all completed. Now all we have to do is make this into a zip file.
Let's open up WinRAR and go into our folder.

Now lets select all the files and hit the button "add".

Now lets go ahead and change the archive name to "bootanimation"
On the left side change the archive format to Zip.
Right below that change the compression method to "store".

Now at the bottom hit "ok".

Now go check out your main folder, there will be a new file called bootanimation.zip.

(If you want to make your bootanimation flashable, that will be explained later on, be patient.)

Now go ahead and connect your Nexus 7 and move your bootanimation.zip to the root of your storage.

Now lets make it to our Nexus 7.

Go ahead and open your root file browser.

Go ahead and find your bootanimation.zip and copy it.

Now go to system>media

Now in this folder you will see your current bootanimation.zip, back it up, delete it, or rape it, it's your choice, but after that paste your new bootanimation.zip into this folder.

Now, restart your tablet, and profit. :laugh:

Thanks for hitting thanks!!!

AFAinHD · Oct 16, 2012

So now you have your boot animation complete, and now you want to make it so you can share it easily with other people.
Well now let's learn how to make this baby flashable.
First thing you are going to need to know is the folder set-up that you will using for the flashable.zip.
This is what is gonna be in the .zip file.

Code:

META-INF-->com-->google-->android system-->media

Here is what it should look like.

Now under META-INF-->com-->google-->android we are going to have to make a text file to tell the recover partition what to do.
We are going to make a file called "updater-script"
You will be making this file in notepad++
Now here is what my updater script looks like,

Code:

ui_print("Thanks for downloading the AFAinHD Beautiful Boot, lets flash this. Let me mount system real quick."); run_program("/sbin/mount", "/system"); ui_print("Let me just extract these files for you"); package_extract_dir("system", "/system"); ui_print("Here I'll go ahead and unmount system..."); run_program("/sbin/umount", "/system"); ui_print("Your AFAinHD Beautiful Boot has been flashed. Please go to XDA and give me a thanks if you like this bootanimation!");

Now let me help you understand this.
ui_print("XXX");
This command just displays some sort of text on the screen when the .zip is flashing.

run_program("/sbin/mount", "/system");
This mounts the system partition so it can be modified.

package_extract_dir("system", "/system");
This extracts the bootanimation itself (I will get to this later)

run_program("/sbin/umount", "/system");
This unmounts the system partition.

Now that is a simple explanation to making an updater script, just remember to always put the ; after each command.

Now just save that file under META-INF-->com-->google-->android.
You will also need to put a file called update-binary here. This file only works for the nexus 7. Here is the file - here.

Now let's put the bootanimation in the system-->media folder.

Now we just have to compile it into a flashable.zip file.

There you go. Now you have your very own flashable boot animation.
Remember to hit that thanks button, leave feedback, and check out my AFAinHD Beautiful Boots for some awesome flashable boot animations.

AFAinHD · Oct 16, 2012

Post #3 reserved just incase.

John_Q · Oct 16, 2012

Nice write up, but could you also include the min/max number of images for a bootanimation.

neoblood3d · Oct 16, 2012

Thank you kind sir. :cowboy:

AFAinHD · Oct 16, 2012

Nice write up, but could you also include the min/max number of images for a bootanimation.

I haven't found a minimum or a maximum.

I just know you should try to keep it below 300 for size reasons, but u could have just one image on an infinite loop and it would work as a still image.

Sent from my LG-C729 using xda app-developers app

AFAinHD · Oct 16, 2012

neoblood3d said:
Thank you kind sir.

You're welcome.

Sent from my LG-C729 using xda app-developers app

Wilks3y · Oct 16, 2012

AFAinHD said:
You're welcome.

Sent from my LG-C729 using xda app-developers app

Well done !
Nice tutorial, CBA do it myself but I'm sure this will be ace for some people !!

rtiangha · Oct 16, 2012

This is awesome. Thanks!

Sent from my Nexus 7 using Tapatalk 2

mackay508 · Oct 16, 2012

How diffrent would it be for Linux User?

ncvikingx97 · Nov 4, 2012

How many pictures would I need minimum? Thanks

Sent from my Galaxy Nexus using Tapatalk 2

bobarune · Nov 4, 2012

Do you mind sharing the boot animation that's in your tutorial?

Edit: Nvm. Found it in your sig

AFAinHD · Nov 5, 2012

ncvikingx97 said:
How many pictures would I need minimum? Thanks

Sent from my Galaxy Nexus using Tapatalk 2

I already said this earlier. It can be just one as an infinite loop.

Sent from my Nexus 7 using XDA Premium HD app

veeman · Nov 5, 2012

Here's a guide I made a while back on actually making the boot animation in Photoshop. But the kindle fire forums are a bit dead so not a lot of people have seen it.

http://xdaforums.com/showthread.php?p=32476582

Sent from my Nexus 7

AFAinHD · Nov 5, 2012

veeman said:
Here's a guide I made a while back on actually making the boot animation in Photoshop. But the kindle fire forums are a bit dead so not a lot of people have seen it.

http://xdaforums.com/showthread.php?p=32476582

Sent from my Nexus 7

You can make the boot animations in a wide variety of programs, I make my Beautiful Boots in Cinema 4D and After Effects. Hell some people even make them in paint. You can use any image software that you are good at, this thread assumes that you already know how to make the pictures before hand, we don't want to spoon feed the noobs, we gotta teach them how to fend for themselves.

Sent from my LG-C729 using xda app-developers app

restlessrob · Nov 8, 2012

I followed the guide but rather than get a diff boot animation I got the android logo(small one)

edit: I dunno why but the boot ani wont work by copying it into system/media. But i used rom control in settings and it worked thanks for the guide

My boot ani is total crap... But its quite amusing to play around

AFAinHD · Nov 8, 2012

restlessrob said:
I followed the guide but rather than get a diff boot animation I got the android logo(small one)

edit: I dunno why but the boot ani wont work by copying it into system/media. But i used rom control in settings and it worked thanks for the guide

My boot ani is total crap... But its quite amusing to play around

If you would like you can send me your bootanimation.zip and I'll check it out maybe figure out why it didn't work.

Sent from my Nexus 7 using XDA Premium HD app

ddlooping · Nov 8, 2012

Cool, thanks, I might just have a go when I have the time.

bibear1234 · Nov 8, 2012

Thank you! I'll test it asap

ddlooping · Nov 14, 2012

Do the images have to be .png?
I've seen bootanimations containing .jpg files.

[GUIDE] How to make your very own boot animation for the Nexus 7 + flashable guide.

Senior Member

Senior Member

Senior Member

Senior Member

Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Senior Member

Member

Senior Member

Similar threads

Top Liked Posts