Welcome to XDA

Search to go directly to your device's forum

Register an account

Unlock full posting privileges

Ask a question

No registration required
Post Reply

[TUTORIAL] Bootanimation creation & tools!

OP Skullmonkey

11th August 2011, 01:25 AM   |  #1  
Skullmonkey's Avatar
OP Senior Member
Thanks Meter: 308
 
877 posts
Join Date:Joined: Jul 2010
Donate to Me
More
DISCLAIMER:
I am not responsible if you break your phone. You should always do a nandroid backup befor flashing any files. Remember to wipe your dalvik before making a nandroid to save a lot of time and space


Intro
So. Boot animations. Hard to make? At first yes. But I will explain in great detail each step in making a boot animation.

Requirements
-A photo Editing program (GIMP and Photoshop are the best.)
-A text editor besides notepad or wordpad. (Notepad++)
-An archive manager (7-Zip or WinRAR)

My setup:
Photoshop CS5
WinRAR
Notpad++

The Tutorial

Step 1: Folders
So in this step, we need to make folders. The number of folders depends on what type of animation you want. You can name the folders anything you want as long as they are reflected in your desc.txt (we will get more into that later).

If you have a video that you want to repeat, you will need only 1 folder. (Name it anything you want)

If you want an intro (only shown once) and then a repeated set, You will need 2 folders. Most common names: (part0, part1) (intro, repeat)

If you have more then 2 sections of images, then I have no clue what you are doing but good for you for being awesome!

Step 2: Images
So this section will be a generilization of the images. I say this because every video is going to be different.

Each image in the video is called a frame. They usually vary slightly from image to image which sped through makes the illusion of a video.

-Each frame must be 480*800 px (thats 480 pixels wide by 800 pixels tall).
-Each frame must be saved in a .png format. (If you are using Photoshop, File > Save for Web & Devices to reduce the file size drastically.)
-Each frame needs to have some numarical value.
+Recommended would be something like frame0001.png, frame0002.png, frame0003.png, etc.
+Try to keep it under 300 images total

After all of the images are created, we now need to place them in folders.

Step 3: Placing images in folders
This step will vary from user to user. based on what type of animation you are making.

Intro to loop (2 folders):
With this one, you are going to place all of the images that is to be the intro to folder 1.
All looping images will go into folder 2.

Looping video:
All images will go into a single folder.

Step 4: desc.txt
This is the 'script' that tells android what to do.

Open up your text editing program. You have to use something other then notepad/wordpad included with Windows. They add some funky stuff for every new line you make which will ultimately break the script. It is best to use Notepad++.

This is an example of a desc.txt that has 2 folders in it:
Quote:

480 800 20
p 1 0 intro
p 0 0 repeat

Here is what it is telling android to do line by line:
480 800 20 <-- Width of the animation in pixels. This will stay 480 for Evo users Height of the animation. Keep this 800 for Evo Users Frames per second. This is basically your 'speed' of the animation. This will stay in between 10-30 (10 being slower, longer, and choppy; 30 being fast, short, and smooth.)

p 1 0 intro <-- p is telling it to play this folder. It will always be there. Folder is to be played 1 time before moving on to the next folder. Pause the movie for 0 frames after the animation is completed before moving on to the next folder. (This will normally stay 0). Name of the folder to be played. In this case, the folder named "intro" gets played once and then it moves on to the next line.

p 0 0 repeat <-- Play the animation... Folder is to be indefinately played. The 0 is telling it to play this folderover and over. Just keep it 0. Folder "repeat" gets played


And now for an example of a single folder (same thing looping over and over):
Quote:

480 800 20
p 0 0 part0

So same as before... 480px wide by 800px tall at 20 FPS
Play the folder "part0" an indefinate amount with no pause in between.


Why not go funky!:
Quote:

480 800 20
p 1 0 intro
p 5 0 cookies
p 2 0 cake
p 0 0 mynion

Same... 480px wide by 800px tall at 20 FPS
Play "intro" 1 time with no pause
Play "cookies" 5 times with no pause
Play "cake" 2 times with no pause
Play "mynion" indefinately


Ok. So now we save this file with the file name "desc.txt". It must be named that. Case sensitive.

Get it? Good. Let's move on.

Step 5: Packaging
Now we are going to package this sweetness of a custom boot animation!

(this is assuming you are using Windows with WinRAR. Steps may vary from OS and program)
1. Highlight all of your folders and desc.txt and right click > "Add to archive..."
2. On the left side, change the radio buttons from rar to zip
3. Change compression method to "store"
4. Name the file. For now, you can name it anything. Eventually, it will need to be named "bootanimation.zip"

And we are done! Now we just need to set it up on your phone!
Here are 2 methods of doing this:
Quote:

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/customize/resource. The destination folder may vary from ROM to ROM. I am using Synergy.
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/customize/resource/bootanimation.zip The destination folder may vary from ROM to ROM. I am using Synergy.
-adb reboot

The Following 33 Users Say Thank You to Skullmonkey For This Useful Post: [ View ]
11th August 2011, 01:25 AM   |  #2  
Skullmonkey's Avatar
OP Senior Member
Thanks Meter: 308
 
877 posts
Join Date:Joined: Jul 2010
Donate to Me
More
This post will be updated with various tools and programs which will aid your awesomeness.

Image Editors
GIMP - Free
Photoshop - $700. Students and teachers can get up to 80% off.

Batch Image Editors
FotoSizer - Free - Batch resize, file name mask, convert image format.

Other Image Tools
GIF Frame Extractor - Free - Extracts frames from an animated GIF and save them as PNG

Video Downloader and Converters
Video to JPG Comverter - Free
Last edited by Skullmonkey; 11th August 2011 at 03:00 AM.
The Following 2 Users Say Thank You to Skullmonkey For This Useful Post: [ View ]
11th August 2011, 01:26 AM   |  #3  
Skullmonkey's Avatar
OP Senior Member
Thanks Meter: 308
 
877 posts
Join Date:Joined: Jul 2010
Donate to Me
More
Bootanimations from the community:

Skullmonkey|OP|
Andy peeing on Apple
Super Mario Bros
SackBoy
Last edited by Skullmonkey; 13th August 2011 at 04:20 AM.
11th August 2011, 01:48 AM   |  #4  
Slatter39's Avatar
Senior Member
Rural Maryland
Thanks Meter: 69
 
514 posts
Join Date:Joined: Apr 2011
More
Thank you Bro. Always showing your awesomeness.
11th August 2011, 03:46 AM   |  #5  
EVOlvedAndroid's Avatar
Senior Member
Flag Los Angeles
Thanks Meter: 473
 
533 posts
Join Date:Joined: Oct 2010
More
Good Info, but these tutorials can be found everywhere on xda
11th August 2011, 05:20 AM   |  #6  
github's Avatar
Senior Member
T-Mobile, USA
Thanks Meter: 186
 
539 posts
Join Date:Joined: Jul 2011
Donate to Me
More
Hmm, I seem to have wandered into the Themes & Apps forum.
11th August 2011, 09:22 AM   |  #7  
frickinjerms's Avatar
Senior Member
Flag Victoria, TX
Thanks Meter: 295
 
579 posts
Join Date:Joined: Sep 2008
Donate to Me
More
github always brings the lulz
11th August 2011, 01:29 PM   |  #8  
Amer532's Avatar
Member
Flag Pittsburgh
Thanks Meter: 7
 
53 posts
Join Date:Joined: Apr 2011
More
Could you use a hex editor??

Sent from my EVO: xda premium
11th August 2011, 01:42 PM   |  #9  
selders59's Avatar
Senior Member
Flag Cape Coral, Florida
Thanks Meter: 630
 
3,777 posts
Join Date:Joined: Jul 2008
More
Thanks for the info skull.

"Hell I don't know"
11th August 2011, 03:54 PM   |  #10  
Skullmonkey's Avatar
OP Senior Member
Thanks Meter: 308
 
877 posts
Join Date:Joined: Jul 2010
Donate to Me
More
Quote:
Originally Posted by github

Hmm, I seem to have wandered into the Themes & Apps forum.

I consider this in development because there is a little coding involved. It's not like its my collection of bootanimations in which case I would put in themes and apps.
Quote:
Originally Posted by Amer532

Could you use a hex editor??

Sent from my EVO: xda premium

You don't need a hex editor...

The Following User Says Thank You to Skullmonkey For This Useful Post: [ View ]
Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes