Create a custom boot animation for any android device {From .gif file}

Create a custom boot animation for any android device {From .gif file} - Android General

Hello all
After I made a post on how to mkae a custom boot animation from a video file,many people pm me asking how to make a boot animation from a .gif file Here Iam going to explain how you can do that.
To see how to make a boot animation from a video see this thread
http://goo.gl/LyuDdu
Ok, Lets begin
Requirements:-
1. A .gif file for which you want to create boot animation.
2. Irfan view
Download Link:
http://www.irfanview.com/
3.Boot Animation Creator:-
https://dl.dropboxusercontent.com/u/25573917/Programs/install_bootanimationcreator.msi
4.Fast Stone image Resizer
http://www.faststone.org/FSResizerDetail.htm
Once Downloaded this
-> Open the .gif file in irfan view
-> Select Extract all frames from "Options" menu
-> Choose your output folder and Select .png/.jpeg from the drop down list..
-> Hit start
Once the process is done you will be able to see the images in the output folder.
Now follow the steps from 6 of this thread here.
http://goo.gl/LyuDdu
All Done

Related

[GUIDE] How To Make Bootanimation

Hello Everyone
Here Is The Tutorial On How to Create Ur Own Boot Animation for U r Mobile... (Specifically Using Bootanimation Factory By @despotovski01)
Requirements :
1) Windows OS
2) BootAnimation Factory ( Press Thanks Button For His Awesome Work Without Which I Would Have Never Learned It )
3) Image Resizer (To change the resolution of the images)
4) Image Editing Software ( Your wish)
(A)Photoshop (B) GIMP
5) 7Zip
6) Notepad++
What Is BootAnimation??
The Android boot animation is contained within a an uncompressed zip file called bootanimation.zip that can be found in the media folder of the system partition i.e. /system/media on the internal memory of the device. This single file contains all the information required to play the boot animation, and is loaded automatically when the device boots.
What a Bootanimation.zip Contains??
. If you extract the contents of the bootanimation.zip file to your computer, you will see:
1) A desc.txt file
2) A part0 folder (Contains PNG images named in incremental numbers)
3) More part1, part2 etc. folders (May or may not be present)
As you can see, bootanimation.zip merely contains one text file and one or more folders with PNG images. The animation is played simply by displaying the images in a sequence, and the text file defines how they are to be played. In essence, first the PNG files in the part0 folder are displayed one after the other and afterwards, those in the part1 file – if it exists – are displayed, again one after the other, and so on. All of this is defined in the desc.txt file.hence desc.txt file is vital file for creating a bootanimation.
Now Will See What Each Files And Folder Does:laugh:
Imp : This Guide Is Applicable To All Devices..The Change is The RESOLUTION of your Device Change The Resolution Suitable To Your Device Using Image Resizer.Resolution Details Can Be Found On Device Specification.
The folders
{
"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"
}
These contain PNG images named in numbers, starting from something like 0000.jpg or 00001.jpg and proceeding with increments of 1. There has to be at least one folder, and there is no known upper limit to the number of folders.
The desc.txt file
This file defines how the images in the folder(s) are displayed during the boot animation, in the following format:
Width Height Frame-rate
p Loop Pause Folder1
p Loop Pause Folder2
An example of a desc.txt file is:
720 1280 30
p 1 0 part0
p 0 0 part1
As you can see, in the first line, 720 and 1280 define the width and height of the boot animation in pixels for this example. This must be the same as the screen resolution of your device for the boot animation to properly play in full screen. 30 is the frame rate in fps (frames per second) i.e. number of images to display per second.
The second and third lines have a same format, start with p, which stands for a part of the animation and end in part0 or part1, which denotes the folder in which the images for that part are present.
The number after ‘p’ defines how many times this part will loop (repeat playback) before switching to the next part (if present). Specifying 0 would make the part loop indefinitely till the phone has fully booted.
The next number is for the pause, and is expressed in the number of frames, which can be translated into time by dividing it by the frame rate. A pause of 15 for example, would mean pausing for the time it takes 15 frames to play and since the frame rate is 30 frames per second, 15 frames would take half a second.
Translating all of this in case of the above example, the boot animation will play at a resolution of 720 by 1280 pixels, at a frame rate of 30 fps, starting with the contents of part0 folder and after playing them in one loop, switching to contents of part1 folder and playing them continuously till the device fully boots. Best method to find which FPS suits your mobile is open the current Running Bootanimation from your device open the desc.txt and see and enter the same value.
Steps To Create Ur Own Bootanimations
1) Download All The Necessary Tools U need To For This.
2) Install The Necessary Softwares.
3) Go through the entire Inside the bootanimation.zip File Which I will attach at the end of this guide.
4) Plan how your boot animation will run. This includes how many distinct parts it will have, how long will each part play and what will be the sequence of the parts.
5) Make a new folder at any convenient location on your computer, and name it bootanimation.
6) In this folder, create a folder for each part of your boot animation, named part0, part1 and so on.
7) In the image editor of your choice (Adobe Photoshop,GIMP), make all the image files for each part of your boot animation with the proper dimensions equal to your phone’s screen resolution, and save them in the respective folder for each part, in PNG format. Up to 32 bit PNGs are supported.
Note: In case you are converting an existing boot animation to fit your phone’s screen, simply extract the images from it and resize each of them to your device’s screen resolution.
8) Make sure the images are named in numerical format and in proper sequence, i.e. the images in the first part should start with let’s say 00000.jpg and go on till 00075.jpg, and the images in the second part should then start off with 00076.jpg and go on till – for instance – 00123.jpg.
9) Now open the Boot Animation Factory Tool.
10) Click on “Create a New Boot Animation” Button.
11) There will be 2 options Asking for Source (1)From folder and (2) From GIF. Since In This Guide I have used Folder Method, Select Folder and click OK
12) Click On Choose folder and Select The bootanimation folder were u had stored all the necessary folders and images.
13) At the Right Hand Side You Can see the tab were the Resolution of The pics will be displayed..You can edit it and change the resolution and FPS too. Let the setting be “Don’t Repeat”
14) click on add loop button.
15) Select The Folder Ex: part0 . For this folder Set THE LOOP to 1 and TIME DELAY to 0 ( You Can Put your Custom delay if u wish) and Click ADD button.
16) Repeat the Step 15 but here Select the next part In Folder Ex : part1
17) If U have more part folders select the respective part and repeat the Step 15.
18) For last folder ( Ex : If part1 is last folder ) the SET THE LOOP to 0 . So that it Repeats
19) You can PREVIEW your bootanimation before saving by clicking on PREVIEW Button.
20) Click Save Boot Animation Button and name it has “bootanimation”
You Have Done A Bootanimation Successfully..:laugh::laugh:
How To Put It In Your Device?
File browser method (Rooted devices only):
1) Connect your phone to your computer via USB and mount the storage card for file transfer.
2) Copy the bootanimation.zip file that you want to install, to your SD card.
3) Unmount USB storage and launch the file browser of your choice on your phone.
4) Browse to /system/media, copy the existing bootanimation.zip file from there and paste it somewhere safe on your SD card.
5) Browse to the location on the SD card where you copied the new bootanimation.zip and copy it.
6) Browse to /system/media and paste the bootanimation.zip file there.
7) If you are using Root Explorer App, you will have to Touch ‘Mount R/W’. This will make your system partition writeable.
8) Check if the permissions are rw-r—r—. If not, change them to that.
9) Reboot And Enjoy Your New Bootanimation Done by You:laugh:
Credits :
@despotovski01 for his AWESOME BOOTANIMATION FACTORY.... Thread Located Here
FOR SAMPLE DOWNLOAD ANY FROM GOOGLE
Any Doubts Always Free To Post Here
IF ANYONE HAS DONE BOOTANIMATION SUCCESSFULLY POST IT HERE OR DO LET ME KNOW HERE.
ENJOY!!!
:laugh:IF IT HELPED YOU KINDLY PRESS THANKS BUTTON SO THAT I WILL KNOW HOW MANY PEOPLE ARE BENEFITED FROM IT:laugh:

Converting Video Into Bootanimation...!!
POST - 2Converting Video Into Bootanimation...!!Here is the Tutorial on How To Extract Frames From Video File for Creating Bootanimation!!:laugh::laugh:Requirements
1) Windows OS. :silly:
2) Free Video to JPG Converter
Steps To Extract Frames (Images) from A Video :
1) Download the necessary tools required.
2) Open Free Video to JPG Converter.
3) Now Click On The Browse Button And Add Your Video File To Software.
4) Click the lower Browse (Save To) button. Choose the location where you would like to save your snapshots. Click Ok.
5) Set the video frames you want to save as snapshots.
6) For example you can extract every hundredth video frame, frames in every 10 seconds, total 200 frames or even every frame.
Note: Be careful with the "Every frame" option. The total size of the extracted images may be several times bigger than the input file size!
7) Click convert button and wait images to be extracted.
7) Now Resize the Images To The Resolution Of Your Device Using Image Resizer ( Post 1). Example: In my case I take 480x800
8) Follow The Guide In Post (1) To Create Bootanimation using these Images.
:laugh::laugh:IF IT HELPED YOU KINDLY PRESS THANKS BUTTON SO THAT I WILL KNOW HOW MANY PEOPLE ARE BENEFITED FROM IT

POST-3THIS GUIDE (POST-3) IS ONLY APPLICABLE TO SAMSUNG DEVICES NOT ANY OTHER ONLY SAMSUNG MOBILES.
CONVERTING BOOTANIMATION.ZIP TO .QMG FILE FOR STOCK ROM'S:laugh:HELLO EVERYONE:highfive:
Requirements :
1) Windows OS
2) Image Resizer (To change the resolution of the images)
3) Image Editing Software ( Your wish)
4) 7Zip
5) Samsung Theme Designer
THIS GUIDE IS THE PART OF [GUIDE] How To Make Custom Bootanimation
What is .QMG files?
These files are done by using Samsung Theme Creater Officially. Its there own way of making animation which ends with making files having .qmg extension. Shocking is Samsung Theme Designer cannot open QMG files, it can only create them
What Does it Contain?:laugh:
It has 2 files
1) Bootsamsung.qmg
2) Bootsamsungloop.qmg
These 2 files are always together has in general they are together bootanimation.zip.
What Does Each File Do?
1) Bootsamsung.qmg
It contains the files needed for boot. These files are not repeatable.
Ex : From bootanimation.zip if there are 2 folders part0 and part1 then part0 is the folder used to make bootsamsung.qmg
2) Bootsamsungloop.qmg
It contains the files for loop execution. These files are repeatable. Its similar to desc.txt file instruction.
Ex : From bootanimation.zip if there are 2 folders part0 and part1 then part1 is your loop and this folder is used to create Bootsamsungloop.qmg.Remember when we made bootanimation .zip we had put no of loops=0
How To Convert Bootanimation.zip To .QMG filesIMP : HERE I CONSIDER THAT THE BOOTANIMATION.ZIP CONTAINS PART0 AND PART1 FOLDER.
MAKING BOOTSAMSUNG.QMG:laugh:1) Open Samsung Theme Designer Software.
2) Click create new theme, use type "feature(NonTouch) phone", then "select model" and use any model.
3) Select Default and Name your theme.
4) Choose "Idle Component" then "Idle Background" and change "Background Type" to "animated".
5) Enter No of Frames and hit enter that is nothing but no of pics in part0 folder.
6) Enter delay (This is bit tricky) here its in ms (milli seconds not FPS) to convert that follow this 1000 / (framerate) = (time given in ms)
for example:
1000 / 20fps = 50ms
or
1000 / 25fps = 40ms
7) Under Repeat option select FALSE for bootsamsung.qmg and TRUE for bootsamsungloop.qmg.
8) Drag your image files sequence from your folder(here its part0 folder) to the empty squares in the bottom of the theme designer.
9) Now export your theme and accept the Samsung terms & conditions and wait for your .STM file theme to be created.
10) Once its done click yes to open the saved folder there Rename the .STM file to .ZIP file and open it.
11) After opening zip file drag "IdleBgAnimObj.qmg" to anywere u wish preferably to desktop.
12) Rename the "IdleBgAnimObj.qmg" has bootsamsung.qmg
13) Now your boot file is Read but wait still loop is not done for that follow the below steps.
Creating Loop File :
1) Open Samsung Theme Designer Software.
2) Click create new theme, use type "feature(NonTouch) phone", then "select model" and use same model has above.
3) Select Default and Name your theme.
4) Choose "Idle Component" then "Idle Background" and change "Background Type" to "animated".
5) Enter No of Frames that is nothing but no of pics in part1 folder.
6) Enter delay (This is bit tricky) here its in ms (milli seconds not FPS) to convert that follow this
1000 / (framerate) = (time given in ms)
for example:
1000 / 20fps = 50ms
or
1000 / 25fps = 40ms
7) Under Repeat option select TRUE for bootsamsungloop.qmg.
8) Drag your image files sequence from your folder(here its part1 folder) to the empty squares in the bottom of the theme designer.
9) Now export your theme and accept the Samsung terms & conditions and wait for your .STM file theme to be created.
10) Once its done click yes to open the saved folder there Rename the .STM file to .ZIP file and open it.
11) After opening zip file drag "IdleBgAnimObj.qmg" to anywere you wish preferably to desktop.
12) Rename the "IdleBgAnimObj.qmg" has bootsamsungloop.qmg
13) Copy the both files and keep them together.
YOU HAVE SUCCESSFULLY DONE THE .QMG FOR STOCK ROM'S

Thanks!
Thank u so much for this.

markdarylcorpuz said:
Thank u so much for this.
Click to expand...
Click to collapse
Welcome... Press Thanks Button to OP Instead Of Writing....

jackeagle said:
Welcome... Press Thanks Button to OP Instead Of Writing....
Click to expand...
Click to collapse
thankssssss so so much

EMINEM786 said:
thankssssss so so much
Click to expand...
Click to collapse
Welcome...Plz Press Thanks Button instead of writing..:laugh::laugh:

Great post, but one quick question, can I make a boot animation outta a video? If yes then whats the file type and size I have to keep to make a perfect boot animation. Thanks
Sent from an open source device

Wow..awesome mate..so detail..:good:

thanks

thanks such a good tutorial, i wish i saw this earlier , just yesterday when i saw a file named animation.zip i oepened it and found out its only like a GIF ! so i spend an hour making a dancing guy animation using paint in my screen resolution and crated the desc, it used stock booting animation xD i most see whats wrong once i get time anyway thanks
---------- Post added at 10:46 AM ---------- Previous post was at 10:45 AM ----------
xdagee said:
Great post, but one quick question, can I make a boot animation outta a video? If yes then whats the file type and size I have to keep to make a perfect boot animation. Thanks
Sent from an open source device
Click to expand...
Click to collapse
hm... take screen shots rapidly

xdagee said:
Great post, but one quick question, can I make a boot animation outta a video? If yes then whats the file type and size I have to keep to make a perfect boot animation. Thanks
Sent from an open source device
Click to expand...
Click to collapse
You can make it using a video too... You need a software to capture the frames of your video there is software for it...If software gives the option for frame resolution and then you can set before capturing it or you to resize it using image resizer links are in OP to resize to ur device resolution... will soon post a Guide for it...
--->Plz Press Thanks Button If I Helped You Instead Of Writing<---

Excellent
Hi Bro..Really nice guide for Bootanimation..
Is it possible to add Audio in bootanimation because some indian branded mobile company like Micromax has voice in it's bootanimation and it looks great..
Is it possible to add audio in our nexus Devices .??
If we want to add audio than what things to have in phone..?
Thanks for this..:good:

Will the Bootanimation factory, image resizer, and photoshop work on my PC?? it runs windows service pack 2 64-bit??
Sharm♡♥♡♥ Android 4.1.2 [T3RomV²]

@jackeagle
I am using CM11.
I tried ur tutorial and completed my boot animation. But when I pasted it in system/media and rebooted I found only an
android name as boot animation.. It's not what I created ..
I edited for almost 2hrs each and every frame..please help..I want to use that bootscreen that I created.
All I am seeing a weird android text as bootscreen.
:banghead: :banghead:
Sent from my GT-I9082 using XDA Premium 4 mobile app

okk done

This will do
xdagee said:
Great post, but one quick question, can I make a boot animation outta a video? If yes then whats the file type and size I have to keep to make a perfect boot animation. Thanks
Sent from an open source device
Click to expand...
Click to collapse
Use this software to convert videos to GIF
http://www.video-gif-converter.com/freevideotogif.exe
Hit thanks, if it helps :laugh:

vasanthmes said:
@jackeagle
I am using CM11.
I tried ur tutorial and completed my boot animation. But when I pasted it in system/media and rebooted I found only an
android name as boot animation.. It's not what I created ..
I edited for almost 2hrs each and every frame..please help..I want to use that bootscreen that I created.
All I am seeing a weird android text as bootscreen.
:banghead: :banghead:
Sent from my GT-I9082 using XDA Premium 4 mobile app
Click to expand...
Click to collapse
Hello..!!
That is due to the fact that the Mobile has not detected your bootanimation...Its due to permission..have you changed the permission to rw-r-r??
If not cahnge it to it and try again...If still doesn't PM me your bootanimation to me and will look into it...

Rushabh22 said:
Hi Bro..Really nice guide for Bootanimation..
Is it possible to add Audio in bootanimation because some indian branded mobile company like Micromax has voice in it's bootanimation and it looks great..
Is it possible to add audio in our nexus Devices .??
If we want to add audio than what things to have in phone..?
Thanks for this..:good:
Click to expand...
Click to collapse
Hello...!!
Yes you can add Custom PowerOn sound to your mobile...Just navigate to system-->media-->audio-->ui--> check if PowerOn audio file is there if its there just replace it with new one and change permission to rw-r-r....

sharmsy said:
Will the Bootanimation factory, image resizer, and photoshop work on my PC?? it runs windows service pack 2 64-bit??
Sharm♡♥♡♥ Android 4.1.2 [T3RomV²]
Click to expand...
Click to collapse
Hello..!!
Ya it will work without any problems...Just Install Microsoft .NET Framework 4.0 before installing bootanimation factory... Good luck...

[Guide] HOW To Port Bootanimtion to Your Suitable Resolution

HI GUYS
Do you used to have a conversation like this one
..A: HEY!!!!!. your phone's bootnimation is very nice, could you send it to me??
..B: Sorry, it's not suitable with your screen reslution.
..A: ohh, Do you know how to change the resolution?.
..B: you can go to xda and ask how
_IF you're looking how to change the bootainmation resolution you're in the right place.
Requirement:
1. Windows 7
2. MIR (multiple image resizer) <from attachment> .
3. Bootanimation factory <from attachment>.
4. the bootanimtion you want to resize (I'm going to work on xperia lollipop bootanimtion.
NOTE: every step has its explaining image in the attachments.
and suggest to download the photos then start because you will need them they will help you alot.
NOW lets get started:
RESIZING THE IMAGES
1. extract the bootanimation to a folder .
2. open the MIR and click on "open a folder of images" then navigate to the 'bootanimation' folder.
3. select 'part0' and the photos in the parrt0 folder will loaded like in the attached photo .
4. now go to the resizing window and set the suitable resolution (in my case will be 480*854).
5. now create another folder and rename it "bootanimation" and create in that folder the same folders in the original bootanimation folder.
6. get back to MIR and to "save option" window and save the resized photo(s) to the folder you have created.
Code:
IF you take the photos that you have resized form 'part0' folder then safe it in part0 folder in the new created folder
part0----------->part0
part1----------->part1
part2----------->part2
etc............
7.now do the same thing with "part1, part2 , part3 ............etc" .
CREATING THE BOOTANIMTION
8. now open the Bootanimation factory and select "create a bootanimtion" and select " folder" .
9. select "chose folder " and chose the new created folder.
10. now go to original bootanimtion folder and to desc.txt .
11. get back to bootanimation factory and select the first line in the top right menu. and click edit.
12. edit the (FBS) to the suitble one in the desc.txt . for example if it was "20" in desc.txt then make "20".
13. now add loops and make them the same values in the desc.txt
14.click "create bootanimation" .
15. CONGRATULATION YOU HAVE YOUR OWN NEW BOOTANIMTION.
HOW TO INSTALL:
1. Push THE BOOTANIMATION.zip to system/media
2. give it rw-w-w
3. Reboot; ENJOY IT!!
..A: So that's it , it's so easy.
..B: yeah, I can now resize every bootanimtion I like.
..n78 shadow: guys please continue your conversation out of this thread.
FAQ
..A:why don't we just change the resolution in desc.txt
..n78 shadow:it won't work you need to change the images size and if you try will have a bootloop
..B:The folders in the original bootanimtion wasn't named "part0" they were named "generic1" .
..n78 shadow:No problem you can rename it in the new created folder "part0" just remember that the phone will play first "part0" folder then "part1" folder .......etc
NOTE:
1. if you have any question post it here.
2. if you feel it complicated or you didn't under stand something tell me
3. if you want to skip all those steps just send the bootanimtion to me here in this thread and I will resize it for you.
:good::goodon't forget to hit thank :good::good: