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:
480 800 20
p 1 0 intro
p 0 0 repeat
Click to expand...
Click to collapse
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):
480 800 20
p 0 0 part0
Click to expand...
Click to collapse
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!:
480 800 20
p 1 0 intro
p 5 0 cookies
p 2 0 cake
p 0 0 mynion
Click to expand...
Click to collapse
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:
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
Click to expand...
Click to collapse
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
Bootanimations from the community:
Skullmonkey|OP|
Andy peeing on Apple
Super Mario Bros
SackBoy
Thank you Bro. Always showing your awesomeness.
Good Info, but these tutorials can be found everywhere on xda
Hmm, I seem to have wandered into the Themes & Apps forum.
github always brings the lulz
Could you use a hex editor??
Sent from my EVO: xda premium
Thanks for the info skull.
"Hell I don't know"
github said:
Hmm, I seem to have wandered into the Themes & Apps forum.
Click to expand...
Click to collapse
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.
Amer532 said:
Could you use a hex editor??
Sent from my EVO: xda premium
Click to expand...
Click to collapse
You don't need a hex editor...
EVOlvedAndroid said:
Good Info, but these tutorials can be found everywhere on xda
Click to expand...
Click to collapse
Well.... ?
I found it here . So, Thanks a lot
Yes this info can be found everywhere on XDA... much like most info on XDA, buried in page 2452 of a 5000 page thread about cyanogenmod that everyone insists you read every page of because they have no lives and they read the entire thread.
Nice to see a well organized and consolidated thread, and this info should apply to most Android boot animations on most devices (save for the screen resolutions). Thanks, OP!
Android guy peeing on apple:
{
"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"
}
Download:
http://sm.jcink.com/phone/BAs/bootanimation-android_peeing.zip
Super Mario Bros
http://sm.jcink.com/phone/BAs/bootanimation-SMB.zip
SACKBOY!
http://sm.jcink.com/phone/BAs/bootanimation-sackboy.zip
Love a Post" has a little humor in it, helps me...wake up! Just couple questions if I may,
Step 1. Video to repeat? One folder, would this include sound?
I'm making a video which would be in .wmv ext but would like to hear sound as well in the start-up.
Step 2. Images, said "File > Save for Web & Devices to reduce the file size drastically" and every video is different. Understood the 400x800tall would be the size on the screen, but the pixel's?
Can this be more or higher to give it a clean crystal clear look on start-up screen? what "save" should be best to keep and not loose any clarity on the Origin Image(s)?
Step 4 takes me back to 1 "reflected in your desc.txt"
I am renaming it right, as I save it?
Getting funky and so for, I am going to wait til I get there, and thank you for the knowledge...
is there a way to test the animation before flashing to phone?
EDIT: i have an audio folder and a bootanimation.zip under /system/media and a single bootanimation file under /system/bin. is either of these correct?
I need help I have been trying to get this thing to work for about four hours everything is set up correctly as far as i can see. I used notepad++. compression set to store. it worked with the desc.txt from your mario one but after the first loop it like tripped the speed of the thing. PLEASE HELP!!! http://www.mediafire.com/?df742t4x1kkvl2c
I did all but when I boot phone I get the splash screen and then black screen, no animation... But it boots up.
I saved the desc.txt using notepad++ this is what my desc.txt looks like
480 800 20
P 0 0 funny
When i save it I saved it as "all text files" cause it was not specified in op. Should I have saved it as a script of some kind?
Sent from my ADR6300 using XDA App
eraste said:
I did all but when I boot phone I get the splash screen and then black screen, no animation... But it boots up.
I saved the desc.txt using notepad++ this is what my desc.txt looks like
480 800 20
P 0 0 funny
When i save it I saved it as "all text files" cause it was not specified in op. Should I have saved it as a script of some kind?
Sent from my ADR6300 using XDA App
Click to expand...
Click to collapse
When using Notepad++, you have to go "Edit", "EOL Conversion", and then make sure "UNIX Format" is selected. You must also make sure that under "Encoding", "Encode in ANSI" is also selected. Then just save it as a normal txt file.
Related
IF ANY ONE HAS SOME OR HAS AN IDEA OF ONE PLEASE POST. WHAT I'M LOOKING FOR IS A BLACK BACKGROUND WITH RED HTC LETTERS THEN TO THE INCREDIBLE EYE CAMERA THING... BUT I HAVE NO IDEA ON HOW TO MAKE BOOTS
-------------------------------------
Sent via the XDA Tapatalk App
You might of have caps lock on by accident, just keep a look out for that (some people can get bent out of shape about it... not me though, because I am looking for some sort of specs/guide for boot animations). So far I've only seen boot animations ported from other phones, which while cool, there is something special about making exactly what you want.
There is a lack of info out there (I believe), because this really isn't something meant for end-users (compared to creating backgrounds or ringtones). Feel free to PM me if you have info on creating custom boot animations (we need to celebrate the rooting of our beloved Incredible =p).
DeeBG said:
You might of have caps lock on by accident, just keep a look out for that (some people can get bent out of shape about it... not me though, because I am looking for some sort of specs/guide for boot animations). So far I've only seen boot animations ported from other phones, which while cool, there is something special about making exactly what you want.
There is a lack of info out there (I believe), because this really isn't something meant for end-users (compared to creating backgrounds or ringtones). Feel free to PM me if you have info on creating custom boot animations (we need to celebrate the rooting of our beloved Incredible =p).
Click to expand...
Click to collapse
There is loads on info on this stuff. You just have to search. Below is an example desc.txt file. This describes how to construct your desc.txt file and what everything does.
#example desc.txt
Code:
480 800 15
p 1 0 android
p 1 5 end
p 0 0 loop
The first line is Width, Height and Frame Rate respectively. The width and height do not need to be the size of your screen in case your frmaes are an odd size. The remaining lines describe your folders that contain the animations and what to do with them. Each remaining line begins with the letter 'p' as a separator. The first digit after the 'p' defines how many times to play through the animation. A zero (0) in that position will cause that animation to loop indefinitely until the boot process is complete. The second digit defines how many frames to pause before moving on to the next line or animation. The time elapsed is defined by your frame rate and the number of frames paused. For example, if your frame rate is 15 and you choose to pause for 30 frames, the time elapsed will be two (2) seconds. The last element in the line is the folder name to pull the animation from.
The pictures in your folders are the individual frames for your animation. They can be either .JPG or .PNG file types. If your finished product ends up being too large, you can usually reduce the size by converting the frames to .JPG format. The only other requirement is the file names must follow a sequential number sequence incrementing from start to finish.
If you wish to add sound to your animation, it should sync to your storyboard. The sound will start playing immediately after the boot animation starts and will play to either it ends or the phone finishes booting. The audio will not loop unless it is looped in the audio file itself. The audio file name must be named android_audio.mp3 for it to be recognized. The only other requirement is that one of your folders MUST be named 'android'.
It is important to note that when creating a boot animation, the finished product must be placed in a zip file named bootanimation.zip (with the exception of the audio file). However, when doing this always select the 'store' method for compression so the data is NOT compressed. If you mess up, you will know by the blank, black screen you see while booting.
Both the bootanimation.zip and android_audio.mp3 need to be pushed or copied to /data/local/ for the system animation to be overridden.
If you have pushed a boot animation previously do you need to remove it? If so what are the commands for adb. Thanks for the instructions they were very clear for us noobs..
Sent from my ADR6300 using the XDA mobile application powered by Tapatalk
No you can just overwrite with the new one.
Sent from my HTC Incredible using Tapatalk
I used these two threads to get my new animation. The second one over at AndroidForums has a ton to choose from. Just gotta look through the pages.
http://forum.xda-developers.com/showthread.php?t=682860&highlight=boot+animation
http://androidforums.com/htc-incredible/70040-incredible-boot-animation.html
This is the one I currently use:
http://www.youtube.com/watch?v=9SnsXKFvGQs
very thanks
Thanks to a few posts on the forums (credit to fone-fanatic and jschmier) I've managed to create a few basic boot animations which I'll share here.
You do NOT need to be rooted for the ADB method. If you are sending back your device under warranty remember to remove the custom boot animation before you do. Code is below, showing you how. It doesn't interfere with anything else on your TF. It doesn't even overwrite the original file so you can roll-back any time you like.
_______________
How to install:
Download the file of your choice. Rename the file to 'bootanimation.zip'. Do not extract the files contents, leave it alone. Then follow the guide below.
Via Asus USB data cable (Does not require root):
Use ADB. Guide HERE. Copy the file to: C:/Users/(your username here). Type 'cmd' in the windows start box (in Windows 7 and Vista), or start menu>run then type cmd and hit enter (XP users). A dos emulator console box should pop up. If it isn't already at C:/Users/(your username here) then navigate to the folder containing the "bootanimation.zip" in the command prompt.
To check your device is connected type:
Code:
adb devices
If it's not, you need to follow the guide linked above to install the usb drivers.
-----
To add an animation type:
Code:
adb push bootanimation.zip /data/local
To test that it's installed correctly type:
Code:
adb shell bootanimation
And it should show the animation on the TF screen. Press ctrl+c to stop the animation.
To remove the boot animation and restore your unit to stock, type in:
Code:
adb shell rm /data/local/bootanimation.zip
-----
Via a file explorer app (Requires root):
Copy 'bootanimation.zip' onto a memory card. On your TF open the file explorer app of your choice (any app that allows you to copy and paste to the internal memory, "Root Explorer" is a useful app). Copy 'bootanimation.zip' and paste it to /Data/Local. If the folder doesn't exist, create it.
Via Dropbox and terminal emulator (May require root):
Follow the guide in this post HERE.
_____________
N.B. It seems that no matter what settings I use to make the files, on first playback the animation lags. After the first animation cycle it should run smooth once the files are cached though. It will do this each bootup unfortunately. It even does it with the official files so I guess it's just a hardware problem.
Downloads:
(The animation speeds of the preview gif files are not representative of the final files in the zip's. They are for reference only)
***A lot of these files may be down as the file hosting sites remove the files after 1-2 weeks of no activity nowadays which is useless. Once links are dead, they're dead... sorry. I've wasted wayyy too much time uploading and relinking them now.
Glowing Bee.
{
"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"
}
Download link: BeeGlow.zip
Android text.
Download link: Android.zip
Disintegration.
Download link: Disintegrate.zip
Numbers.
Download link: Numbers.zip
Tron Style.
Download link: Tronstyle.zip
Tron. (Poor quality and un-optimised)
Download link: Tron.zip
Explode.
Download link: Explode.zip
Autobot Logo.
Download link: Links dead.
Decepticon Logo.
Download link: Decepticon.zip
Decepticon zoom.
Download link: SilverDecept.zip
-------
_______
Fancy saying thanks? Click the thanks button, buy me a coffee (via the donate button) or a new house (wouldn't say no to that one ) it's much appreciated (I've made it through too many sleepless nights with a cup o' Joe lately).
Or if you don't like that idea then please consider donating to The Red Cross, as they certainly deserve it a lot more than I do.
.
Thanks for that. I have downloaded the files but cannot find data\local on my tf.
I have data folder but there is no "local" folder in it. I have looked in system folder and I have no hidden files.....
Did you try creating a folder to put the files in it? I think you have to create it to get it to work. I tested them all via the ADB method so not sure about the file manager way tbh.
Thanks for putting these out - the effort is appreciated!
Had a suggestion if I may? Either a blue Transformer symbol with the exploding effect, or the Transformer symbol with the glowing chrome effect of the stock Android bootscreen - the one with the word "Android" across the middle of the screen....
fisha21 said:
Thanks for putting these out - the effort is appreciated!
Had a suggestion if I may? Either a blue Transformer symbol with the exploding effect, or the Transformer symbol with the glowing chrome effect of the stock Android bootscreen - the one with the word "Android" across the middle of the screen....
Click to expand...
Click to collapse
I'll have a fiddle with those things you mention next weekend if I get the chance.
The decepticon logo instead of autobot would be sweet.
ssj4vegita2002 said:
The decepticon logo instead of autobot would be sweet.
Click to expand...
Click to collapse
+1
Sent from my SPH-D700 using XDA App
ssj4vegita2002 said:
The decepticon logo instead of autobot would be sweet.
Click to expand...
Click to collapse
Decepticon logo added.
Do you do custom requests?
Digiguest said:
Do you do custom requests?
Click to expand...
Click to collapse
If you have something very simple in mind, I might get around to attempting it. But I won't make any promises.
Android text animation added.
steftymo said:
Thanks for that. I have downloaded the files but cannot find data\local on my tf.
I have data folder but there is no "local" folder in it. I have looked in system folder and I have no hidden files.....
Click to expand...
Click to collapse
Make sure it's data/local and NOT system/data
@Fisha21
I had a bit of time so attempted one for you. It's not great but that's the best you're gonna get im afraid. It's the 'Decepticon Zoom' one. Looks better on the tablet than in the gif animation.
stuntdouble said:
@Fisha21
I had a bit of time so attempted one for you. It's not great but that's the best you're gonna get im afraid. It's the 'Decepticon Zoom' one. Looks better on the tablet than in the gif animation.
Click to expand...
Click to collapse
Thanks a lot for that! Saw that one in the OP and thought it looked pretty cool. Will definitely give it a try..
EDIT: So, tried out the Decepticon zoom one, but it seemed to run very choppily, despite several reboots. Do appreciate you taking the time though. I liked the explode one, but not a fan of green. Tried recolouring to blue, but my resulting boot anim seems to run at twice the speed of the original. Not sure what I did wrong. Have attached it, maybe you could try it out, see what I messed up? Also, did you use separate layers for that one? If so, do you have just the exploding effect .pngs without the word "Asus" - would be cool to add different text there....
"Transformer" animation
stuntdouble nice work, thanx for sharing!
i have a few questions, if i may?
what do you use to create the png's, photoshop?
how long did it take you to make "android" animation?
would you be able to make one like "android" but with "transformer" instead?
also, how hard would it be to make an animation like the title of the "Transformers" movie? (or something similar to it)
you can see it in some trailers on YouTube, you know the letters transforming into the final title.
look at the 2nd vid from the top on this page (titled "WATCHPREVIEW"):
h ttp://w ww.amateurmedia.net/transformers-titles-in-cinema-4d/
thanx
no1
no1_cdn said:
what do you use to create the png's, photoshop?
how long did it take you to make "android" animation?
would you be able to make one like "android" but with "transformer" instead?
also, how hard would it be to make an animation like the title of the "Transformers" movie? (or something similar to it) you can see it in some trailers on YouTube, you know the letters transforming into the final title.
Click to expand...
Click to collapse
I've started using Adobe After Effects so I'm just practising the basics at the moment. It can export a series of png's which is handy. It took about an hour to make the 'android' logo from scratch. Sorry but I don't really want to repeat the same stuff over and over as I'm trying to learn new things in the program.
That 'transformers' title logo sequence looks quite cool. I'll try make an 'android' version of that some time.
no1_cdn said:
also, how hard would it be to make an animation like the title of the "Transformers" movie? (or something similar to it)
you can see it in some trailers on YouTube, you know the letters transforming into the final title.
Click to expand...
Click to collapse
You aren't the only one asking for something along these lines, which has inspired me to give it a shot. Not wanting to high-jack stuntdouble's thread or detract from the excellent work he has done on these boot animations, I started another thread to feature this animation.
Transformer Title Boot Animation Thread
fisha21 said:
EDIT: So, tried out the Decepticon zoom one, but it seemed to run very choppily, despite several reboots. Do appreciate you taking the time though. I liked the explode one, but not a fan of green. Tried recolouring to blue, but my resulting boot anim seems to run at twice the speed of the original. Not sure what I did wrong. Have attached it, maybe you could try it out, see what I messed up? Also, did you use separate layers for that one? If so, do you have just the exploding effect .pngs without the word "Asus" - would be cool to add different text there....
Click to expand...
Click to collapse
It usually lags the first time it tries to play the file, on every boot, as it caches the info to ram. My animated gif speeds are normally different from the resulting file, as they are just an example of what the animation looks like, not of the speed as well. If you want yours to run faster or slower then you can change the frames per second figure in the desc.txt file from 20 to something else. A lower number plays it slower and a higher number plays it faster. On the flip side however you have to be careful, because if you increase it too much it will lag a lot. This depends on the filesize of the individual images.
I'll pm you a link to the file and you can play around with it as much as you want.
jschmier said:
Stay tuned...
Click to expand...
Click to collapse
Looks good so far....
stuntdouble said:
It usually lags the first time it tries to play the file, on every boot, as it caches the info to ram. My animated gif speeds are normally different from the resulting file, as they are just an example of what the animation looks like, not of the speed as well.
Click to expand...
Click to collapse
I meant it runs twice the speed of your original green one when I put it on the device itself. Thanks for the PM. And again, thanks for your work so far...
fisha21 said:
I meant it runs twice the speed of your original green one when I put it on the device itself. Thanks for the PM. And again, thanks for your work so far...
Click to expand...
Click to collapse
No problem. Just halve the fps in the desc.txt file then, and re-package into a zip file.
You might consider optimizing the PNG images used in the animations. I don't know enough about the algorithms to know how it impacts rendering, but there is typically a decrease in the overall size of the boot animation. For example, optimizing the PNG images in the exploding ASUS logo animation (explode.zip) via rOptiPng (roptipng -o7 **/*.png) resulted in a ~10.5% (760 KB) size decrease.
This thread is about on how to make your own bootanimation for your I9003 Gingerbread.
BASIC
Inside the sanim.zip file
If you extract the contents of the sanim.zip file to your computer, you will see:
- A desc.txt file
- A part0 folder (Contains PNG images named in incremental numbers)
More part1, part2 etc. folders (May or may not be present)
As you can see, sanim.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.
The folders
These contain PNG images named in numbers, starting from something like 0000.png or 00001.png 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:
480 800 30
p 1 0 part0
p 0 0 part1
As you can see, in the first line, 480 and 800 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. (resolution for I9003 is 480x800)
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 480 by 800 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.
Note: Most high-end Android devices with large screens have a resolution of 480 x 800 pixels, and are referred to as HDPI. Some mid-range devices have a resolution of 320 x 480 pixels and are called MDPI. Lastly, the screen resolution of some low-end devices is 340 x 320 pixels and these are called LDPI.
Requirements:
1. A zip/unzip utility like 7-Zip
2. Image editor of your choice like Photoshop, GIMP, Paint.NET, and also MS Paint.
3. A plain text editor of your choice. Using Windows Notepad for editing text files that are to be used in Linux is not always a good idea, so use something like Notepad++ instead.
4. Creativity and Time
5. I9003 screen resolution is 480x800
Procedure:
1. Go through the entire inside the sanim.zip (Description on the top post, if you haven’t already done so)
2. Plan how your boot animation will run including how many distinct parts it will have, how long will each part play and what will be the sequence of the parts.
3. Make a new folder at any convenient location on your computer, and name it sanim.
4. In this folder, create a folder for each part of your boot animation, named part0, part1 and so on.
5. In the image editor of your choice, make all the image files for each part of your boot animation with the proper which is 480x800 equal to I9003 phone 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.
6. 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 000.png and go on till 075.png, and the images in the second part should then start off with 076.png and go on till – for instance – 123.png.
7. Once you have the images for all the parts done and saved with proper names in each folder, create a text file named desc.txt in the main sanim folder.
8. Open the text file in a text editor and edit it in the format described in detail in the desc.txt file section above. Do consider that a frame rate higher than 30 fps can give issues on many devices.
Note: In case you are converting an existing boot animation to fit your phone’s screen, keep everything the same as in the original desc.txt file and change only the resolution.
9. Now select everything inside the sanim folder and zip them into a new uncompressed zip archive using your favorite compression utility. Here is the method using 7-zip:
9A. Select everything inside the sanim folder.
9B. Right-click on any of the selected files/folders and from the 7-zip menu, select ‘Add to archive’.
9C. Use ‘zip’ as the archive format and ‘store’ as the compression level, and click OK. This will create a file called sanim.zip in the same folder.
DONE with your own bootanimation.
Applying sanim.zip into I9003
Copying the sanim.zip to /system/media/. Make sure you have root access and mount your system to R/W access. This will be done by Root Explorer. After that reboot your I9003
Note: Make sure you have done backup your original sanim.zip to somewhere safe like External Card or PC. This can be done by MOVE the file out from the original place and paste it to your External Card.
The Droids series by Dysgenic
Download (XDA Developer)
Android Particle Ring by Dysgenic (Modified by aph):
Download (XDA Developer)
This article has been modified to fit with I9003 Bootanimation
Original post from www.addictivetips.com
UPDATED (21/10/2011)
Creating a boot animation, start to finish.
The following is a start to finish how to via the method that I create boot animations. I can't take full credit, as I have found bits and pieces here an there. I just put them all together..in one place. This isn't an easy process, and does require quite a bit of time.
Tools you will need
- DVD Videosoft Studio
- Gimp or Paint.net or fotosizer
- Zip file creator like 7zip
So get all the programs dloaded and installed and figure out what you want to use for your animation.
You can use images or a clip of video.
We will begin with a youtube video. Youdoofus has supplied us with an excellent specimen.
YouTube - Doin' Your Mom - with dancing cat
A. Downloading a video (Skip these steps if using some other video. Go to B.)
Open the video studio
Click Youtube
Then Youtube download
Paste the link of the video you want to use
Click download (bottom right)
Close out of the Download screen, un check all of the boxes in the pop-up otherwise the program does install web toolbars.
B. Extracting Images from any video. (Skip to C if you already have images.)
Open the video studio
Click on Photo and Images
Free Video to Jpeg
Browse to you video file
Select the option (I use every frame so I can pic and choose)
Close studio, remember to un check the boxes
C. Convert Images
Create a folder on your desktop and put your images in it.
Use you photo edit tool of choice. I use fotosizer, it allows batch.
Select your size. For the Evo use 480x800
Choose Destination Folder I always create a new folder
Output as .png
Filename mask should be %f (the other options never work for me)
Choose add images
Highlight all of the images
Click Start
Now open the new folder of converted images (you can delete the originals folder from the first step above)
Right click on the first image and select rename
Rename in numerical order 0001 pressing tab after you are done..until you reach the end. I don't use more than 100 images. Small groups like this can be repeated. I only pulled 15 images from the video. We will have it loop in the script below.
D. Building the bootanimaton.zip
Create two folders, named part0 and part1
part0 will contain a single, display once png and part1 would contain the animation images. You can play with different scenarios here...ie loop images until boot is complete or loop once and stop on one last image. I will get more details together soon.
Place animation files in part1 folder and a "frozen image" in part0 if you choose to set it up that way.
We need to tell the animation what to do with this type of txt file
480 800 60
p 0 0 part0
p 0 0 part1
again
The boot animation is stored on your phone as a zip file in the folder /system/media. It consists of 2 folders part0 and part1 and a description text file (desc.txt). Both part0 and part1 folders contain animation frames as PNG files. part0 folder contains those frames which are animated only once, where as part1 folder contains the looped(repeated) frames. The desc.txt file contains the animation settings such as fps (number of frames per second), width, height, times to be played, pause time etc you can change up a lot here.
Ctrl+ select the part0 file the part1 and the desc text file and right click.
Select 7zip or your zip program and then "add to blahblahblah.zip" Make sure to do .zip and not the other choices. Make sure your default settings are for no compression.
Rename the file bootanimation.zip (remember not to name it .zip.zip) I keep a few animations on my sd car in a file called "booty" so I typically put something in front like kitty_bootanimation.zip so i know which is which.
Put the file on your sd card.
Use root explorer to navigate to system.media and rename the current boot animation to whatever you want.
Now copy your new animation from the sd card to system.media
In some cases the animation will be located at system.customize.resource
To add an audio clip use any mp3, renamed android_audio.mp3 and put it in the same place as your animation. Keep in mind audio doesn't work on all roms. You may also need to adjust the length. I use Audacity for that on the pc, and there are a number of ringtone trimmers that will do it on the phone.
ALSO SEE THIS:-
1. How to make your own boot animations (with sound if you want) by despotovski01
2. How to preview your Android boot animations on your computer by despotovski01
3. Boot Animation Creator-Make Android Boot Animations With Ease! by despotovski01
superb bro.
wow.. thanks for sharing man...
doesnt work for me : forum.xda-developers.com/showthread.php?p=18607910#post18607910
Nice Explanation bro..You might check my attched file and Maybe It will fit on your thread...\m/
blaqkarma said:
Nice Explanation bro..You might check my attched file and Maybe It will fit on your thread...\m/
Click to expand...
Click to collapse
OP UPDATED! thanks...
Thanks im a complete beginner at this but gonna give it a go i will share when completed
Sent from galaxy s2 , somewhere having a beer using xda premium
adz63 said:
Thanks im a complete beginner at this but gonna give it a go i will share when completed
Sent from galaxy s2 , somewhere having a beer using xda premium
Click to expand...
Click to collapse
u shud share
Droid Bionic Boot Animation
Heyy guys..can anyone pls provide me with droid bionic boot animation for our GT-i9003 device?? I am trying to downscale the original droid bionic boot animation resolution but it's not working..
Return to Contents Page - doubleshot Developers Reference
----
Part 1: This thread.
Part 2: Edit .9.png files for the MT4GS - step-by-step.
Part 3: Edit Mode10 Files for the MT4GS - step-by-step
--------
In today's workshop we are going to learn how to make changes to the Sense Lockring for the doubleshot.
What you need:
1 - HtcLockScreen.apk from the ( Sense ) ROM you are making it for.
2 - 7-Zip installed and ready.
3 - Photoshop ( or equivalent - directions for photoshop ) installed and ready.
4 - Time, interest, and creativity.
* - Guide written for a Windows XP machine, please adjust accordingly if your environment is different.
--------
Okay - the first thing I want you to do is go to this thread:
Customize Sense 3.0 Lock Ring and read the first and second post completely.
Don't download anything or try to play along, just read it.
When you get to the bottom of post 1, click thanks if you intend to customize your lockring. Ditto on clicking thanks at the bottom of post 2 in that thread if you intend to inscribe text on your Lockring.
Once you have read and thanked the author for both of those posts, come back here and see how much easier it is to do this on the MT4GS then it's sister device.
--------
Preparation: Setup.
Now that you have a rough idea of what you have to do, forget about the .m10 tools, fusion.apk, and everything else except for the requirements I listed at the top of this post. Easier already, huh?
First things first - let's set up our dev environment.
1 - Go to your computer desktop, right click and make a new folder. Call this folder "LockringEdits".
2 - Place your HtcLockScreen.apk file in the "LockringEdits" folder.
3 - Open the "LockringEdits" folder, and create two new folders in it. Call one "LockringOriginal" and the other one "Lockring001".
4 - Right click on the HtcLockScreen.apk file and choose "copy" from the menu.
5 - Open the "LockringOriginal" folder, and then right-click in an empty area of the folder and select "paste" from the options menu. Once pasted, go back up one level to the "LockringEdits" main folder.
6 - Repeat step 4, then step 5 again pasting into the "Lockring001" folder instead.
7 - Stop.
Recap setup:
We now have 3 copies of our HtcLockScreen.apk file in 3 different folders.
- The "LockringOriginal" folder is a backup of our HtcLockScreen.apk file and you hopefully won't have to go in there at all, but just in case you need it it's there.
- The "Lockring001" folder is where we will actually be working on our first Lockring, and has the HtcLockScreen.apk file we are going to edit.
- The "LockringEdit" main folder this project is in also has a copy of HtcLockScreen, so when you make your next project folder ( 002 ) you have a fresh file to copy into it.
--------
Make sure you have 7-zip and Photoshop installed, and you have rebooted your computer after the install, before moving on with this project.
Now that we have our project folders set up, time to get down to business. We are going to extract the graphics we are going to change, change them, and then add them back into the .apk file.
Easy, right? Yep - and here's how:
--------
Part 1: Extraction.
1 - Navigate to the "Lockring001" folder if you aren't in it already.
2 - Right click on HtcLockScreen.apk - highlight the "7-Zip" menu option, and when the next menu pops up choose "Open archive".
*Note: Just "Open archive" NOT the option with another menu of choices.
2A - You should now have a window open that shows the contents of the HtcLockScreen.apk file.
3 - Double-left-click the "res" folder, and then double-left-click the "drawable-hdpi" folder.
4 - Scroll down the list until you see "lockscreen_ring.png" and left-click once and hold to drag it out of the .apk file and drop it in the "Lockring001" folder.
4A - Also scroll down the list and find "lockscreen_ring_highlight.png" and drag that out of the .apk file and into the "Lockring001" folder as well.
4B - Close the 7-Zip window.
5 - Stop.
--------
You should now see in the "Lockring001" folder 3 files:
- HtcLockScreen.apk
- lockscreen_ring.png
- lockscreen_ring_highlight.png
Switch your view of this folder to "thumbnails" so you can see what the pictures look like while they are sitting in the folder.
--------
Part 2: Coloring.
1 - Open photoshop. Once it loads up, go to file->open and open each of the .png files one at a time.
2 - Position them in the Photoshop window so they sit next to each other and you can see them both.
3 - Click in the "lockscreen_ring.png" window, and then go up to and click "Image" in the menu at the top of your Photoshop window. Highlight "Mode" and make sure that "RGB Color" and "8 bits/channel" are both checked. If not, make them so.
3A - Do the same for "lockscreen_ring_highlight.png".
4 - Click back on the "lockscreen_ring.png" window to bring it into focus.
5 - Go back up to "Image" in the menu at the top of your Photoshop window. Highlight "Adjustments" and then select "Color Balance" from the menu.
6 - In the window that pops up, make sure "Midtones" is selected at the bottom, then grab the middle slider and drag it all the way to "Green".
The middle text box at the top of the color balance window should now read "+100" and the lock ring itself should be a semi see-through green.
( If not, make sure the "preview" option is checked in the color balance window to see your changes in real-time before making them. )
7 - Select "OK" in the color balance window, and then save the colored lockring.
8 - Repeat steps 5 to 7 for "lockscreen_ring_highlight.png".
9 - Close Photoshop after having saved both pictures, and navigate back to the "Lockring001" folder if not there already.
10 - Stop.
--------
Part 3: Replacing the graphics.
You should now have two green lockring pictures in the "Lockring001" folder next to the HtcLockScreen.apk file.
We are almost done, we just have to add these graphics back in to the HtcLockScreen.apk file to finish it off. Do that by:
1 - Right click on HtcLockScreen.apk - highlight the "7-Zip" menu option, and when the next menu pops up choose "Open archive".
*Note: Just "Open archive" NOT the option with another menu of choices.
1A - You should now have a window open that shows the contents of the HtcLockScreen.apk file.
2 - Double-left-click the "res" folder, and then double-left-click the "drawable-hdpi" folder.
3 - Select both of the edited graphics in the "Lockring001" folder, and then drag them into the 7-Zip window. Make sure you are in the "drawable-hdpi" folder in the 7-Zip window before doing so.
4 - Confirm the file copy, let it copy, and then close the 7-Zip window when it's done.
That's it!
You have now successfully changed the color of your Lockring for the Sense doubleshot ROM you got the HtclockScreen.apk file from.
The only thing left to do is get the HtcLockScreen.apk file on the device, and replace the one already on it in /system/app. Once that's done, you can enjoy your new custom colored lockring!
--------
Part 4: Engraving.
Now that we've learned that coloring the lockring is pretty easy, especially compared to the hoops they had to jump through on the Sensation to do the same thing, let's look at engraving some text on the lockring.
Again, we have it easy. Unlike on the Sensation, our lockring is right-side up and facing the right way. You can just type your text as normal over it and it'll be just right.
Repeat the steps from above to extract and load the two lockring graphic files into Photoshop.
Type your text over the first lockring, bend it and position it so it looks good on the ring.
Then follow this quote from the Sensation lockring guide:
mohit1234 said:
Engrave on the Lock Ring
Open the lock ring in Photoshop.
Click on the TYPE TOOL in the sidebar on the left and type the text you want to engrave.
On the right sidebar, right click on the layer with your text and click on blending options.
Select inner shadow and input the following settings:-
Blend Mode = Multiply
Color = Black
Angle = 30
Use Global Light box ticked
Opacity = 75%
Distance = 5px
Choke = 7%
Size = 5px
Then select bevel and emboss and input the following settings:-
Style = Outer Bevel
Technique = Chisel Hard
Depth = 1000%
Direction = Up
Size = 0px
Soften = 16px
Angle = 30
Altitude = 30
Use Global Light box ticked
Highlight mode = Screen
Color of Highlight Mode = White
Opacity = 75%
Shadow mode = Multiply
Color of Shadow mode = black
Opacity = 75%
Click OK and save the file as a PNG file.
There will be a popup asking whether you want the PNG to be interlaced or not. Choose none.
Change the color of the Lock Ring
Open the lock ring in Photoshop.
From the top menu, go to Image ---> Adjustments ---> Variations.
A window will open up.
In the window that just opened, move the pointer towards Coarse.
You can now select the color that you want.
You can also adjust the pointer between fine and coarse depending on the color you wish to achieve.
There are also options of Light and Dark which will also help to get the desired color.
After you've changed the color, click on save and save it as a PNG file.
Click to expand...
Click to collapse
...and that's basically it.
The only other thing you have to do is go back to the Sensation lockring tutorial and click thanks on both the first and second posts - because that tutorial made your life a whole lot easier.
--------
Conclusion & Thoughts:
Now that it's pretty plain out there how to make changes to the lockring on a Sense ROM for the doubleshot, i'm looking forward to seeing what the rest of you come up with.
I am not such a fan of graphics work, i'd rather be coding, but there are certainly some very talented and creatively artistic people floating around here.
Experiment, try different things, figure out how to make different shapes, and come up with some cool stuff.
I found out how to change the color of the ring on my own while I was overhauling the graphics on my ROM, I just decompiled and went through every app one at a time and changed any graphics file I could find to see what happened.
On a lark I searched for lockrings on XDA to see what was out there after I got my rainbow of colors, and found the Sensation lockring tutorial that taught me how to engrave them and a healthy appreciation for how easy it was to edit the lockrings on our device.
- ...and yes, you did just learn how to edit just about any graphic in any .apk file you come across on the device.
- If you want to start using this information to edit other graphics on your phone, DO NOT EDIT any .9.png graphics you find in this manner. You must use a completely different approach and actually de-compile and re-compile the .apk you take them from for them to work right.
See this thread: Edit .9.png files for the MT4GS - step-by-step. for .9.png files.
Other then that, just about anything else is fair game.
I tried to make the guide as simple as possible, aimed at someone with little-to-no photoshop knowledge or 7-Zip experience. All you need is an interest in doing it, and the tools to do so - the how is right here.
Here's the door, wide open, and I can't wait to see what happens when some of you walk through it.
Happy modding!
Edit - also - some graphics packages ( Like boot animations ) need to be placed back into the archives or archived without being compressed. The drag and drop method of using 7-Zip to do this will compress those images and then the file won't work anymore.
If you start messing with more graphics then the lockring explained above - just make sure to look at the information in the 7-Zip window before you remove it. It'll show you the actual size and compressed size - if they are both the same then you need to make sure it gets back into the archive without being compressed.
I use winrar for that function, I like it and it forces me to realize what graphics are compressed or not because I use a different program to deal with ones that aren't.
Your mileage may vary, but that works great for me, and is a good suggestion for others.
--------
EDIT: 12/16/2011
Lockscreen_ring.png
This is the graphic that shows when you need to grab it, so when the lockring is at rest on the lockscreen.
Lockscreen_ring_highlight.png
This is the graphic that is used to make it grow and appear to fly out of the phone at you once it is activated.
If the two graphics are not lined up the same in the .png files, you will have bugs.
Thus far the only bug i've encountered is that the screen turns off as it's booting - easily solved by just hitting the power or trackpad buttons to get it on again.
There may be other bugs that have not been found yet - it is recommended to keep both .png files with the graphics in the same place, and not one lower and the other higher. I am not sure what happens if you use two different graphics.
Also:
I have noticed no impact on the lock ring when you change the hidden .m10 lockring graphic in fusion.apk
What I have noticed is changing this graphic makes fusion.apk a bit buggy, and lags the system.
At this time it is still recommended to ignore the fusion.apk file altogether as mentioned at the top of this posting.
--------
Make sure to browse the first few posts after this one in the thread, some more in-depth and helpful explanations of the process and particulars is there.
aad4321 said:
Y u no have picture?!?
Click to expand...
Click to collapse
I suppose I could take screenshots at each step of the process and work them into the guide...
I've still got a few more tutorials to type up and some work to do on my ROM, so i'll get around to doing that but it's not something i'm in a big hurry to do.
I tried to make sure to over-exaggerate the explanations to make the guide crystal clear for someone to follow, as this is part 1 of 3 and I wanted to target people who have little to no experience and walk them through it. That hopefully sets them up to be able to take advantage of the other two parts after they get finished and written.
I'll link all 3 together once they are done.
Edit: For the time being if you want to see what the lockring looks like in different colors, here's the picture I posted in my ROM thread for the different lockring mod packages I made for it:
{
"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"
}
... which shows different colors and with text engraved.
There is actually text on both the top and bottom of the lockring, and when you pull it up you can see what's on the bottom.
( Just my handle, for the curious. I'm not so vain as to make that what you see on the top half of the lockring. )
Some more examples:
Misc Lockring 000
md5 = 78bc3cb1cd705f7971d937b82af5c033
Original Art - Blue6IX
Non circle design:
Batman Lockring 005
md5 = cf8c6ccc230dcfb7b547db08ffbeb279
Graphic Source
*Note - flashing these two examples will also change your lockscreen icons to Bulletproof Green.
Wu Tang Lock Rings
I haven't had much chance to test, but throwing them up anyway.
Possibly a little glitchy, I was just testing this tutorial to see if I can get it to work.
(Alpha & Ring Sizes I think need to be tweaked, I may have overlooked the Ring heights - hence they maybe a little too short.)
I am happy to rework any of these if anyone wants em cleaner.
Enjoy
5 Wu tang Rings in one zip, extract them and flash them singularly/individually at will.
DL Link = http://www.megaupload.com/?d=TXW8229A
The plunge - someone has taken it!
Looks pretty happy, now we're getting somewhere
I gotta run out for a bit, but when I get back i'm gonna download them and try them out.
One thing I forgot to mention is that the image size is:
244 pixels
by
243 pixels
If anything is bigger it just gets cut off, but it'll still work fine.
Even if they end up being too low and you can't see them on the lockscreen, you can drag from anywhere on-screen to pull it up, you don't have to touch the graphic.
Keep 'em coming!
Blue6IX said:
The plunge - someone has taken it!
Looks pretty happy, now we're getting somewhere
I gotta run out for a bit, but when I get back i'm gonna download them and try them out.
One thing I forgot to mention is that the image size is:
244 pixels
by
243 pixels
If anything is bigger it just gets cut off, but it'll still work fine.
Even if they end up being too low and you can't see them on the lockscreen, you can drag from anywhere on-screen to pull it up, you don't have to touch the graphic.
Keep 'em coming!
Click to expand...
Click to collapse
Yeap, I note the sizes (244 by 243 when extracting your original .png files... However these wu images are more oval then round, hence I retained the width at 244, but lost some height trying preserve aspect ratio.)
You're wright, the rings are still useable however slightly too short (hence not as visible as a perfect 244 by 243 ring.)
Defo gonna rework these & make moreeeeeee.
Great simple tutorial, with the necessary programs, I can knock these rings out in like less then 5mins having found a nice graphic to work with.)
Forgot to hit Thanks, will do when back on PC.
Sent from my Bulletproof_Doubleshot using XDA App
You might want to download one of my oval-shaped batman logo lockrings from the Bulletproof thread - they suffer from the same issue.
What I did was make them sit higher on both graphics, instead of centered.
This shows them above the bottom of the screen before you touch them.
One thing to note, though, is that the animation that makes it fly towards you getting bigger on the unlock becomes off-center as well. If you raise it too high it just pops up near the top of the screen and becomes much less visually impressive.
Because Photoshop lets you use layers, I left the original lockring and pasted my new graphic over it, then moved it around using the original graphic as a guide to get it positioned well.
Once I had it where I wanted it, I simply clicked the layer underneath for the original graphic and deleted it, leaving only my newly pasted and aligned image.
Let me actually grab a quick screenie to show you what I mean - give me a few mins to get it edited in.
Edit:
Broke my screenshot function on my computer for the moment - so took a pic with the MT4GS camera - sorry about that.
Here you can see how I positioned it, kind of a happy medium of getting it higher on the graphic but not too high:
Then click on the layer for the grey ring, select delete, and it's all set.
Here is what it looks like in action:
Edit again:
For the sake of convenience, i'm posting the download info for the lockring made of the graphic pictured in the photoshop window just above, that way people can easily download an example of what the picture is showing after it's finished.
Batman Lockring 001
md5 = c6b1efd118ab0e8d6b4e1beaa42b4ffb
Graphic Source
*Note - flashing this example will also change your lockscreen icons to Bulletproof Green.
Blue6IX said:
You might want to download one of my oval-shaped batman logo lockrings from the Bulletproof thread - they suffer from the same issue.
What I did was make them sit higher on both graphics, instead of centered.
This shows them above the bottom of the screen before you touch them.
One thing to note, though, is that the animation that makes it fly towards you getting bigger on the unlock becomes off-center as well. If you raise it too high it just pops up near the top of the screen and becomes much less visually impressive.
Because Photoshop lets you use layers, I left the original lockring and pasted my new graphic over it, then moved it around using the original graphic as a guide to get it positioned well.
Once I had it where I wanted it, I simply clicked the layer underneath for the original graphic and deleted it, leaving only my newly pasted and aligned image.
Let me actually grab a quick screenie to show you what I mean - give me a few mins to get it edited in.
Click to expand...
Click to collapse
I like it, that's very useful info. Great concept in prepping the positioning with layers - niiice!
Sent from my Bulletproof_Doubleshot using XDA App
dillalade said:
I like it, that's very useful info. Great concept in prepping the positioning with layers - niiice!
Sent from my Bulletproof_Doubleshot using XDA App
Click to expand...
Click to collapse
The hardest thing about writing up tutorials is communicating all the minor details.
It's easy to take for granted the knowledge that you have, like using layers together for example - for people who don't or haven't spent much time using a particular tool what is obvious to someone is not to someone else.
I'm glad i'm starting to get people just diving in and making stuff, because all the little things that didn't get mentioned get brought up and explained.
No matter how hard you try to cover all your bases, you'll always forget something.
I'm going to give this a try as soon as I finish getting BulletProof 1.1 set up properly and the corresponding backups made. (I have an older but still very uasable version of Photoshop around here somewhere) But I DID want to take a second and thank you for all your hard work on this ROM that runs sooooo smoothly but not only that....I want to commend you on your selfless desire to teach the rest of us about what you are doing internally with your phases of programming on this ROM. Other experienced programers, I'm Sure, appreciate your efforts on this ROM as well as your other work Blue but I HOPE that a few others will follow your lead in the role of teacher that you have taken on SO well. That alone, is appreciated beyond simple words by those of us that have always had an interest in programming, graphics, modeling, etc.... but have never seen a valid starting point before now. Your detailed explainations along with the open source nature of Linux is an inspiration that makes many (I am sure) reevaluate the possibility of it being within more people's grasps that before now have only sat in awe of the ability of real programmers like yourself. Have you ever given any thought to teaching computer programming at a college for pay so that you could get paid for what you undoubtably LOVE and that give you more time than you now have for you research?? I just HAD to ask.....and THANK YOU again.
WeekendsR2Short said:
... Have you ever given any thought to teaching computer programming at a college for pay so that you could get paid for what you undoubtably LOVE and that give you more time than you now have for you research?? I just HAD to ask.....and THANK YOU again.
Click to expand...
Click to collapse
As far as being paid money to teach people...not too interested in that at this point in my life. It would twist my desire to do so into something else altogether. I prefer to give freely and help others advance who are willing to invest the time and effort to do so.
Thank you so much! ^^^
hi, do you know how to edit the shortcut icon container? I'm using MikXe sense 3.6 rom and can't find where to edit that, thanks.
Can anyone repost some pics I would like to make my lock ring a chevy emblem thanks in adv.
Hey guys, I have been creating some custom boot animations, and particularly the one located in my signature (revolver 4 boot animation) has some quirkiness to it..
It seems to want to stop playing on a certain image (around 57 of 69 images, something like that). I have checked;
My desc.txt file (all is in order and even swapped out some known-working files as a test, only modifying the resolution/fps line)
The image names and sizes (no numbers skipped/duplicated, no anomalies, all images around the same size of 47KB, all filenames are 5 characters, all PNG format)
I even copied the part0 folder and renamed it part1 and added a part1 line to the desc.txt file to allow it to change to try and get it to loop, it will loop the first 'part0' folder (even playing the images that are usually cut off) but as soon as it reaches part1, it hits the 57th (or whichever file it is) and goes blank..
I am using VIM to edit text and 7zip to pack the files, though that would seem to be OK since if either one was a problem the animation wouldn't play to begin with..the file is in my signature if anyone wants to play around with it and help me out. I can't seem to figure out what the main problem is- so the compromise is either have part1 folder, and/or loop the part0 a few times (haven't even tried but suspect it will go blank on first repeated loop), or have part1 added, add a part 2, etc. to allow it to loop (or just add another 'p1 0 part0' in the desc.txt). And btw, I have tried;
Code:
800 700 20
p0 0 part0
It won't play but once, even though the first 0 is by all accounts supposed to make it loop indefinitely..so, I'm at a loss.
Any help would be greatly appreciated.
I am having a pretty big problem with bootanimations as well but mine will not even run once. Super frustrating. Even when i take a working boot animation and swap out the photos with the same resolution it does not work.
There is something funny about bootanimations- I think you have to use the store function, so that it isn't compressed. Also, maybe the old fashion zip would be compatible- 7zip might not be? Isn't that a windows thing?
gee one said:
There is something funny about bootanimations- I think you have to use the store function, so that it isn't compressed. Also, maybe the old fashion zip would be compatible- 7zip might not be? Isn't that a windows thing?
Click to expand...
Click to collapse
Using WinRar and Store... Probably something to do with the depth of the pictures or the encoding on them
The red flags are flying- It has the same first letters as windows and it's not open source.
Try taking a working bootanimation and re-arranging/re-numbering the images. If it works, then it's your images. If it doesn't, go open source.
gee one said:
The red flags are flying- It has the same first letters as windows and it's not open source.
Try taking a working bootanimation and re-arranging/re-numbering the images. If it works, then it's your images. If it doesn't, go open source.
Click to expand...
Click to collapse
i got it i forgot to flatten my images in photoshop. i feel a little stupid
This is the first issue I've had with it..t may be that I converted the mages from an animated GIF into several frames and then n photoshop saved them as PNGs, but I have other animations that I have created that run fine;
You do need a unix-friendly notepad, like notepad++ or VIM, and yes I pack the files so that they are simply stored; like I said, they play, they just don't finish the animation cycle..and I have heard that there is a limit to how many files can be in a folder, but that it was well-above 70..I have 69..so should not be an issue. Anyone tried my boot animation? It still plays and looks cool, but doesn't loop like it should.
Hey luna this might help its the desc file i used to finally get mine working
Code:
1280 800 20
p1 0 part0
p0 0 part1
mrevankyle said:
Hey luna this might help its the desc file i used to finally get mine working
Code:
1280 800 20
p1 0 part0
p0 0 part1
Click to expand...
Click to collapse
The code means;
1280 800 20
This is resolution (w x h) and the fps (how many images cycle per second)
p1 0 part0
p1= play once (p5 would be play 5x, p0 is play indefinitely), 0 = 0ms delay between initiation and first image and part0 is the folder for the images..
My problem is this; my image files are 800 x 700 and play at 29fps, so first line is obvious- 800 700 29
second line is p0 0 part0, where the image is supposed to run indefinitely. It does not though. It runs once if I use 'p1 0 part0', but does not play all the way through. Yet if the desc file were not right at all, it wouldn't play it would be blank. So I have the desc file compiled, properly otherwise the image in part0 would not even play..the problem is the images do not fully cycle..I appreciate your help but it seems I know more about these files than you do (no offense mate)..I need to figure out why the settings do not run indefinitely until boot, and does not even finish the animation completely..but plays and then goes blank halfway through it...
But when I put a duplicate folder, part1, with the same animation images, and add 'p0 0 part1' to the desc file, the FIRST animation WILL play all the way through, then the second one crashes it..
Android is funny about some things, folder hierarchy, capitalization and folder name structure, file size and compression ratio, etc..I can't seem to figure out why one of my animation images seems to crash the animation altogether..halfway through.
you probobly do know more than me about it as this is the first boot animation i have worked on. Bud i did know what everything in the code meant. And i have looked at quite a few boot animaions in the last few days. It seems to me that the standard workaround is that if you put only the first frame in part 0 with "p1 0 part0" then everything else in part1 with "p0 0 part1" it may fix it.
mrevankyle said:
you probobly do know more than me about it as this is the first boot animation i have worked on. Bud i did know what everything in the code meant. And i have looked at quite a few boot animaions in the last few days. It seems to me that the standard workaround is that if you put only the first frame in part 0 with "p1 0 part0" then everything else in part1 with "p0 0 part1" it may fix it.
Click to expand...
Click to collapse
Good idea...I am going to give it a shot, one thing I have not tried yet is splitting the part0 folder up into multiple folders, I have some doubts that will work but at this point it is worth trying I'll let you know if it solves the issue.
EDIT:
Nope...couldn't even get that one to play at all..and now for some reason my desc.txt file isn't working, I even created one from scratch in VIM and it would not work..blanks screen now. WTF..this should not be this tricky..
png software
could anyone tell me what software I can use to convert a gif animation into a series of png files. I have tried a few freeware converters but not had any luck, or even better a program that can convert any video file into a series of png's so I can skip the gif altogether?