Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,741,079 Members 51,422 Now Online
XDA Developers Android and Mobile Development Forum

[TUTORIAL] How to create and install android bootanimations from scratch

Tip us?
 
<JohnCarter>
Old
(Last edited by <JohnCarter>; 1st February 2014 at 08:00 AM.)
#1  
<JohnCarter>'s Avatar
Recognized Contributor - OP
Thanks Meter 1660
Posts: 752
Join Date: Jun 2012

 
DONATE TO ME
Default [TUTORIAL] How to create and install android bootanimations from scratch

How to create and install android bootanimations from scratch

This is a guide which tells you how to make a your very own bootanimation and install a bootanimation on your device.
plz let me know if you made a bootanimation using this method so that every bootanimation made using this method can be posted here



Code:
Select Code
#This guide assumes that you are windows user and have - 
  1- 7 zip or winrar installed
  2- a image editing software (for ex-photoshop)  #
Bootanimation- what is it ?

Quote:
Bootanimation basically is a collection of .png pictures that are projected on the screen one after the other quickly so that it looks like a animation , stored in a zip file
Prerequisites

1-you need a bootanimation.zip file [you can find them on google]

now if you have downloaded the bootanimation.zip file ,open it up

2- as you can see in the picture you find some folders in it named
Code:
Select Code
"part0"    "part1"    "part2"
and a desc.txt file .



Quote:
EXPLANATIONS
folders like part0;part1,etc. STORE .png pictures of bootnaimation
the desc.txt file contains all the necessary info to run bootanimation like resolution fps ,etc
EXPLANATION OF desc.txt



Code:
Select Code
As you can see in the image
   #1-it is the resolution of the bootanimation(you should basically use your device's resolution for ex - in the pic it is 320X480)
   #2-it is the fps(frames per second) of your bootanimation [higher the no. faster will your bootanimation play a standard fps should be 30]
   #3-these are the folders which contain images for your bootanimation
   #4-it is a pointer to tell it to look at new commands
   #5-specifies the no. of times this section of bootanimation will play ( 0 means infinite)
   #6-defines pause in seconds before repeating or moving on next line (o means no pause 10 means 10 sec pause)

Fire it up el captain !!

we'll start making a bootanimation from scratch from here


#1-create a folder anywhere put in desktop for ease,let's call it
Code:
Select Code
bootanimation
#2-open the folder and create another folder name it
Code:
Select Code
part0
#3- With part0 created, it's time for you to start creating an image. To make it simple for beginning we'll make a simple one .So, using Photoshop as an example, create a new image which is the resolution of your handset. [like if ur on htc explorer use 320X480 or galaxy mini use 340X320] (if u don't know your device's resolution google it

#4-Give a black background to the image and take a image you wan't to fade in . paste it as a new layer and set the layer to 0% opacity
so now you can only see a black background.

#5-now save the image in your
Code:
Select Code
part0 folder
and name it
Code:
Select Code
image00.png
#6-now increase the opacity of your bootanimation by a narrow degree say 6%.now save it as
Code:
Select Code
image002.png
in the part0 folder

#7-repeat step 5 every time until you reach 100%.and each time save it as image003-image004 etc. in part0 folder

#8-open notepad and type this --
Code:
Select Code

1080 240 24
p 1 60 part0
c 1 0 part1
c 0 0 part2

c means that the entire part of the animation (eg part2) will be played even if bootup completes.
Code:
Select Code
change the 1080 240 with the resolution you are using
Thanks to @cisza for this info.. [images will be updated soon ]

#9- save it as :
Code:
Select Code
desc.txt
in the root of your bootanimation folder (not in part0)

#10- compress it using your archive manager say 7zip ;winrar,etc.
imp: SET COMPRESSION METHOD TO STORE
or else bootanimation WON'T work

congrats u just made a boot animation... and remember to share with us your bootanimation

You can also use boot animation factory by RD despotovski01 It may help you with debugging and previewing and also creating bootanimations

Installing bootanimations

To install your bootanimation just use root explorer to put it in system/media folder
if using htc stock rom put it in system/customize/resources folder (make sure to rename it the bootanimation.zip to htc_bootup.zip )
[Project][Kernel][Rom][WIP]Dual Boot HTC Explorer : http://forum.xda-developers.com/show....php?t=2409236
[GUIDE]Adding Support for Different ROMs for Dual Boot :http://forum.xda-developers.com/show....php?t=2411717
The Following 269 Users Say Thank You to <JohnCarter> For This Useful Post: [ Click to Expand ]
 
andreadec
Old
#2  
andreadec's Avatar
Junior Member
Thanks Meter 10
Posts: 25
Join Date: Jun 2012
Location: Rome
Thanks for the tutorial. I'll try it soon.
The Following 3 Users Say Thank You to andreadec For This Useful Post: [ Click to Expand ]
 
stepie22
Old
(Last edited by stepie22; 8th November 2012 at 12:39 PM.)
#3  
stepie22's Avatar
Senior Member
Thanks Meter 53
Posts: 267
Join Date: Oct 2012
What did I do wrong??

It just shows a black screen and sometimes doesn't even finish booting, so I have to delete it from recovery.

EDIT: Nevermind it workes now??????
[CENTER]

OFFLINE FOREVER
The Following 2 Users Say Thank You to stepie22 For This Useful Post: [ Click to Expand ]
 
B@nana12
Old
#4  
Junior Member
Thanks Meter 1
Posts: 1
Join Date: Nov 2012
Thank you for the instructions. At first I couldn't get it to work but then I noticed that some of my *.png files were saved in uppercase, changed to lower, worked without a hitch. Great job

Glad to be rid of the vodafone boot and exit animation. btw - on my Huawei g300 the shutdown animation can be changed using the exact same bootanimation.zip file, just need to change the name to shutdownanimation.zip and copy it the same /system/media folder.
The Following User Says Thank You to B@nana12 For This Useful Post: [ Click to Expand ]
 
akn0ledge
Old
#5  
Junior Member
Thanks Meter 2
Posts: 9
Join Date: Jan 2011
The Following User Says Thank You to akn0ledge For This Useful Post: [ Click to Expand ]
 
aamir0701
Old
#6  
aamir0701's Avatar
Member
Thanks Meter 7
Posts: 42
Join Date: Mar 2012
Location: BHUBANESWAR
thanks alot but plz tell me what the use of another folders n some more commands
 
misbah711
Old
#7  
misbah711's Avatar
Member
Thanks Meter 12
Posts: 52
Join Date: Oct 2011
Thumbs up thanks

thanks alot for this....

1-made a 480x800 video,
2-used video to photo converter (# of frames selected)
3-used irfanview to rename them to image###
4-created the folder.(part0)
5-desc.txt
6- used root explorer to paste that zip to resources folder in system...

worked like a charm....
HTC Desire S > Samsung Galaxy Nexus

The Following 7 Users Say Thank You to misbah711 For This Useful Post: [ Click to Expand ]
 
bid4sumit
Old
#8  
bid4sumit's Avatar
Senior Member
Thanks Meter 75
Posts: 148
Join Date: Jul 2012
Location: pune
Sign .....

m not gettin compression method "store" in 7 zip...
Attached Thumbnails
Click image for larger version

Name:	Untitled-1.jpg
Views:	3143
Size:	150.1 KB
ID:	1602537  
The Following 2 Users Say Thank You to bid4sumit For This Useful Post: [ Click to Expand ]
 
stepie22
Old
#9  
stepie22's Avatar
Senior Member
Thanks Meter 53
Posts: 267
Join Date: Oct 2012
Quote:
Originally Posted by bid4sumit View Post
m not gettin compression method "store" in 7 zip...
I didn't either, but I left that part out, and it worked like a charm. Maybe the default is correct
[CENTER]

OFFLINE FOREVER
The Following User Says Thank You to stepie22 For This Useful Post: [ Click to Expand ]
 
Hpsgill
Old
#10  
Hpsgill's Avatar
Senior Member
Thanks Meter 1585
Posts: 2,089
Join Date: Aug 2012
Location: Earth
Nice guide

Sent from my HTC Explorer A310e using xda premium
My work
Sense 5 EX

The Following User Says Thank You to Hpsgill For This Useful Post: [ Click to Expand ]
Tags
bootanimation, bootanimation tutorial, create bootanimation from scratch, how to make a bootanimation, make bootanimation
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes