[BOOTANIMATION] Android Oreo Bootanimation Concept - Nexus 5 Themes and Apps

Hello Guys , I was very excited by android 8.0 and i also love oreos!
So long story short , I made this bootanimation for my device that looks like Android Oreo boot animation.
I tested this on my Moto G4 plus and my friend tested it on Nexus 5 and it worked great for him.
I dont have any other device to try so i want you guys to give it a go and let me know how it works!
So the problem is that i am not very good at making bootanimation , i know how to design but with the bootanimations i am new. So i thought you guys could help me with the animation and how to make it run smoothly on all devices.
I dont know much about the desc file also i just tried to make one using the default android bootanim and it worked.
These are the things that i need help with
1. Making the size of the zip small
2. Making such that part2 runs full even if the device is fully booted , i did that for the 1080p one and it worked but not for the 720p one.
3. Making the bootanimation for 720p devices , i have resized it and it plays also but the point 2. is not working. i.e. the part2 sometimes plays fully sometimes doesnt.
4. Porting it for 1440p devices, I will give the resources (the png files and the zip) and if someone can port it , it would be awesome!
5. Make the animations run at 30 fps .Right now i make the animations at 20fps and run them at 60 to make them look smooth.
It would be really helpful if you guys can help me with the process and i will credit you in the video and at the end of this thread also
Cheers
Here is the Video : https://youtu.be/fNCT-oiepCw
{
"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 :
1080p : http://www.mediafire.com/file/9f5z9ffp1a7b4m5/bootanimation.zip
720p : http://www.mediafire.com/file/vo74la7eamfg41w/bootanimation.zip
Let me know what you guys think of the Bootanimation any Suggestions are welcome.

Wow! A beautiful, gorgeous animation.
I'll give you some general pointers, based-on my experiences with animations on the N5:
- For full-screen animations, I recommend frames that do not exceed dimensions of 720x1280 pixels. My N5 (and many others) lock-up with anything larger than that. You simply scale it from 720x1280 to 1080x1920 in the desc.txt. Maybe I'm blind, but I really can't tell the difference between 1080x1920, and 720x1280 scaled-to 1080x1920 ***ON A 5-INCH SCREEN***.
- I've had issues when the number of frames in folders. For non-looping folders, I recommend not exceeding 199 frames; for looping folders, I try keeping that value under 100. There are animations that get away with many more frames in a folder, but those animations have very small frame sizes. For full-screen animations, keep a tight reign on frame counts.
- Keep the fame image sizes small. I try and target under 120KB per image, and much less if I can. You can save as JPG (and reduce quality), reduce the image sizes by scaling or cropping, or reduce the image palette (number of image colors).
TechBurner said:
These are the things that i need help with
1. Making the size of the zip small
2. Making such that part2 runs full even if the device is fully booted , i did that for the 1080p one and it worked but not for the 720p one.
3. Making the bootanimation for 720p devices , i have resized it and it plays also but the point 2. is not working. i.e. the part2 sometimes plays fully sometimes doesnt.
4. Porting it for 1440p devices, I will give the resources (the png files and the zip) and if someone can port it , it would be awesome!
5. Make the animations run at 30 fps .Right now i make the animations at 20fps and run them at 60 to make them look smooth.
Click to expand...
Click to collapse
I'll address your questions:
1. Smaller zip:
Scale the images: I scaled your animation from 1080x1920 to 720x1280, and the zip size decreased from 21MB to 12MB.
Optimize: I post-processed the scaled images further with "optipng" (in lossless mode), and it further reduced the total archive from 12MB to 10MB. Optipng looks at the palette, and determines how best to save the image.
Reduce the palette: Your images are RGB/24-bit. You could reduce the frames to 8-bit (256 colors), but you'll run into potential issues with banding of gradients. Optipng does essentially the same thing in a "nicer" way.
Scaling the images and optimizing them, while keeping them as PNG files is probably the best route.
2. Making part2 run on all devices:
Try reducing the number of frames in that folder, or shorten that segment of the animation. 227 frames is too many.
Your "part2" folder is the largest part of the animation. With the "c's" in the desc.txt, the last folder is the "close-out", or conclusion to the animation. The "c" identifiers tell the phone "do this until you hit this milestone, then do this". That last folder should be brief; I'm usually seeing it used after coming out of a long loop, with a quick transition from the loop to a logo of some type. The phone also expects it to be short, or it would stay on the loop longer. The 720p phone might be thinking "I'm not waiting for this final folder to complete; I'm ready to go to the lockscreen NOW". At 60 FPS and 212 frames, that's just under 4 seconds; perhaps that should be 2 seconds or so. Dunno. You'll have to play.
3. Making it run on 720p devices:
Could be solved by #2 above, or another solution. I'm looking at your desc.txt, and I don't think it's right.
Code:
1080 1920 60
c 1 0 part0 #FFFFFF -1
c 1 0 part1 #FFFFFF -1
c 1 0 part2 #FFFFFF -1
Let's look at this.
First, get rid of the "#FFFFFF -1" on every line. You're running a full-screen animation, yet you're pulling-in a white background. Not needed, unless you're letter-boxing (cropping) the animation.
Your "loop" is folder "part1", yet you're not looping it. "c 1 0 part1" should be "c 0 0 part1". If there were "p's" instead of "c's", a "p 0 0 part1" would never get to the next folder; that "c" tells it to "continue looping until you hit the next event"
I think you're desc.txt should look like:
Code:
1080 1920 60
c 1 0 part0
c 0 0 part1
c 1 0 part2
4. Porting it for 1440p devices:
All you need to do change the desc.txt line from "1080 1920 60" to "1440 2560 60". That's it. Either the 720x1280 or 1080x1920 frames will work fine. I'd still probably use the smaller 720p frames, but the 1080p frames will probably work. Again, I question whether anyone can tell the difference between 1440p frames and 1080p frames (scaled to 1440p) on a 6-inch screen.
5. Make the animations run at 30 fps:
Delete every other frame (odds or evens) in the animation, and change "1080 1920 60" to "1080 1920 30". Easy.
Some things to look at:
- Your loop, "part1" is very short, considering it's probably the longest thing that folks will see while booting. I'd love to see more of the pizazz you have in folder "part2", frames 48-77, incorporated into folder "part1"
- In "part2" frames 257-274 are identical. That's 18 frames. Removes frames 258-274, and in the desc.txt, you can change the last line from "c 1 0 part2" to "c 1 17 part2"; that will run the frames through once, then hold the last frame for 17 frames duration. And you get to kill 17 frames.

androcraze said:
Wow! A beautiful, gorgeous animation.
I'll give you some general pointers, based-on my experiences with animations on the N5:
- For full-screen animations, I recommend frames that do not exceed dimensions of 720x1280 pixels. My N5 (and many others) lock-up with anything larger than that. You simply scale it from 720x1280 to 1080x1920 in the desc.txt. Maybe I'm blind, but I really can't tell the difference between 1080x1920, and 720x1280 scaled-to 1080x1920 ***ON A 5-INCH SCREEN***.
- I've had issues when the number of frames in folders. For non-looping folders, I recommend not exceeding 199 frames; for looping folders, I try keeping that value under 100. There are animations that get away with many more frames in a folder, but those animations have very small frame sizes. For full-screen animations, keep a tight reign on frame counts.
- Keep the fame image sizes small. I try and target under 120KB per image, and much less if I can. You can save as JPG (and reduce quality), reduce the image sizes by scaling or cropping, or reduce the image palette (number of image colors).
I'll address your questions:
1. Smaller zip:
Scale the images: I scaled your animation from 1080x1920 to 720x1280, and the zip size decreased from 21MB to 12MB.
Optimize: I post-processed the scaled images further with "optipng" (in lossless mode), and it further reduced the total archive from 12MB to 10MB. Optipng looks at the palette, and determines how best to save the image.
Reduce the palette: Your images are RGB/24-bit. You could reduce the frames to 8-bit (256 colors), but you'll run into potential issues with banding of gradients. Optipng does essentially the same thing in a "nicer" way.
Scaling the images and optimizing them, while keeping them as PNG files is probably the best route.
2. Making part2 run on all devices:
Try reducing the number of frames in that folder, or shorten that segment of the animation. 227 frames is too many.
Your "part2" folder is the largest part of the animation. With the "c's" in the desc.txt, the last folder is the "close-out", or conclusion to the animation. The "c" identifiers tell the phone "do this until you hit this milestone, then do this". That last folder should be brief; I'm usually seeing it used after coming out of a long loop, with a quick transition from the loop to a logo of some type. The phone also expects it to be short, or it would stay on the loop longer. The 720p phone might be thinking "I'm not waiting for this final folder to complete; I'm ready to go to the lockscreen NOW". At 60 FPS and 212 frames, that's just under 4 seconds; perhaps that should be 2 seconds or so. Dunno. You'll have to play.
3. Making it run on 720p devices:
Could be solved by #2 above, or another solution. I'm looking at your desc.txt, and I don't think it's right.
Code:
1080 1920 60
c 1 0 part0 #FFFFFF -1
c 1 0 part1 #FFFFFF -1
c 1 0 part2 #FFFFFF -1
Let's look at this.
First, get rid of the "#FFFFFF -1" on every line. You're running a full-screen animation, yet you're pulling-in a white background. Not needed, unless you're letter-boxing (cropping) the animation.
Your "loop" is folder "part1", yet you're not looping it. "c 1 0 part1" should be "c 0 0 part1". If there were "p's" instead of "c's", a "p 0 0 part1" would never get to the next folder; that "c" tells it to "continue looping until you hit the next event"
I think you're desc.txt should look like:
Code:
1080 1920 60
c 1 0 part0
c 0 0 part1
c 1 0 part2
4. Porting it for 1440p devices:
All you need to do change the desc.txt line from "1080 1920 60" to "1440 2560 60". That's it. Either the 720x1280 or 1080x1920 frames will work fine. I'd still probably use the smaller 720p frames, but the 1080p frames will probably work. Again, I question whether anyone can tell the difference between 1440p frames and 1080p frames (scaled to 1440p) on a 6-inch screen.
5. Make the animations run at 30 fps:
Delete every other frame (odds or evens) in the animation, and change "1080 1920 60" to "1080 1920 30". Easy.
Some things to look at:
- Your loop, "part1" is very short, considering it's probably the longest thing that folks will see while booting. I'd love to see more of the pizazz you have in folder "part2", frames 48-77, incorporated into folder "part1"
- In "part2" frames 257-274 are identical. That's 18 frames. Removes frames 258-274, and in the desc.txt, you can change the last line from "c 1 0 part2" to "c 1 17 part2"; that will run the frames through once, then hold the last frame for 17 frames duration. And you get to kill 17 frames.
Click to expand...
Click to collapse
I tried scaling the animation, i used 720p resources and changed the resolution in the desc file to 1080p but it didnt show, i will try again though!
Should i transfer frames from part2 to part1 because there is no loop in the animation. I just want the animation to play at once and if the device is still not booted the last frame to hold , and i want all the parts to be displayed and the phone should not start untill the animation is finished.
I tried to understand it but i am not sure if i put "c" then the animation will play fully then switch to the next event or its something else?
Thank you soo much for the reply , I have been looking for help on this and couldnt find it anywhere!

TechBurner said:
I tried scaling the animation, i used 720p resources and changed the resolution in the desc file to 1080p but it didnt show, i will try again though!
Should i transfer frames from part2 to part1 because there is no loop in the animation. I just want the animation to play at once and if the device is still not booted the last frame to hold , and i want all the parts to be displayed and the phone should not start untill the animation is finished.
I tried to understand it but i am not sure if i put "c" then the animation will play fully then switch to the next event or its something else?
Thank you soo much for the reply , I have been looking for help on this and couldnt find it anywhere!
Click to expand...
Click to collapse
You don't have to touch the desc.txt if you're scaling. As long as the images retain the 9:16 ratio (1080x1920, 720x1280, 540x960, etc.), the dect.txt file will scale it to 1080x1920 if you direct it to (which you are already doing).
First, with the detail and animation you have, I highly recommend a loop. What I laid-out should work fine. Loops are nice because they show activity. What you're proposing is confusing to users; the animation at 60 FPS would complete in 4 seconds (with about 250 frames, as I'm suggesting), then you'd have a static "G" logo for 12+ seconds. I'd be in a panic thinking my phone had frozen. Depending on what's going on with the phone, that 16 seconds could stretch to a minute or more. Unsettling for me without some sort of activity.
If you want each frame to play once, and hold the last frame, you're doing things entirely wrong. Your desc.txt should be:
Code:
1080 1920 60
p 1 0 part0
p 1 0 part1
p 0 0 part2
With:
part0 - frames 008-125
part1 - frames 126-256
part2 - frame 257 only
Please have a loop and don't make it a static run-through. I'd have those Oreos in "part1" dancing, spinning, and flipping, showing that the phone is alive.
---------- Post added at 11:57 ---------- Previous post was at 11:45 ----------
TechBurner said:
I tried scaling the animation, i used 720p resources and changed the resolution in the desc file to 1080p but it didnt show, i will try again though!
Should i transfer frames from part2 to part1 because there is no loop in the animation. I just want the animation to play at once and if the device is still not booted the last frame to hold , and i want all the parts to be displayed and the phone should not start untill the animation is finished.
I tried to understand it but i am not sure if i put "c" then the animation will play fully then switch to the next event or its something else?
Thank you soo much for the reply , I have been looking for help on this and couldnt find it anywhere!
Click to expand...
Click to collapse
What I'd also do is go back and look again at how the Marshmallow and Lollipop factory animations work. I have examples in my thread. Hopefully some of the things I've chatted about have made things clearer.
part1 is a potential loop.
frames 146 to 169 are also a potential loop area. Actually, you could fade that in and out to a solid blue background as part of the loop and it would look wicked.

Why it cant be download.
I ve got nothing in download folder

I ported it for us but idk how long u guy's ROM takes to boot, this is my first time lol it's amazing what Google can do if u know what to look for, go easy on me and try it if u want:
https://drive.google.com/file/d/0B2IvRFYpm8ziMmdhYnZheWN0YlE/view?usp=drivesdk

Could not find 'Meta-INF/com/google/android/update-binary' in the zip file. Error installing zip file '/sdcard/Download/bootanimation.zip, I tried doing the installation in the youtube video but didnt work, just old logo. Tried flashing it, didnt work either....

Install method please

Woah guys no, u don't flash the zip, use a root file explorer or whatever to install the animation. U simply
download the bootanimation.zip copy it
goto /system/media
Make sure the system is mounted as rw
find the original animation and rename it to boot animation.zip.bak
Paste the downloaded bootanimation.zip there
Change the permissions to 644 rw-r-r

Aurey24 said:
Woah guys no, u don't flash the zip, use a root file explorer or whatever to install the animation. U simply
download the bootanimation.zip copy it
goto /system/media
Make sure the system is mounted as rw
find the original animation and rename it to boot animation.zip.bak
Paste the downloaded bootanimation.zip there
Change the permissions to 644 rw-r-r
Click to expand...
Click to collapse
Your the beeeeeeest.

vemakohe said:
Your the beeeeeeest.
Click to expand...
Click to collapse
Yeah this boot animation is crazy awesome! Glad you like it, did my best

I'd love to see 60fps 1080p flashable zip soon!

psydex said:
I'd love to see 60fps 1080p flashable zip soon!
Click to expand...
Click to collapse
Lemme c what I can do

psydex said:
I'd love to see 60fps 1080p flashable zip soon!
Click to expand...
Click to collapse
Well finally got it working right, but I don't know how to make a flashable.zip yet, I'll Google that later but if u want to do it the old fashion way then here give it a try. This ones at 60fps
https://drive.google.com/file/d/0B2IvRFYpm8zicGQ0VmZsYXV4b2M/view?usp=drivesdk

plz upload 30ps zip

A$h!$h said:
plz upload 30ps zip
Click to expand...
Click to collapse
I did, just look on the first page, it's the first one I've ported

flashable Android 8.0 concept_oreo_bootanimation...
60ps :
https://drive.google.com/file/d/0B0xYAxRQ4bajU3NnR3VSaGEtUEU/view?usp=drivesdk
30ps :
https://drive.google.com/file/d/0B0xYAxRQ4bajRFJOSVdwcjVwQ0E/view?usp=drivesdk

I've tweaked the animation a bit. It's staged, with a definite loop; the Google logo will now appear right before the lock screen.
Let me know what you think:
http://www.mediafire.com/file/93nbk...-30fps-Androcraze-bootanimation-flashable.zip

androcraze said:
I've tweaked the animation a bit. It's staged, with a definite loop; the Google logo will now appear right before the lock screen.
Let me know what you think:
http://www.mediafire.com/file/93nbk...-30fps-Androcraze-bootanimation-flashable.zip
Click to expand...
Click to collapse
I like this good job! We came a long way lol? will u be making a 60fps one too?

Aurey24 said:
I like this good job! We came a long way lol? will u be making a 60fps one too?
Click to expand...
Click to collapse
It's many frames, and bordering on "sluggish" as-is. Bumping it up to 60FPS (and doubling the number of frames) might cause things to lock-up.
Dealing with full 9:16 frames is tricky, especially with with a large quantity. I think for what's being done in my setup, 30FPS is "max".
Can you tell the difference between 30FPS and 60FPS?

Related

[03 feb]<| SE X1 |> TF3D Visual Tweak Collection

Since I now have multiple threads and post with rebuild things all over this place, I decided to bundle it in this thread and reserve some posts for future use.
post #1 - general bla bla + my wisbar advanced theme
post #2 - optimized TF3D full background for all tabs with transparent curtains.
post #3 - Touch friendly rebuild of the TF3D mp3 player.
post #4 - a semi-usefull manila PSD file with all manila files in it.. still looking for the proper photoshop action that makes it really usefull
post #5 - rebuilding visual interface of TF3D (still in progress.. but update when there is a version 0.1)
post #6 - general windows mobile things (to come)
All feedback will be appreciated ! - even if it you want to flame it -
to be continued..
BG4AllTabs NoCurtains V2 (lvl 0 & lvl 1)
Check the attached files and enjoy!
Tweaked some files of other contributors to match the background for all tabs to fit the full frame with transparent curtains use.
On request the 4a087e41_manila now included the same background as in the preview.
If you wish to use that one, just copy the files in the 'Background4allFiles' folder in your windows dir.
If you want to have your curtains to be transparent as well, copy the files in 'No_Curtains' to your windows dir.
02 feb update
There is a version 2 now as there where some problems with pixels on top and bottom being blend due to scaling.
A new 5c9aa261_manila, template+guide and photoshop action added
Use the template or read the guide if you want a step by step process
Thanks to InsjaHH for the photoshop action
Attached 3 test snapshots:
Original-IMG.jpg > test image
BG-4-All-Tabs.jpg > via this template created 4a087e4_manila file
wallpaper.jpg > normal wallpaper cut off (at 480x696px) at the today screen
05 feb update
For a real background for all tabs (as in; your today background .jpg applied to all tabs) go here:
http://forum.xda-developers.com/showpost.php?p=3273729&postcount=1
kudos for mun_rus!
{
"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"
}
This is not compatible with any other files in this post
03 feb update
For those that wish to alter the level 1 background tabs (inside the music library and customize tabs menu) use the separately attached 5c9aa261_manila file. With it you can use the 0d1412f9_manila file as background for the level 1 tabs. The 4a087e41_manila will still control the level 0 tabs backgrounds of the main menu
Tuning TF3D x1 { starting with touchable MP3 Player }
See title.. basically making the TF3D more friendly for big fingers
MP3 Player V1.0 >
All things are rearranged and redesigned to fit the new positions.
The album art looks 2D but will still move in 3D (see attached big overly)
The buttons are bigger and the trackline drag has a bigger hit area.
left to do:
- prevent the song title from disappearing when you scroll through a song
- adding a volume bar (badly needed.. hard to fix)
Just download the files and enjoy!
2D0
People
- Removing phone number display (done)
- rearrange some stuff to get bigger call-sms-email icons (it has scaling issues.. will release it when done..)
Texting
Reposition new sms icon to bottom and bigger
TF3D HD manila PSD file
Original thread here:
http://forum.xda-developers.com/showthread.php?t=475864
will update this in the future
Here you'll find a Photoshop file with basically all screen elements of the TF3D HD manila interface present.
Unless I've missed something all icons/button/etc are present except for the weather section. I've only included the main icons there so you can put your flag on the moon..
If somebody feels like mapping out every raindrop like in this psd file, please let me know so I can update the file
The bmp files of the photo and video sub menu's are present as well.
These will go in the windows directory.
I plan to add the blackstone dialer .. but am not sure it's that much needed.
The main idea was to map out the Manila files.
I've build it from itjes Full HD cab for the X1. As far as I know it should work for all other touch HD manila setups..
import/export
I've used the mode9editor to extract all png's.
http://forum.xda-developers.com/showpost.php?p=3095189&postcount=1
The mode9editor has a batch import/export function.
When you use the layer names in the PSD file you're able to batch import all icons you'll change.
Transparency
Most icons will have either a red pixel line border or at least 2 red pixels at the corners.
This way you can select the alpha channel of the layer, crop your image and have to correct dimensions for the png/qtc file.
All you then need to do is remove the red pixel before saving.
For 99.9% of the images you can do it by a color select unless your new theme will be red
Buttons
All buttons that have a press and rest stage have been linked to each other and put on top of each other. In the corresponding layer you'll notice this soon enough
Tiny pixel files
There are a few images that are 1x1 or 2x2 pixels. These are present and I've tried to make all layers in logic order to be easy to find.
Some pixels are 100% transparent and therefor red which was easier to find
Batch PSD export
There is need to find or create a photoshop action that will:
- select layer
- crop by alpha selection
- remove red pixel
- export by layer name
- repeat this process for all layers
If there's anyone out there that can help me make such an action please do. As I have limited experience in advanced photoshop actions
http://rapidshare.com/files/189717709/TF3D_HD_Template.zip
All suggestions and help (especially with the photoshop actions) are welcome!
With a little help this can be an easy automated template for our own redesigning fetish
reserved for icon pack etc
Still working on this part.
A current status preview is attached.
Won't upload the files un till I'm happy about the look and feel.
I've given all icons a bit more edge as I didn't like the fatness of them.
And made a new internet icon as the normal one sucks badly.
The idea is to have sliding focus icons that complements and overlays perfectly on the tray icons.
Current model is with white outline.
I like the things minimal
reserved
Never know why I'll need this one
nixx-X1 said:
Check the attached files and enjoy!
Tweaked some files of other contributors to match the background for all tabs to fit the full frame with transparent curtains use.
On request the 4a087e41_manila now included the same background as in the preview.
If you wish to use that one, just copy the files in the 'Background4allFiles' folder in your windows dir.
If you want to have your curtains to be transparent aswell, copy the files in 'No_Curtains' to your windows dir.
Edit
There turned out to be a pixel missing on top.
it's now fixed
Click to expand...
Click to collapse
Heel veel dank man! Ik werd bijna gek joh haha . Dat krijg je als je beetje pietje-precies bent ingesteld. Ik vroeg me af hoe je 't hebt gefixed? Puur hex code bekijken van de manila file of een tooltje?
Thank you so much for your 1px off top fix!!
Question: how do you get the transparant start menu bar / bottom bar? It's not the no curtains manila fixes. I'm guessing WAD2? Or something else? Perhaps those Template+hex folder you've included in the ZIP?
InsjaHH said:
Heel veel dank man! Ik werd bijna gek joh haha . Dat krijg je als je beetje pietje-precies bent ingesteld. Ik vroeg me af hoe je 't hebt gefixed? Puur hex code bekijken van de manila file of een tooltje?
Thank you so much for your 1px off top fix!!
Click to expand...
Click to collapse
graag gedaan
aren't we all pixel-f**ers?
Used the mode9editor and discovered with some testing that the size should 697 pixels instead of 696 pixel..
In the mode9editor you get readable text and only when altering you need some hex edit knowledge but she'll update soon to edit with numeric values.
The hex edit values is simple (as it turned out after some tips of 6Fg8)
just use the extended windows calculator and put it in reverse by pairs :
num value = -696 > winCal = FFFFFFFFFFFFFD48 > mode9editor = 00 00 48 FD
You'll soon know which FFF's to ignore
http://forum.xda-developers.com/showthread.php?t=464984
InsjaHH said:
Question: how do you get the transparant start menu bar / bottom bar? It's not the no curtains manila fixes. I'm guessing WAD2? Or something else? Perhaps those Template+hex folder you've included in the ZIP?
Click to expand...
Click to collapse
It's the Wisbar Advanced 3.. but got rid of it already as at this moment it doesn't work properly with the X1 Panels.
when you exit a program it always goes back to the default 'today' panel regardless of where you started the program.. which is pretty annoying
nixx-X1 said:
graag gedaan
aren't we all pixel-f**ers?
Used the mode9editor and discovered with some testing that the size should 697 pixels instead of 696 pixel..
In the mode9editor you get readable values and only when altering you need some hex edit knowledge but she'll update soon to edit with numeric values.
The hex edit values is simple.. just use the extended windows calculator and put it in reverse by pairs :
-696 > winCal FFFFFFFFFFFF FD 48 > mode9editor = 00 00 48 FD
http://forum.xda-developers.com/showthread.php?t=464984
It's the Wisbar Advanced 3.. but got rid of it already as at this moment it doesn't work properly with the X1 Panels.
when you exit a program it always goes back to the default 'today' panel regardless of where you started the program.. which is pretty annoying
Click to expand...
Click to collapse
697px, sounds familiar.
Thus we need to do the following with the backgrounds: (could you verify / what did you used for your backgrounds?)
- remove 53 px from top (or 54px?)
- remove 51 px from bottom (or 50px?)
- increase width by 56 px, you should notice the empty area on the right (or 55px?)
I've seen so many different values now that I'm just getting crazy . I'll try the WAD3, since I use TF3D only (no panels yet).
Thanks again mate!
EDIT:
I found the right ones:
Start with 480x800 file in PS CS4.
52 from top (480x748)
51 from bottom (480x697)
56 increase right (536x697)
resize to 512x512
I've created an Action script in PS CS4 for it, thus I just have to load a new background and run the script, et voila . I'll try to get it exported some how so that other people can load it up in PS CS4.
You can see that it uses the 697 height, just like nixx-X1 said he found with his 1px off top fix! When I move from home to an other tab, it's the same image position (though little bit different in colors, used the better CFC GUI compression instead of Manila Editor 0.2 QFC).
i like the backround, but could you please upload original because i have a nice idea how to edit it
InsjaHH said:
697px, sounds familiar.
Thus we need to do the following with the backgrounds: (could you verify / what did you used for your backgrounds?)
- remove 53 px from top (or 54px?)
- remove 51 px from bottom (or 50px?)
- increase width by 56 px, you should notice the empty area on the right (or 55px?)
I've seen so many different values now that I'm just getting crazy . I'll try the WAD3, since I use TF3D only (no panels yet).
Thanks again mate!
Click to expand...
Click to collapse
See attached
Reversedhex said:
i like the backround, but could you please upload original because i have a nice idea how to edit it
Click to expand...
Click to collapse
Which one where?
nixx-X1 said:
See attached
Click to expand...
Click to collapse
EDIT:
I found the right ones:
Start with 480x800 file in PS CS4.
52 from top (480x748)
51 from bottom (480x697)
56 increase right (536x697)
resize to 512x512
Click to expand...
Click to collapse
Hmm... this quote from my edit doesn't seem to fit then. Oh well, I'll try your template tomorrow evening after colleges; it's getting late now .
InsjaHH said:
Hmm... this quote from my edit doesn't seem to fit then. Oh well, I'll try your template tomorrow evening after colleges; it's getting late now .
Click to expand...
Click to collapse
Forget that quote
the template is a perfect match with and without using WAD3.
weltruste!
nixx-X1 said:
Forget that quote
the template is a perfect match with and without using WAD3.
weltruste!
Click to expand...
Click to collapse
I've done the conversion after all (quick fix with actions in PS).
But I still see an 1px off. Unfortunately the stupid screenshot taker isn't working atm, so I'll post it tomorrow. And I'll also try to use a different background (this one is like mostly white, thus you can see the differences at the top even better!).
Steps done like your template says:
52 from top (480x748)
52 from bottom (480x696)
resize to 461x512
canvas to 512x512 left (adding 51px to right)
Jij ook welterusten!
InsjaHH said:
Steps done like your template says:
52 from top (480x748)
52 from bottom (480x696)
resize to 461x512
canvas to 512x512 left (adding 51px to right)
Click to expand...
Click to collapse
this is one way to do it
the easiest way is just to open my template, copy paste your normal ratio image and rescale there
nixx-X1 said:
this is one way to do it
the easiest way is just to open my template, copy paste your normal ratio image and rescale there
Click to expand...
Click to collapse
As promised, I've done a couple of tests with two different pictures.
It looks like it's filling up the 1px at the top with "garbage" or perhaps some other part of the background picture (it looks like it's using the bottom 1px for the top 1px when you look at it closely).
Here's the screenshots and a closeup of what I mean exactly in the attachments.
It's very visible when you use a white background such as SceenA and ScreenB.
Screen1 & ScreenA : home tab
Screen2 & ScreenB : settings tab
And of course the differences between eachother. I hope you can find something out?
InsjaHH said:
As promised, I've done a couple of tests with two different pictures.
It looks like it's filling up the 1px at the top with "garbage" or perhaps some other part of the background picture (it looks like it's using the bottom 1px for the top 1px when you look at it closely).
Here's the screenshots and a closeup of what I mean exactly in the attachments.
It's very visible when you use a white background such as SceenA and ScreenB.
Edit: ScreenA-B_differences updated
Screen1 & ScreenA : home tab
Screen2 & ScreenB : settings tab
And of course the differences between eachother. I hope you can find something out?
Click to expand...
Click to collapse
There is always garbage from the resizing, nothing that can be done about that one.
Don't forget that you're stretching 512 pixels up to 697 pixels which makes every pixel to be 1.36 pixels in height. And on the edges manila resizes in a strange way > it doesn't stretch the inner pixel but will blend it with the (alpha?) pixel outside the image that cannot be defined.
The best solution is to not use a seperate background for the home tab but just set it to use the default so everything is the equally f**ked
Besides the unity it also saves you some RAM
_____________
Mmmh.. mine is 100% clear.. I still don't know how it will stretch the edge pixels.. looking at your images it might blend some pixel horizontally as well
(otherwise I wouldn't know where it gets the lighter pixel in the darker area's
Can you send me your original 2 images (not resized + original img size).. i'll check it quickly
Oke, here they are.
Can I have your background original + resized too? Perhaps I can find the error of my steps with those, since you don't have the 1px distortion with your background.
nixx-X1 said:
There is always garbage from the resizing, nothing that can be done about that one.
Mmmh.. mine is 100% clear.. I still don't know how it will stretch the edge pixels.. looking at your images it might blend some pixel horizontally as well
(otherwise I wouldn't know where it gets the lighter pixel in the darker area's
Click to expand...
Click to collapse
Exactly my point, how come it uses the 1px bottom of the background for the 1px top (atleast it now looks like it)? The lighter pixels at the 1px top is very strange, since you would "think" that it should use the pixels at the top for stretching it out from 512 to 697px height.
That's why I thought that there's still something wrong with the offset in the 5c9aa261_manila file for the background size / viewport. Unfortunately, my Manila Editor 0.2 doesn't want to save the file with changes :S... it's getting pissed with can't save / overwrite stuff or doesn't save at all .

Boot Animation

So I'm making a custom boot animation for my Incredible. I'm still on stock HTC Sense FroYo.
I made the VZW_bootanimation.zip and the VZW_Droid.mp3. I put them on my phone in the /system/customize/resource directory and rebooted. The animation and the audio played.
However, the video played much slower than it should have. I have the desc.txt set to 15fps, and there are 129 frames, so it should have been roughly 8.6 seconds, but it played for 24 seconds. So the audio and video weren't synced, because the audio is 8.6 seconds.
desc.txt
Code:
480 800 15
p 1 45 part0
p 1 1 part1
part0 contains a single png image, so it should stay on the screen for 3 seconds. part1 contains the 129 png files that make up the animation.
I've tried messing with the fps to speed things up, but it doesn't seem to make a difference. Any ideas?

Boot animation - how hard can it be?

I want to make my own animation from a movie I saw. It's 18 seconds long and I really love it. How hard would it be to make an animation from the movie if, say, I had it in HD?
Not that hard to be honest. The bootanimation.zip might be large with 18 seconds of video.
You will need to extract each frame from the movie, convert to png & resize to fit the screen. Once they are ready you need to rename the files in increasing numbers with the first frame being the lowest. Put them in a folder called "part0". Now create a txt file called "desc.txt".
In there you need to add a few simple rules.
Code:
480 800 30
p 1 0 part0
The 480 & 800 is the size of your screen so make sure the png's are this size, and the 30 is the framerate. Change that to the source of your png's.
The next specifies how your animation is played. The "p" is standard and must be included the "1" is the amount of times your animation is looped. A value of 0 means looped until you've booted. The "0" is the delay between loops, that is in frames not seconds. So if you set the frame rate at 30, a value of 30 will mean a second delay between the loop.
There is more you can do with boot animations, but that will save for another day.
Here is a bootanimation & matching boot audio I made a while back. Unzip it and take a look.
http://goo.gl/Zx3bx
I'd like too, to have a custom animation but I'm to lazy to do it, maybe when I have lot of time and I'm too bored
If I am not mistaken the process is the same as making a live wallpaper. There is a tool here that automatically creates live wallpapers from png's. Rest is pretty much ad andyharney said.
Sent from my Desire HD using XDA App
Guessing you mean 1 of these., djolebih
Live Wallpaper Creator - http://forum.xda-developers.com/showthread.php?t=748566
Wallpaper Custom Creator - http://forum.xda-developers.com/showthread.php?t=739512
I made 2 CBA the hard way, using photoshop 5 and saving each frame.
I guess you could import the video & convert to from timeline to frames, crop to size then do the same.
Bit of a ball ache if its a long clip at a high FPS though
I think Adobe ImageReady is the thing for exporting all animation frames at one click... sounds like a time saver
nice one, great tutorial !!

[BOOT ANIMATION] aWpTiger's boot animations.

Hello , i am 13 and i like to test lots of things on my nexus 5. Today i decided to create my own boot animations.
Currently i have only one that is attached below and not so exciting , but i'll keep this thread updated with my new creations.
PS : Can you explain me how to put it in the thread? Like a preview
[EDIT] - New boot animation available. Download it below (BAtry2) , it's smoother
aWpTiger said:
Hello , i am 13 and i like to test lots of things on my nexus 5. Today i decided to create my own boot animations.
Currently i have only one that is attached below and not so exciting , but i'll keep this thread updated with my new creations.
PS : Can you explain me how to put it in the thread? Like a preview
Click to expand...
Click to collapse
Welcome!
I'll start with some tips for boot animations on the Nexus 5:
- Frame dimensions should not exceed 1080x768 or 720x1280; any larger and many users experience lockups. (I used to use 1080x720 as a max value, but 768 appears to work OK).
- Frame count in a folder must not exceed 199.
- Keep individual frame files under 200k if at all possible. For a small frame count (less than 20), I'd still target well-under 300k.
- Keep the complete zip archive a reasonable size (my largest zip animation is still under 13mb).
- You're telling a story with the animation; keep the focus to about 9 seconds or less. The animation loop or main part of the animation should either perform a complete cycle or be finished in this time.
- Remove transparencies from the images ("flatten" them). The only time I've seen transparent images in boot animations is as the framework level; a zip animation doesn't benefit from them.
- Always "touch" the 1080 screen width, either with the frames set to a width of 1080 (on a black background), or scaled with the desc.txt to 1080. Some ROMs will stretch the images to 1080. Ex: you have frames that are 640x640; some ROMs will stretch the image to 1080x640.
Your animation:
- Frame images are very large (900k)
- Frame dimensions are large (1080x1920)
- I'm seeing some transparency artefacts left in the image (on images 3 & 4). The transparent areas should be either black or white. I'm guessing that you want them black; they may show up as white areas. Odd that they're there.
Overall, a great start. I like the animation, and what you're doing with 4 frames is cool. Scale the images to 720x1080 (keep the desc.txt file at 1080x1920). If you save the frames as 80 quality jpg images, the files will be under 250k. You could also convert the frames to 256 (8-bit) colors, but that may degrade the overall look of your images. The advantage to JPG is that it will "flatten" the image, as it doesn't support transparency; unfortunately, it will change transparent areas to white.
As far as previews go, you need to have the images or animations on external sites, and call them through the html script. I use Photobucket.com. Some folks use Imgur.com.
androcraze said:
Welcome!
I'll start with some tips for boot animations on the Nexus 5:
- Frame dimensions should not exceed 1080x768 or 720x1280; any larger and many users experience lockups. (I used to use 1080x720 as a max value, but 768 appears to work OK).
- Frame count in a folder must not exceed 199.
- Keep individual frame files under 200k if at all possible. For a small frame count (less than 20), I'd still target well-under 300k.
- Keep the complete zip archive a reasonable size (my largest zip animation is still under 13mb).
- You're telling a story with the animation; keep the focus to about 9 seconds or less. The animation loop or main part of the animation should either perform a complete cycle or be finished in this time.
- Remove transparencies from the images ("flatten" them). The only time I've seen transparent images in boot animations is as the framework level; a zip animation doesn't benefit from them.
- Always "touch" the 1080 screen width, either with the frames set to a width of 1080 (on a black background), or scaled with the desc.txt to 1080. Some ROMs will stretch the images to 1080. Ex: you have frames that are 640x640; some ROMs will stretch the image to 1080x640.
Your animation:
- Frame images are very large (900k)
- Frame dimensions are large (1080x1920)
- I'm seeing some transparency artefacts left in the image (on images 3 & 4). The transparent areas should be either black or white. I'm guessing that you want them black; they may show up as white areas. Odd that they're there.
Overall, a great start. I like the animation, and what you're doing with 4 frames is cool. Scale the images to 720x1080 (keep the desc.txt file at 1080x1920). If you save the frames as 80 quality jpg images, the files will be under 250k. You could also convert the frames to 256 (8-bit) colors, but that may degrade the overall look of your images. The advantage to JPG is that it will "flatten" the image, as it doesn't support transparency; unfortunately, it will change transparent areas to white.
As far as previews go, you need to have the images or animations on external sites, and call them through the html script. I use Photobucket.com. Some folks use Imgur.com.
Click to expand...
Click to collapse
Well , i'll try to make a new boot animation based on your tips . And thanks for your time! If you want subscribe to the thread to see my new animations
aWpTiger said:
Hello , i am 13 and i like to test lots of things on my nexus 5. Today i decided to create my own boot animations.
Currently i have only one that is attached below and not so exciting , but i'll keep this thread updated with my new creations.
PS : Can you explain me how to put it in the thread? Like a preview
Click to expand...
Click to collapse
Oh, and the desc.txt file:
1080 1920 30
p 800 0 part0
Just have "p 0 0 part0". The first zero implies an infinite loop.
androcraze said:
Oh, and the desc.txt file:
1080 1920 30
p 800 0 part0
Just have "p 0 0 part0". The first zero implies an infinite loop.
Click to expand...
Click to collapse
So i have to modify to 0 for an infinite loop?

Rotated stock bootanimation.zip comes out stretched

So I downloaded the bootanimation.zip file from /system/media on to my PC and then extracted it and then right clicked on all PNG files and clicked rotate right. Then I zipped it again as STORE and put the new bootanimation.zip file in the /system/media location and set permissions to 644. When I reboot the tablet, the android animation has rotated the way I want but its stretching the android logo from top and bottom.
The files inside all the parts folders seem to be cropped exactly to the android logo size. Unlike some bootanimations that i've seen which seem to have lots of black space. The default size of the png before I rotate right is Width: 660 x Height: 174 and if I rotate right then it becomes Width: 174 x Height: 660.
And my desc.txt file looks like below. I tried swapping height and width around on the first line but that just completely didn't work at all.
660 174 60
c 1 30 part0
c 1 0 part1
c 0 0 part2
c 1 64 part3
c 1 15 part4
Any ideas what I can do to fix this? Thanks
Nevermind I've fixed it. It was the fact that I needed to rotate the line 660 174 60 around to read 174 660 60

Categories

Resources