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
Click to expand...
Click to collapse
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 :
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
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 :
The Resolution
The FPS (Frame per second) “the higher the faster” normal should be 24fps or 30fps
A pointer to look at new commands
Specifies the number of times this section will play ( 0 means infinite)
Defines pause in seconds before repeating or moving to the next line (0 means no pause)
Names of folder that contain your .png/.jpg files
Click to expand...
Click to collapse
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 :
Create a folder and name it “bootanimation”
Create another folder inside the previous one and name it “part0”
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
Save it as a PNG and Name it 000.png
Now (in Photoshop) add a layer over the black image and set opacity to 10%
And again Save it as a PNG and Name it 001.png
Keep doing this till you reach 100% opacity
Now create another folder inside botanimation\ and name it part1 (here you’ll do the loop animation)
Keep creating images inside this folder (use your mind )
Click to expand...
Click to collapse
When you finish that.. it’s time to create the desc.txt file :
Open notepad and type this
Code:
480 800 24
p 1 0 part0
p 0 0 part1
Save it to this directory bootanimation\ (not inside part0 folder)
Now compress them using winrar into a zip file
Click to expand...
Click to collapse
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
For Porting a Bootanimation :
coming soon..
he can you change the resolution of boot animation from aokp 4.4 by maclaw permenantly because its like bulged
thank you
Salim El Yabouri said:
For Porting a Bootanimation :
coming soon..
Click to expand...
Click to collapse
Will you teach us how to port a bootanimation ? I've been waiting so long.
stock Bootanimation?
Thank you for guide)
Thank you its good
nice share
Sent from my GT-I8190 using Tapatalk 2
Thanks for the tut. Time to get rid of the standard boot animation.
Can you make a video? ???
send for I8190N R-Mod v3 using XDA Premium 4 mobile app
Waiting For Porting tnx for awesome thread
Related
Simple and Clean Technical Bootanimation
I was getting sick and tired of the default "S", so I created a new bootanimation with a clean and simple concept while still stylish and technical. I call it "TechBoot" and I wanted to share it with the community.
Information about the animation:
I used several different programs to create the animation. For graphics and mock-ups the program used was Adobe Photoshop. For motion and effects I used Adobe After Effects. These programs made it easy to compose a High Quality animation. The bootanimations are in a zip archive format and are compatible with any kernel that supports "bootanimation.zip".
*Feedback is much appreciated and suggestions to future releases will be met by gratitude.
Changelog:
Version 1.0 | [14.05.2011]
Initial Release
Two variations
Three resolutions for the first variation
Only "bootanimation.zip" supplied
Click to expand...
Click to collapse
Installation:
I take no responsibility for anything that you do to your phone!
Method 1: (Recommended)
Download any "bootanimation.zip"
Move zip to sdcard
Enter any rooted file manager (ex. Root Explorer)
Navigate either to "/system/media", "/data/local" or kernel specific bootanimation location
Backup any previous "bootanimation.zip"
Navigate to downloaded "bootanimation.zip"
Copy to either "/system/media", "/data/local" or kernel specific bootanimation location (might need to be remounted RW)
Click to expand...
Click to collapse
Donate:
Like my work? You can donate here: Donate
Screenshots:
Variation One
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Variation Two
Good!!!
like your work
downloading now...... looks smooth
Thanks for the feedback. Next project I will take on will probably be dynamic options for the TW4 launcher.
Love the first one in HQ. Thank you
Nice work. Where did you get the android font please?
Sent from my GT-I9000 using XDA App
hi dear , i have galaxy s i9000 runing 2.3.4 gingerbread
i want to ask about boot animation , i know how to make the zip file which contain part0 file and part1 file and desc.txt , i want to know how to create the images which was in both files (1&0) , is there is soft ware to do that or its video converted to images then added to part0 and part1 files ( i mean the series of images and the animation on it how we wil do it ) please help me and tell me the secret , i searched on net the olny i found how to do the zip file which i know it , no body explane how to fabricates the images it self,
thanks in advanced
They ate just PNG images. Either convert video into frames or create your own animation. After effects is good.
Sent from my GT-I9000 using Tapatalk
Perfect on my JVQ based rom with Dark Core v2.9 kernel
coooooool
Is it possible that it don't work on my i9000 with Speedmod Kernel and Root?
I've copyied the bootanimation.zip one time in /data/local and once in /system/media.
KUN1
I've read that the speedmod kernel bootanimation for JVI dont't support?
Sent from my GT-I9000 using XDA App
Worked flawlessly on Xperia Play with DooMKernel. Thanks for it!
I create custom boot animation-just contact me!
Can't see the screenshots , can you upload them again ^_^ they seem to be corrupted..
Sent from my GT-I9000 using XDA
How to create an Android boot animation
Requirements
.-Have installed 7zip, or any other compressor which enables an indication that collapse.
.-Have basic knowledge of image editing.
.-Having flashed with unrevoked3 recovery or higher.
For those who are eager to begin to understand android or create roms but still do not know or have not had opportunity to learn, today I decided to publish a small tutorial for those who want to change something about your device to create a boot animation.
NOTE: To install the new animation in which router you will have a terminal first.
NOTE: I advise you to use the Android emulator to spare you problems if you spoil something and your device will not boot.
To begin, the project will consist of a description file of the animation called "desc.txt" in the specify the screen size and how they play the animations. In addition to this we have to group your images into one or more folders from part0 to the number you want.
My animation will consist of two parts, an initial in the android logo appears on the screen and a secondary display on which a wheel load indefinitely. Since I have two parts, create two folders: part0 and part1.
Now that I've decided how the animation will create the file description of it. With any text editor (Windows: notepad + +, Linux: nano or gedit, MacOS: nano or text editor) in the first line of the file write the width in pixels of my screen, a space, the height in pixels, space and number of frames per second (fps) that the display supports.
240 400 30
From now describe each of the parts of the animation starting from the initial introduction in which the doll will Android. For we wrote the letter "p" to indicate it is a part of the animation, space, the number of times that we want this part of the animation to loop, space, pause frames (default 0 for no animation stop), space and the folder of the animation.
p 1 0 part0
This is the folder part0 has an animation that must be repeated again without a pause.
The second part is an infinite loop in which the animation will be repeated until the charging is finished.
p 0 0 part1
0 on the number of repetitions means infinite).
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Our description file is ready, just missing frames (images) of the animation.
There may be several ways of doing this:
Using a video.
.- In Camtasia Studio (trial here) can capture a video from the screen or work with a video file. And we can do we transform that file into an animated GIF.
.- Download the GifSplitter, this program does is separate the different animated GIF JPG images.
As I have described and created folders and proceed to create the first part of the animation, in my case with gimp and save images as png from a sequence number to the number 000.png need (00001.png, 00002.png, ....)
Once the images ready to form the animation only need to compress everything into a zip file, but not in any way. This zip file only work if the compression is zero (no compression / no compression).
For those using Windows, simply enter the folder where we have the bootanimation, select all elements and compress with 7zip as follows:
The Mac or Linux users can use the terminal to navigate to the desired folder and do so using the following command:
bootanimation.zip zip-0r
Now we just have to copy this file to the folder / data / local to your device:
adb push bootanimation.zip / data / local
Or along these routes from root explorer:
Installing the bootanimation.zip
NOTE: We have found the following routes to put the bootanimation.zip, depending on the ROM will be needed to prove to one or the other if the generic form below does not work properly:
.- Bootanimation generic, mainly used in cooked ROMs and Android 2.1: / data / local / bootanimation.zip
.- Bootanimation generic use since Android 2.2: / system / customize / resource / bootanimation.zip
.- Bootanimation predefined operators: / system / etc / customer / bootanimation.zip
Reboot the device and you will see your new animation!
Same can use Absolute Root System Tools: http://www.filesonic.mx/file/2835637225 has some parents bootanimation very easy to install
tKS U useful topic
Useful but the filesonic Link for Absolute Root System tools won't work as filesonic disabled the sharing...... plz give a mirrorlink....
great tut
Thanks for this very helpful!
If I'm not mistaken, this was already posted...
useful one.. thanx
Ok!
Very util!
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
Click to expand...
Click to collapse
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 :
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
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 :
The Resolution
The FPS (Frame per second) “the higher the faster” normal should be 24fps or 30fps
A pointer to look at new commands
Specifies the number of times this section will play ( 0 means infinite)
Defines pause in seconds before repeating or moving to the next line (0 means no pause)
Names of folder that contain your .png/.jpg files
Click to expand...
Click to collapse
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 :
Create a folder and name it “bootanimation”
Create another folder inside the previous one and name it “part0”
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
Save it as a PNG and Name it 000.png
Now (in Photoshop) add a layer over the black image and set opacity to 10%
And again Save it as a PNG and Name it 001.png
Keep doing this till you reach 100% opacity
Now create another folder inside botanimation\ and name it part1 (here you’ll do the loop animation)
Keep creating images inside this folder (use your mind )
Click to expand...
Click to collapse
When you finish that.. it’s time to create the desc.txt file :
Open notepad and type this
Code:
480 800 24
p 1 0 part0
p 0 0 part1
Save it to this directory bootanimation\ (not inside part0 folder)
Now compress them using winrar into a zip file
Click to expand...
Click to collapse
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
For Porting a Bootanimation :
coming soon..
What is the difference between your thread and the one which I have given here.
Link - http://forum.xda-developers.com/showthread.php?t=1096068
Sent from
Will that make any difference ?
Lalit Patil said:
What is the difference between your thread and the one which I have given here.
Link - http://forum.xda-developers.com/showthread.php?t=1096068
Sent from
Will that make any difference ?
Click to expand...
Click to collapse
well, i think mine is easier to follow
and why you're asking such a question ??
Salim El Yabouri said:
well, i think mine is easier to follow
and why you're asking such a question ??
Click to expand...
Click to collapse
Yup +1
Post Title: PORT Your Own Boot animation On Samsung Galaxy Fame Specific Devices Running Cm11
Hey Guys Whats up ! .I am Here again with an awesome Tutorial , as you might already guessed this tutorial is all about creating and Porting Custom Boot animation That will be able to create very easily after reading this post
****************************************************************
Tools Required:
1 ) Image Editing Tool like Photoshop or Gimps
2) A file compression Tool Like WinRaR.
3) Some Creativity
4) Time :silly:
****************************************************************
Before hand Knowledge:
Frame Rate: Frame rate, also known as frame frequency and frames per second (FPS), is the frequency (rate) at which an imaging device produces unique consecutive images called frames.
Screen Resolution:refers to the clarity of the text and images displayed on your screen. At higher resolutions, such as 1600 x 1200 pixels, items appear sharper.
Loop: Loop is a repetition control structure that allows you to efficiently write a loop that needs to execute a specific number of times.
Now as you have all the info required lets start the process of creation
Step:
1 ) Create One folder where we are going to save our project ("Name it what ever you like to")
2 ) Create one folder inside our Project folder and name it part0
3 ) Make one text file and name it desc ("desc.txt")
4 ) Create some Image ["10 will be good"] using PhotoShop or Gimps
Note: Each image will be slight differ in look for reference look at the below image
ScreenShot
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
5 ) Open desc.txt file and write download this line
320 480 30
p 0 0 part0
Click to expand...
Click to collapse
Explanation
The numbers 320 and 480 is the resolution of your boot animation. Change them as you want. The number 30 means the speed of the animation. Speed set to 30 is good for me. Then, the "part0" property means that the frames in part0 folder will be repeated.(Here it will be repeated infinite time or as long as the boot process complete) because we set first number in the "part0" property to 0. the second "0" means there's no delay between loops Note: if you have more folders, you'll have to write properties for them too! WARNING: DON'T FORGET TO LEAVE AN EMPTY LINE AT THE END OF THE DESC..TXT FILE!)
6 ) Put all image in part0 folder.
7 ) Now select both part0 and desc.txt file and right click and select Add to archive
8) Select the compression to "Store" and name the zip file to be bootanimation.zip [Exactly the way i have written without Quote]
9) Now compress it as zip file using winRaR
ScreenShot
10) Replace it with your phone bootanimation in the folder /system/media and set permission to chmod 644
or use
Root Explorer method:
1. Rename your boot animation to bootanimation
2. Put it on your SD card
3. Open Root Explorer and copy bootanimation.zip to /system/media. This will replace the existing boot animation
4. Reboot your phone
ADB method:
1. Make sure you have downloaded android sdk
2. Put android sdk in C:\
3. Set the directory of command prompt to C:\android-sdk-windows\platform-tools. Click here for a video tutorial.
4. Rename your boot animation to bootanimation and put it in C:\android-sdk-windows\platform-tools
5. Open cmd
6. Type in order:
-adb remount
-adb push bootanimation.zip /system/media/bootanimation.zip
-adb reboot
Click to expand...
Click to collapse
11) Use
adb shell bootanimation
Click to expand...
Click to collapse
command to see your bootanimation without restart.
You Can download and use my bootanimation too from below attachment
Press thanks if you like my Post
Lets be social join me on Facebook
http://www.facebook.com/aksclusive
good job :*
This is a Vainglory Styled Boot Animation.
Requires ROOT.
Installation Instructions
1. Copy the zip file to /system/media
2. Reboot and Enjoy
To add sound to the Boot Animation
You need a computer with 7-zip installed (Any Archive Viewer Works)
1. Open the zip file
2. Right click on desc.txt
3. Click Edit
4. Head over the cursor to the end of p 0 0 part0 and press ENTER
5. Type "s vainglory.ogg" without quotes
6. Save the text file and allow 7-zip to update the zip.
7. Install the Animation.
8. Now Copy the vainglory.ogg music file to /system/media using ES File Explorer with Root Permissions
Links
mega.nz/#!RFIlHRDK!kSrzWCr8W8T2Kne0YcgtsfkrT9PscLI9XAfwqwR9evY
# Vainglory Boot Animation
https://drive.google.com/open?id=0BxtA-uon3T2QdDVFaTRDdG9FR1k
# VainGlory OGG Music File
https://drive.google.com/open?id=0BxtA-uon3T2Qc1NvcXFySjZIWHM
# Screen shots
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Kingg01 said:
This is a Vainglory Styled Boot Animation.
Requires ROOT.
Installation Instructions
1. Copy the zip file to /system/media
2. Reboot and Enjoy
To add sound to the Boot Animation
You need a computer with 7-zip installed (Any Archive Viewer Works)
1. Open the zip file
2. Right click on desc.txt
3. Click Edit
4. Head over the cursor to the end of p 0 0 part0 and press ENTER
5. Type "s vainglory.ogg" without quotes
6. Save the text file and allow 7-zip to update the zip.
7. Install the Animation.
8. Now Copy the vainglory.ogg music file to /system/media using ES File Explorer with Root Permissions
Links
m e g a . n z / # ! R F I l H R D K ! k S r z W C r 8 W 8 T 2 K n e 0 Y c g t s f k r T 9 P s c L I 9 X A f w q w R 9 e v Y
Remove all spaces.
Click to expand...
Click to collapse
Link
www.mega.nz/#!RFIlHRDK!kSrzWCr8W8T2Kne0YcgtsfkrT9PscLI9XAfwqwR9evY
Amit25250 said:
Link
www.mega.nz/#!RFIlHRDK!kSrzWCr8W8T2Kne0YcgtsfkrT9PscLI9XAfwqwR9evY
Click to expand...
Click to collapse
Nice and cool
Amazing, nice animation. Thanks bro
Can you upload to googlw drive? I cant download from mega
Ztsanga said:
Can you upload to googlw drive? I cant download from mega
Click to expand...
Click to collapse
Yaa same problem with me also
Sent from my Lenovo A6000/Plus using XDA Labs
Add Google Drive. Enjoy,
Hi, I puted the bootanimation.zip but not work. Instead it, appears ''android'' bootanimation. I opened the archive of the vainglory bootanimation and I didn't see problem of the picturers. How to fix this?
Nice bro. Thanks
Now i have car.zip splash screen and this one is boot animation. Feeling excited as i am new to do this. Thanks for your clear steps
Can u explain me, how to am I go /system/media.
Pls help
@akash shaky root and root browser
Sent from my Lenovo A6000 using Tapatalk
thanks dude
Bootsound not working even after editing vainglory.ogg on desc txt and copying vainglory ogg on system /media
---------- Post added at 08:29 AM ---------- Previous post was at 08:29 AM ----------
Any help would be great