Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,736,513 Members 50,980 Now Online
XDA Developers Android and Mobile Development Forum

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

Tip us?
 
AFAinHD
Old
(Last edited by AFAinHD; 10th January 2013 at 10:43 PM.)
#1  
AFAinHD's Avatar
Senior Member - OP
Thanks Meter 525
Posts: 781
Join Date: Mar 2011
Location: Fenton, Missouri

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

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.

Thanks for hitting thanks!!!
Graphics Designer for the SickleSoftware dev team.


I made beautiful boot animations for the Nexus 7 before it was cool.
Want to know how to make your own bootanimation? Check out my noob-friendly guide! Here.
My goo.im repo - here.
The Following 51 Users Say Thank You to AFAinHD For This Useful Post: [ Click to Expand ]
 
AFAinHD
Old
(Last edited by AFAinHD; 3rd December 2012 at 02:21 AM.)
#2  
AFAinHD's Avatar
Senior Member - OP
Thanks Meter 525
Posts: 781
Join Date: Mar 2011
Location: Fenton, Missouri

 
DONATE TO ME


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.
Graphics Designer for the SickleSoftware dev team.


I made beautiful boot animations for the Nexus 7 before it was cool.
Want to know how to make your own bootanimation? Check out my noob-friendly guide! Here.
My goo.im repo - here.
The Following 16 Users Say Thank You to AFAinHD For This Useful Post: [ Click to Expand ]
 
AFAinHD
Old
#3  
AFAinHD's Avatar
Senior Member - OP
Thanks Meter 525
Posts: 781
Join Date: Mar 2011
Location: Fenton, Missouri

 
DONATE TO ME
Post #3 reserved just incase.
Graphics Designer for the SickleSoftware dev team.


I made beautiful boot animations for the Nexus 7 before it was cool.
Want to know how to make your own bootanimation? Check out my noob-friendly guide! Here.
My goo.im repo - here.
The Following 3 Users Say Thank You to AFAinHD For This Useful Post: [ Click to Expand ]
 
John_Q
Old
#4  
John_Q's Avatar
Senior Member
Thanks Meter 24
Posts: 254
Join Date: Sep 2008
Location: Maui, Hawaii
Nice write up, but could you also include the min/max number of images for a bootanimation.
 
neoblood3d
Old
#5  
neoblood3d's Avatar
Member
Thanks Meter 18
Posts: 48
Join Date: Apr 2011
Thank you kind sir.
 
AFAinHD
Old
#6  
AFAinHD's Avatar
Senior Member - OP
Thanks Meter 525
Posts: 781
Join Date: Mar 2011
Location: Fenton, Missouri

 
DONATE TO ME
Quote:
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
Graphics Designer for the SickleSoftware dev team.


I made beautiful boot animations for the Nexus 7 before it was cool.
Want to know how to make your own bootanimation? Check out my noob-friendly guide! Here.
My goo.im repo - here.
The Following User Says Thank You to AFAinHD For This Useful Post: [ Click to Expand ]
 
AFAinHD
Old
#7  
AFAinHD's Avatar
Senior Member - OP
Thanks Meter 525
Posts: 781
Join Date: Mar 2011
Location: Fenton, Missouri

 
DONATE TO ME
Quote:
Originally Posted by neoblood3d View Post
Thank you kind sir.
You're welcome.

Sent from my LG-C729 using xda app-developers app
Graphics Designer for the SickleSoftware dev team.


I made beautiful boot animations for the Nexus 7 before it was cool.
Want to know how to make your own bootanimation? Check out my noob-friendly guide! Here.
My goo.im repo - here.
The Following User Says Thank You to AFAinHD For This Useful Post: [ Click to Expand ]
 
Wilks3y
Old
#8  
Senior Member
Thanks Meter 638
Posts: 1,703
Join Date: Aug 2012
Location: Leek

 
DONATE TO ME
Quote:
Originally Posted by AFAinHD View Post
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 !!
If I Helped feel free to Thank me

My Websites:

 
rtiangha
Old
#9  
Member
Thanks Meter 27
Posts: 91
Join Date: Jan 2012
This is awesome. Thanks!

Sent from my Nexus 7 using Tapatalk 2
 
mackay508
Old
#10  
mackay508's Avatar
Senior Member
Thanks Meter 5
Posts: 109
Join Date: Dec 2010
Location: Ness
How diffrent would it be for Linux User?

Tags
guide nexus 7 boot animation
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes