PDA

View Full Version : [Boot Animation] Tryed one just for fun...



kc.rkitek
03-31-2010, 12:47 PM
So, after wading through pages of stuff over @ XDA, I thought I'd read up on creating boot animations. In concept, it seemed really pretty easy, so I made a humble (more like feeble) attempt to make my own.

Yeah, it seemed easy enough...but in practice, it's pretty damn time consuming. Here's what I ended up with after a few hours of mind-numbing image manipulation:

http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/bootanim-1.gif

Mind you, I made the sequence into a dithered animated gif and resized a bit for web display, so the quality isn't quite as good as it is on the phone...you get the idea though. The first part (up until it turns cyan) cycles only once, then the last part (pulsating with the CM text) repeats endlessly until the phone finishes booting.

Anyway, I started with a little android guy I modeled in Sketchup and exported a handful of png's. Since I'm not very versed in creating animations, I then imported them all into PS as layers and tweaked the transparency each frame in the sequence. I'm sure there's a faster and easier way to accomplish this, but it's not really in my skill set...

Please share your comments/criticism...

WERA689
03-31-2010, 01:28 PM
I'll say this: I could never do that! :D

kc.rkitek
03-31-2010, 03:18 PM
Well, it's definitely not the easiest thing I've ever done and for flying by the seat of my pants, I think it came out pretty ok. I really wanted the little android guy to rotate, but as it is this little exercise was a HUGE test of my patience!! May I'll try something a little more complicated later...

Budske
03-31-2010, 03:37 PM
what program did u use?? its great, but it could use a turbosmooth (3DS max)

Robbob533
03-31-2010, 03:38 PM
Congrats! This looks awesome! I can't believe you actually did that. I am a programmer but I suk at art. So I give you props!:beer3:

kc.rkitek
03-31-2010, 04:00 PM
I used sketchup...mainly because I already had an android model. I could have done the "soften/smooth edges", but I didn't think about it until I was already done! Otherwise, it would have looked more like this:

http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/ANDROID.png

Oh well...next time!

Budske
03-31-2010, 10:43 PM
hahaha, dont worry, its great anyways...

maybe if u teach me how to do it... i can make some 3D model animated and spining and everything :P..

or i just give u the images :P

ScottyPimpin
04-01-2010, 07:15 AM
That's pretty sweet! certainly a good start in the right direction :D now we need the android to appear, a gun in his hand and he start shooting an iphone lol

kc.rkitek
04-01-2010, 01:08 PM
Thanks all..

maybe if u teach me how to do it... i can make some 3D model animated and spining and everything :P..
First, I've been told that you do not need to be rooted, but you must have the Android SDK. I'm rooted, so I have no idea if non-rooted people can actually do this...I suppose if they try, they'll find out soon enough! So, if you're interested in trying this yourself, I'll try to explain. Bear with me; this is going to be a long one!!

Without further ado, here's the procedure (for windows), assuming you've already set up the Android SDK and installed the SDK usb driver:

1) First, get a hold of the stock bootanimation.zip; there a couple ways to go about this-

Rooted folks can pull it via adb from /system/media...I just pulled it to the root of my C: drive like so:

adb pull /system/media/bootanimation.zip /bootanimation.zip

Non-rooted users can download it here: http://www.4shared.com/file/254536097/3b1c38b4/bootanimation.html

2) Extract the zip and inspect the contents. Inside you'll find 2 directories, "part0" and "part1", that are each full of consecutively numbered .png files...these are all the frames of your animation. You'll also have a file called "desc.txt". This little guy tells your N1 how to display the animation. Let's open that txt file and have a look inside...here's what you'll find in the stock "desc.txt" file:

512 256 30
p 1 0 part0
p 0 0 part1

Sort of cryptic, huh? It's not so bad really...
First line:
512 = width of the images/animation
256 = height of the images/animation
30 = frames per second
Second line:
p = this is unknown
1 = number of times to replay this sequence
0 = pause in frames...i guess 0 is none. not sure it's use really.
part0 = naturally, the directory of the images for this sequence
Third line:
p = again, this is unknown
0 = number of times to replay this sequence...0 means infinite repeat
0 = pause in frames...again, not sure it's use really.
part1 = again, the directory of the images for this sequence

you with me so far? good!

3. Now all you have to do is create an animation, covert it to consecutive pngs numbered 00001-whatever (just like the stock animation), and edit the desc.txt to make it do what you want. I sort of followed the timeframe of the original animation...a little over 3 seconds (95 frames) for part0 and about 1.5 seconds (45 frames) for part1. Also, my animation frames are portrait orientation so the first line of my desc.txt is actually "256 512 30".

If you make the sequences too long, they won't fully display; at least not the last one. When your N1 finishes booting, it ends the boot animation, finished or not. If you don't care about having "part1" cycle a few times, I suppose you could make "part0" a little longer...say around 4 seconds or 120 frames.

4. When you're all finished, rezip the 2 directories and the desc.txt, but you need to set the compression method to "store"...in other words, no compression. I used winrar for this...select the 2 dirs and desc.txt file, right-click, add to archive, change name to bootanimation.zip, change archive format to zip, change compression method to store, and hit ok. Just like so:

http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/bootanim-winrar.jpg

When it's done, move your new bootanimation.zip to your Android SDK "tools" directory.

5) Ok, let's push this thing to the phone! Turn on usb debugging on your phone (settings>applications>development) & plug in phone to computer. Open a command window from your sdk "tools" directory.

By the way, if you're on XP and don't have that option from the right-click context menu, download this: http://download.microsoft.com/download/whistler/Install/2/WXP/EN-US/CmdHerePowertoySetup.exe...all you have to do is right-click on the "tools" directory and select "open command window here". I promise it will make your life much simpler if you don't use cmd a lot! Otherwise, you'll have to cd to the right directory within the cmd window.

In the command window, type the following:

adb devices
this should return a list of devices attached...you should have 1 unique 12-digit serial number. If you don't see a HT9********* device, you probably don't have the usb driver from the SDK installed correctly...look here for answers: USB Driver for Windows | Android Developers (http://developer.android.com/sdk/win-usb.html)

However, if you see the serial#, you're good...proceed!

6) Type the following:

adb push bootanimation.zip /data/local
you should get a response something like "xxx KB/s (xxxxxxx bytes in x.xxxs)". If so, it's on there. Reboot to see it in action! If you want, you can force a reboot via adb like so:

adb reboot

Congrats...you did it!! :)

Now, say you're tired of you new boot animation and want to go back to the stock one...easy! Repeat step 5 to get back to the adb command wind, only this time we'll enter an adb shell:

adb shell
now you'll see a "#" sign. type this:

rm /data/local/bootanimation.zip
and hit enter, of course. Then get out of the shell by typing at the next "#":

exit
and enter again.
You should be out of the shell, so reboot to verify the custom boot animation is gone. Again, you can do this via adb; type:

adb reboot
And just like that, you're back to the old boot animation!

That's it folks...piece of cake, right? You deserve a pint; have one on me... :pint:

Budske
04-02-2010, 03:37 AM
really easy... i will start making a fully 3d character, or render to animate...

sanchez
04-02-2010, 01:13 PM
Thanks all..

maybe if u teach me how to do it... i can make some 3D model animated and spining and everything :P..
First, I've been told that you do not need to be rooted, but you must have the Android SDK. I'm rooted, so I have no idea if non-rooted people can actually do this...I suppose if they try, they'll find out soon enough! So, if you're interested in trying this yourself, I'll try to explain. Bear with me; this is going to be a long one!!

Without further ado, here's the procedure (for windows), assuming you've already set up the Android SDK and installed the SDK usb driver:

1) First, get a hold of the stock bootanimation.zip; there a couple ways to go about this-

Rooted folks can pull it via adb from /system/media...I just pulled it to the root of my C: drive like so:

adb pull /system/media/bootanimation.zip /bootanimation.zip

Non-rooted users can download it here: 4shared.com - online file sharing and storage - download bootanimation.zip (http://www.4shared.com/file/254536097/3b1c38b4/bootanimation.html)

2) Extract the zip and inspect the contents. Inside you'll find 2 directories, "part0" and "part1", that are each full of consecutively numbered .png files...these are all the frames of your animation. You'll also have a file called "desc.txt". This little guy tells your N1 how to display the animation. Let's open that txt file and have a look inside...here's what you'll find in the stock "desc.txt" file:

512 256 30
p 1 0 part0
p 0 0 part1

Sort of cryptic, huh? It's not so bad really...
First line:
512 = width of the images/animation
256 = height of the images/animation
30 = frames per second
Second line:
p = this is unknown
1 = number of times to replay this sequence
0 = pause in frames...i guess 0 is none. not sure it's use really.
part0 = naturally, the directory of the images for this sequence
Third line:
p = again, this is unknown
0 = number of times to replay this sequence...0 means infinite repeat
0 = pause in frames...again, not sure it's use really.
part1 = again, the directory of the images for this sequence

you with me so far? good!

3. Now all you have to do is create an animation, covert it to consecutive pngs numbered 00001-whatever (just like the stock animation), and edit the desc.txt to make it do what you want. I sort of followed the timeframe of the original animation...a little over 3 seconds (95 frames) for part0 and about 1.5 seconds (45 frames) for part1. Also, my animation frames are portrait orientation so the first line of my desc.txt is actually "256 512 30".

If you make the sequences too long, they won't fully display; at least not the last one. When your N1 finishes booting, it ends the boot animation, finished or not. If you don't care about having "part1" cycle a few times, I suppose you could make "part0" a little longer...say around 4 seconds or 120 frames.

4. When you're all finished, rezip the 2 directories and the desc.txt, but you need to set the compression method to "store"...in other words, no compression. I used winrar for this...select the 2 dirs and desc.txt file, right-click, add to archive, change name to bootanimation.zip, change archive format to zip, change compression method to store, and hit ok. Just like so:

http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/bootanim-winrar.jpg

When it's done, move your new bootanimation.zip to your Android SDK "tools" directory.

5) Ok, let's push this thing to the phone! Turn on usb debugging on your phone (settings>applications>development) & plug in phone to computer. Open a command window from your sdk "tools" directory.

By the way, if you're on XP and don't have that option from the right-click context menu, download this: http://download.microsoft.com/download/whistler/Install/2/WXP/EN-US/CmdHerePowertoySetup.exe...all you have to do is right-click on the "tools" directory and select "open command window here". I promise it will make your life much simpler if you don't use cmd a lot! Otherwise, you'll have to cd to the right directory within the cmd window.

In the command window, type the following:

adb devices
this should return a list of devices attached...you should have 1 unique 12-digit serial number. If you don't see a HT9********* device, you probably don't have the usb driver from the SDK installed correctly...look here for answers: USB Driver for Windows | Android Developers (http://developer.android.com/sdk/win-usb.html)

However, if you see the serial#, you're good...proceed!

6) Type the following:

adb push bootanimation.zip /data/local
you should get a response something like "xxx KB/s (xxxxxxx bytes in x.xxxs)". If so, it's on there. Reboot to see it in action! If you want, you can force a reboot via adb like so:

adb reboot

Congrats...you did it!! :)

Now, say you're tired of you new boot animation and want to go back to the stock one...easy! Repeat step 5 to get back to the adb command wind, only this time we'll enter an adb shell:

adb shell
now you'll see a "#" sign. type this:

rm /data/local/bootanimation.zip
and hit enter, of course. Then get out of the shell by typing at the next "#":

exit
and enter again.
You should be out of the shell, so reboot to verify the custom boot animation is gone. Again, you can do this via adb; type:

adb reboot
And just like that, you're back to the old boot animation!

That's it folks...piece of cake, right? You deserve a pint; have one on me... :pint:

I want your boot animation, that's so sexy... Email it to me please!

seanowns
04-03-2010, 08:03 PM
Can i get a copy of that??? s

kc.rkitek
04-03-2010, 08:22 PM
I'll post it on monday...it's at the office!

kc.rkitek
04-05-2010, 11:29 AM
As promised, here's the link to my custom boot animation:
4shared.com - online file sharing and storage - download bootanimation01.zip (http://www.4shared.com/file/257541580/a4b7a089/bootanimation01.html)
Just download, move to your Android SDK tools directory, rename from "bootanimation01.zip" to "bootanimation.zip", and upload via adb as I described earlier in this thread... enjoy! :)

Fuse
04-05-2010, 03:10 PM
BTW, I tried to change mine a month or so ago without root with no luck. The bootanimation.zip file is locked from being updated or replaced.

kc.rkitek
04-05-2010, 03:15 PM
Did you try to push it to /data/local ? If you tried to to push it to /system/media , there is no doubt an unrooted phone will deny you access to overwrite a system protected read-only file. However, if it will let you push it to /data/local, you're not actually overwriting the stock animation and the os will look here first on boot for the animation. Give that a try...

Fuse
04-09-2010, 12:55 PM
Hadn't tried that... thanks

kc.rkitek
04-09-2010, 01:22 PM
Np...once again, here is the routine to install:
1. place the new bootanimation.zip file in your SDK tools directory.
2. enable "USB debugging" in Settings>Applications>Development
3. plug the phone into your USB cable (obviously!)
4. open a command window in your SDK tools folder and type the below lines shown in red:
http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/pushbootanim.jpg

And here is the routine to remove:
1. enable "USB debugging" in Settings>Applications>Development
2. plug the phone into your USB cable (obviously!)
3. open a command window in your SDK tools folder and type the below lines shown in red:
http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/removebootanim.jpg

Note that when you remove it, your phone will revert to the stock animation...Let me know if it works. If not, I'll edit the original post to read "[root only]".Thanks!

b00sted415
04-28-2010, 01:03 AM
Np...once again, here is the routine to install:
1. place the new bootanimation.zip file in your SDK tools directory.
2. enable "USB debugging" in Settings>Applications>Development
3. plug the phone into your USB cable (obviously!)
4. open a command window in your SDK tools folder and type the below lines shown in red:
http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/pushbootanim.jpg

And here is the routine to remove:
1. enable "USB debugging" in Settings>Applications>Development
2. plug the phone into your USB cable (obviously!)
3. open a command window in your SDK tools folder and type the below lines shown in red:
http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/removebootanim.jpg

Note that when you remove it, your phone will revert to the stock animation...Let me know if it works. If not, I'll edit the original post to read "[root only]".Thanks!

I just tried to use your animation and did adb push to /data/local with no luck I still get the stock animation? Am I doing something wrong, I'm rooted also.

Here's what I did, downloaded your bootanimation01.zip and followed your instructions with no luck

b00sted415
04-28-2010, 01:07 AM
hahaha sorry I found out what the problem was lol I forgot to rename the zip file works like a charm THANKS AGAIN!!!

RinTinTigger
05-03-2010, 06:58 AM
So, after wading through pages of stuff over @ XDA, I thought I'd read up on creating boot animations. In concept, it seemed really pretty easy, so I made a humble (more like feeble) attempt to make my own.

Yeah, it seemed easy enough...but in practice, it's pretty damn time consuming. Here's what I ended up with after a few hours of mind-numbing image manipulation:

http://i643.photobucket.com/albums/uu151/kcrkitek/androidhelp/bootanim-1.gif

Mind you, I made the sequence into a dithered animated gif and resized a bit for web display, so the quality isn't quite as good as it is on the phone...you get the idea though. The first part (up until it turns cyan) cycles only once, then the last part (pulsating with the CM text) repeats endlessly until the phone finishes booting.

Anyway, I started with a little android guy I modeled in Sketchup and exported a handful of png's. Since I'm not very versed in creating animations, I then imported them all into PS as layers and tweaked the transparency each frame in the sequence. I'm sure there's a faster and easier way to accomplish this, but it's not really in my skill set...

Please share your comments/criticism...

Well, i really like it...BUT

Noone could beat my Bios-oldskool-Boot animation so far
:rofl3:

Jujujam
05-12-2010, 01:48 AM
Great work! When creating a boot animation is there a way to make a sound file play anytime during the animation?