[BOOTANIMATION] Slim ICS for Galaxy S [480x800] - Galaxy S I9000 Themes and Apps

EDIT: View new version (88KB in size, 6 dots "progress bar") on post #8.
Hi guys,
First time poster, long time reader.
I've been using Slim ICS since 3.7 (now on 3.9), and I was very disappointed with the new boot animation on 3.9. Besides looking very choppy, I just didn't like it.
So, I went ahead and made a Slim ICS boot animation that i do like. It turned out to be very clean, superb definition on Slim logo, 1px progress bar at the bottom.
The sample, since it is larger than the actual phone screen, doesn't do justice to the bootscreen running on the phone. I was very surprised by the result myself.
THe progress bar is smooth on the sample, but on the phone, since it is booting, stops momentarily (just like a true progress bar, that gets stuck for a second while the phone is busy doing much needed stuff)
I like Slim ICS so much, I thought I'd give back to the community and post it here for all who want it.
[Thanks krarvind, for a great ROM. If by any chance you want to include this boot animation in any of your future Slim ICS ROMs, you have my permission.]
It is made for SGS @ 480x800, and I can only guarantee that it works on this phone. It might work on others, but I have no way of testing it. Consider yourself warned.
{
"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"
}
How to install:
Place bootanimation.zip in /data/local folder. That's it. Reboot and see.
Any comments?

Thanks I will try this B-)
Sent from my GT-I9000 using xda premium

@Jovenitto:
Nice work, can you bring the size down to my current levels? if yes, make one up and post it in my thread, i will look to put it in. As i said before, i would love users to get involved in this if they wish, my only req is BA should be simple and light ( < 100 kb preferred )

Thanks very much Jovenitto,
Nice and simple - just how I like it...

krarvind said:
@Jovenitto:
Nice work, can you bring the size down to my current levels? if yes, make one up and post it in my thread, i will look to put it in. As i said before, i would love users to get involved in this if they wish, my only req is BA should be simple and light ( < 100 kb preferred )
Click to expand...
Click to collapse
I was actually thinking of increasing the number of frames...
I'll try to get the size down.
Maybe by reducing the PNG quality and hope that it doesn't compromise overall image quality.
I could reduce the number of frames (there are exactly 100 frames), but the progress bar will be choppier... each frame "fills" the bar 4 pixels, i can reduce the frames to 50 if I increase the "fill" to 8px/frame.
Or maybe reduce the size of the progress bar. As of now, the bar is 400px wide, with 40px margin on each size. If the bar is smaller, it takes less frames to fill.
Tomorrow is a national holliday here in PT, i'll edit the BA and try to hit the 100KB mark.
EDIT: Small update:
PNG Compression already at max. 9KB each frame.
Reduced to 50frames (progress bar @ 8px/frame)
Result: bootanimation.zip @ 426KB
Maybe i'll be albe to get to 200KB by reducing the size of the bar to 200px or something...
Or change the progress bar completely. Maybe some Ubuntu style dots? Or some kind of glow effect (less frames needed)?
Cogs are turning in my head.

Jovenitto said:
I was actually thinking of increasing the number of frames...
I'll try to get the size down.
Maybe by reducing the PNG quality and hope that it doesn't compromise overall image quality.
I could reduce the number of frames (there are exactly 100 frames), but the progress bar will be choppier... each frame "fills" the bar 4 pixels, i can reduce the frames to 50 if I increase the "fill" to 8px/frame.
Or maybe reduce the size of the progress bar. As of now, the bar is 400px wide, with 40px margin on each size. If the bar is smaller, it takes less frames to fill.
Tomorrow is a national holliday here in PT, i'll edit the BA and try to hit the 100KB mark.
EDIT: Small update:
PNG Compression already at max. 9KB each frame.
Reduced to 50frames (progress bar @ 8px/frame)
Result: bootanimation.zip @ 426KB
Maybe i'll be albe to get to 200KB by reducing the size of the bar to 200px or something...
Or change the progress bar completely. Maybe some Ubuntu style dots? Or some kind of glow effect (less frames needed)?
Cogs are turning in my head.
Click to expand...
Click to collapse
why dont u try something like windows 8 type of round circle http://i.imgur.com/vG0XV.gif

takerhbk said:
why dont u try something like windows 8 type of round circle http://i.imgur.com/vG0XV.gif
Click to expand...
Click to collapse
+1, not necessarily for the win8 circle but for a smaller type of animation, will save you a bucket load of frames

As per krarvind's request of size, here it is:
Keeping it simple, just the way I like it.
Try it and comment, plz.
FYI, I'll keep the previous one available (the one with long progress bar).
@krarvind:
10 frames only, 88KB total zipped size.

Just downloaded - works great and much nicer than the 3.9 animation (not that it upset me!). Thanks.

[BOOTANIMATION] [RED-MOD] Slim ICS for Galaxy S [480x800]
Thank you so very much for doing this boot animation. FYI, still works great in SlimICS 4.2. It's alot nicer then stock animation but still nice and light.
As I have an eternal hatred of the color blue and try to mod it out of every aspect of my phone, I've made a red version of your bootanimation and am uploading it to those who prefer it...
Enjoy!

Related

Higher resolution

Guys at Vox forum did it:
http://forum.xda-developers.com/showthread.php?t=380823
pic: http://img153.imageshack.us/img153/245/screen003ao2.png
Why don't we do sth similar for the Excalibur?
I agree. This could look good on our machines. And maybe I missed it somewhere along the line, but how is everyone getting the Vista style start menu with Tasks instead of Contacts?
Reeg said:
I agree. This could look good on our machines. And maybe I missed it somewhere along the line, but how is everyone getting the Vista style start menu with Tasks instead of Contacts?
Click to expand...
Click to collapse
Smart Toolkit r09 (which is buggy as hell for me, so is r08... r07 works nice for me)
Reeg said:
I agree. This could look good on our machines. And maybe I missed it somewhere along the line, but how is everyone getting the Vista style start menu with Tasks instead of Contacts?
Click to expand...
Click to collapse
I believe you're talking about a program called smarttoolkit go to www.e-natives.com to download that
jsp_m said:
Guys at Vox forum did it:
http://forum.xda-developers.com/showthread.php?t=380823
pic: http://img153.imageshack.us/img153/245/screen003ao2.png
Why don't we do sth similar for the Excalibur?
Click to expand...
Click to collapse
1. Those look like "portrait" devices...
and 2. I think my excal looks almost identical in res, but I got bad eyes
Did anyone see this page or use this tool?
http://mahmood1.com/trueVGA_truevga_systemfiles_wm5_truvga_pocketpc_truvgaWM6_and_wm5.aspx
I'm going to try it now. Let ya know how it goes. *Fingers crossed.
**UPDATE - Ok. Well. Installed it, ran the .cab. Rebooted. Now it just sits on the Windows Mobile boot screen. Haven't given it a WHOLE lot of time yet, but ActiveSync won't pick up the phone so I can't reinstall the ROM. Any suggestions?
Just install some original ROM (from your brand) with the bootloader mode, and then you can install latest WM 6.1.. and don't play stupid games anymore
The default res is perfect to me... on VGA everything will become more small and unreadable .
I got it back up. (That's what she said! Haha!) Anyways, back to 6.1 the way I had it. Would like to get the resolution better though or at least try it just to see what it looks like.
Just changed a 2 registry values and my phone works fine in the higher resolution (been about 30 seconds, so far so good)
heres the ones u need to change from the VOX thread
Change [HKEY_LOCAL_MACHINE\Drivers\ Display\GPE\LogicalPixelsY] and LogicalPixelsX to 96 in decimal
when not on the homescreen using the colored battery indicator icons and such the icons don't show, they posted dll's for that in the VOX forum and I'm trying them out now, I'll let you all know.
AbsoluteDesignz said:
Just changed a 2 registry values and my phone works fine in the higher resolution (been about 30 seconds, so far so good)
heres the ones u need to change from the VOX thread
Change [HKEY_LOCAL_MACHINE\Drivers\ Display\GPE\LogicalPixelsY] and LogicalPixelsX to 96 in decimal
when not on the homescreen using the colored battery indicator icons and such the icons don't show, they posted dll's for that in the VOX forum and I'm trying them out now, I'll let you all know.
Click to expand...
Click to collapse
So what EXACTLY did you do? Appreciate the help.
Reeg said:
So what EXACTLY did you do? Appreciate the help.
Click to expand...
Click to collapse
thats it...just changed those two values, rebooted and it worked...issues with STK and the top white icons but the homescreen works fine and the phone itself works fine, biggest issue is with the system icons, if anyone knows how to mess with DLLs and is trying this out I would love the fixes to those issues. Because it looks a lot better this way.
Oh and I highly suggest if you go over to the VOX thread DO NOT install any of those cabs, they forced me to restore my phone...twice because I had to try it again from a fresh boot.
{
"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"
}
works like a charm, but there are issues in display of icons (look rough) and the top bar displays white squares.
I switched back, did not stick to spot the other issues, hope it will be resolved soon so we could all enjoy a better looking screen (more items visible)
works nicely
This works very nicely for me.
changed:
[HKEY_LOCAL_MACHINE\Drivers\ Display\GPE\LogicalPixelsY] and LogicalPixelsX to 96 in decimal
and
HKEY_LOCAL_MACHINE\SYSTEM\GWE\cxVscr
HKEY_LOCAL_MACHINE\SYSTEM\GWE\cyHscr
to 3
(the last gives narrower scrollbars)
The start menu now contains 3 rows with 5 icons each. So more icons are displayed at a time. For some reason, only 2 icons are displayed on each screen, though, so 3rd row has only 2 icons...
Dudes. This just makes icons and text smaller .
If you don't believe me - try with some white sqare - 200X200px and see it on a diferent "resolutions" - its the same .
This makes text unreadable... its too small for me.
i can read the text fine. everything is fine for me, I'm just looking/waiting for a fix with the system icons, but I can deal with them. I had my phone on for like 12 or so hrs now and no ill effects as of yet. So yea...we'll see.
Yah, I just tried the RegEdit and all my icons look like crap. It would be nice if we could get this resolution without the icons looking jagged, the black bar on the bottom of the screen, and the white squares on top.

[Theme] GlossyMinimalismBlack [RC33] *WIP*

This is a theme derived from mannyb's idea for a "black" edition of his Glossy Minimalism theme here:
http://forum.xda-developers.com/showthread.php?t=478183
The initial concept is all his idea, I'm just doing some of the legwork since he's a busy fellow .
The idea is that we'd love to see more dark based themes, but the only (notification bar) clock colors that we know we can do are black and red (If that's wrong, someone let me know,) so we're basing this theme on a red and black theme.
Here is the concept image:
{
"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"
}
Let me know what you think of the concept or what you'd like to see.
EDIT:
Current Status:
- Changed gradient at top to be better
- Made notifications white (Weatherbug is its own deal)
- Redid the battery meter to be more accurate
- Created network (EDGE, 3G, G) icons. They look nice I think.
What I don't like (Of what's actually been touched):
- The meters hardly fade, I will need to increase the potency of that gradient
- I need to know how to arrange icons on the right to my preference. Does anyone know if this is possible? The vibrate symbol makes it look goofy atm.
As always, feedback is much appreciated.
A note: I will be on vacation in NYC until next Thursday (4-2) so expect no progress on this theme in the mean time. We'll consider it an Alpha field test
Also, can anyone point me in the right direction for a red clock xml edit?
Wow great job I love the notification idea.. expand on this, this may turn out really nice!
You should do the icons in the same color as the clock, we are lacking different looks color wise on here! Great start man
I love this idea! I would prefer a medium dark blue rather than red...
But, I LOVE the transparent clock and the way your doing up the notification bar is awesome!
shaneaus said:
I love this idea! I would prefer a medium dark blue rather than red...
But, I LOVE the transparent clock and the way your doing up the notification bar is awesome!
Click to expand...
Click to collapse
I agree, I'd love to see a dark blue, but as far as I know, the only colors the notification clock can be are black and red. nobody has found out how to make it any color we want yet. :-/
I would like to see a little bit different clock so that it doesn't look exactly like glossy minimalism. Maybe one that isnt clear so that the red doesnt darken up against a black background.
But I do agree that we need one that is black with red so we can take advantage of the red clock font.
Clock
I think you should leave the clock black, or offer a version with a black clock. IMO, the red just takes away from the conformity of the theme.
Otherwise, great job!
P.S. ADP 1.1h? Please? Pretty Please?
indiekid97 said:
I think you should leave the clock black, or offer a version with a black clock. IMO, the red just takes away from the conformity of the theme.
Otherwise, great job!
P.S. ADP 1.1h? Please? Pretty Please?
Click to expand...
Click to collapse
I agree. I think the clock will end up being black.
When the theme is ready for beta testing I will package it into ADP1.1 RC9 and RC33 (JF verisons, obv). I will be doing nightly updates with what I have so far. As it stands, I'm a little bit uneasy with .9.pngs and modifying the .xmls, but I plan on tackling those over the weekend.
Im likin it the way it is actually. At first I thought the red might be too wierd but I think its quickly growing on me, its very slick looking. Ill be interested to see what you do with icons. IMO tehyd look better in black grey contrasts without any red in there. Maybe glossy lookings too?.
EDIT: OH it might be cool to have icons look like little round buttons. Like have icons on a round black background and shiny. Hmmm...
EDIT AGAIN: Wow... my internet musta been running real slow cuz i def didnt see the screenshot of the icons you have up there. Haha yaaaa I like em : )
DUDE YOU ROCK... This has been one of my favorite themes of all time and now its going to be in Black, can't wait...
About the RED FONT??? Where are the edits for changing that, I'm building a theme that would so Rock if I had the font in red...
xcallibur said:
DUDE YOU ROCK... This has been one of my favorite themes of all time and now its going to be in Black, can't wait...
About the RED FONT??? Where are the edits for changing that, I'm building a theme that would so Rock if I had the font in red...
Click to expand...
Click to collapse
That's a good question. I haven't gotten to that point yet. I actually still don't know how to do any xml edits :-/ It might be best to ask someone who has done it.
I love what you did with the notification bar..
Are you still working on this?
Yes, I am still working on it. I'm working on some notification icons that are actually visible and then learning how to do XML edits. If anyone does know how to do XML edits, specifically changing the clock to red, could they let me know?
Latest update:
I seem to have managed to turn my theme into a brick. Every time I flash it, I get stuck on the "G1" screen. I made some changes to an image, packed it up and flashed it, which gave me the error, so when I went back and reverted the changes then repacked it, I still got the error. I'm really confused at this point, so bear with me while I try to figure it out. Thanks a ton to mannyb for making a rock solid glossyminimalism update that I can always revert to.
Status, though:
I have all notification icons done (aside from some weird ones like airplane mode) and am working on XML edits and menus in the rest of the phone.
Have you made sure to compress all your edited PNG's as much as possible, using a program such as PNGOUTWin for example? When the combined increases in file size (a kB here and there, it adds up) hits critical mass the phone will loop/brick during boot. PNGOUTWin will cut the file size of most small PNG's created in Photoxhop in half, or down to a third. Sometimes down to a tenth even.
mannyb said:
Have you made sure to compress all your edited PNG's as much as possible, using a program such as PNGOUTWin for example? When the combined increases in file size (a kB here and there, it adds up) hits critical mass the phone will loop/brick during boot. PNGOUTWin will cut the file size of most small PNG's created in Photoxhop in half, or down to a third. Sometimes down to a tenth even.
Click to expand...
Click to collapse
That would have been my problem. I added a rather large popup_dark_full.9.png along with replacements for all the EDGE, 3G and G network data indicators. I have been watching my framework-res.apk slowly increase in size, and was wondering if that was a bad thing. Turns out it is Thanks.
Ooglez said:
That would have been my problem. I added a rather large popup_dark_full.9.png along with replacements for all the EDGE, 3G and G network data indicators. I have been watching my framework-res.apk slowly increase in size, and was wondering if that was a bad thing. Turns out it is Thanks.
Click to expand...
Click to collapse
Get PNGOUTWin and you'll be set. http://www.ardfry.com/pngoutwin/
Great program, well worth the 15 bucks. There's a free full feature 30 day trial version too. You're gonna want to buy it though, it's that good
mannyb said:
Get PNGOUTWin and you'll be set. http://www.ardfry.com/pngoutwin/
Great program, well worth the 15 bucks. There's a free full feature 30 day trial version too. You're gonna want to buy it though, it's that good
Click to expand...
Click to collapse
Dang, it really is a great program. The trial version only lets you do 20 images at a time, but that's not too bad. I just shrunk my entire framework-res by a considerable amount. Awesome.
Ooglez said:
Dang, it really is a great program. The trial version only lets you do 20 images at a time, but that's not too bad. I just shrunk my entire framework-res by a considerable amount. Awesome.
Click to expand...
Click to collapse
It really is amazing. You can of course use it on the default/unedited Android PNG's too (not just your own edits) to save even more space, but I recommend that you stay away from the .9.png ones with this tool.
mannyb said:
It really is amazing. You can of course use it on the default/unedited Android PNG's too (not just your own edits) to save even more space, but I recommend that you stay away from the .9.png ones with this tool.
Click to expand...
Click to collapse
PNGGauntlet is a free alternative that works VERY well in my opinion. I actually found it from a graphic artist who does mobile game artworks and he swears by it. It works out really well. Go for it if you don't want to pay the $15.

Properly modifying a picture for Wallpaper?

I've got this wallpaper from DeviantART in a zipped file in various sizes. I've tried cropping it down to about 480x800, but the phone's selection box when setting the image as a wallpaper doesn't allow me to select the whole picture, which seems silly since that is the phone's screen resolution.
I imported the full image to my phone and set the selection box to cover her entirety, but now the phone sets the middle default screen (out of three) to look like the second image below, and going to the left screen scrolls the background to look like the first image, which is essentially perfect; setting the launcher so the background doesn't scroll causes the picture to look like the second image.
Basically, I'm trying to figure out how I am supposed to get my background to look like the first image, when set to not scroll. Any insight?
{
"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"
}
I think HTC Vision uses 960 x 800
Sent from my HTC Vision using XDA App
joemm said:
I think HTC Vision uses 960 x 800
Sent from my HTC Vision using XDA App
Click to expand...
Click to collapse
While a multi-screen wallpaper will be 960x800, a single screen wallpaper should still be 480x800, AFAIK.
EfemaN said:
While a multi-screen wallpaper will be 960x800, a single screen wallpaper should still be 480x800, AFAIK.
Click to expand...
Click to collapse
Have you tried creating a 960x800 wallpaper with her in the center 480x800 (i.e., 240x800 of extra space on both sides of the part you actually want)?
ianmcquinn said:
Have you tried creating a 960x800 wallpaper with her in the center 480x800 (i.e., 240x800 of extra space on both sides of the part you actually want)?
Click to expand...
Click to collapse
That came to mind (and would probably work), but I have absolutely no knowledge of graphics manipulation, so I wouldn't be able to continue the background gradient off to the left.
What do you mean continue the gradient? Just take the image you have and cut it down so it's got a 3:5 (0.6) aspect ratio and then add some empty white blocks to the side
I had to crop it and stretch it (because of the bar at the bottom) but there's an example
If it's set to not move when you switch home screens, nobody will see the white bars on the side
Try that and if it works post the original image and someone can make a higher res version
LooieENG said:
What do you mean continue the gradient? Just take the image you have and cut it down so it's got a 3:5 (0.6) aspect ratio and then add some empty white blocks to the side
I had to crop it and stretch it (because of the bar at the bottom) but there's an example
If it's set to not move when you switch home screens, nobody will see the white bars on the side
Try that and if it works post the original image and someone can make a higher res version
Click to expand...
Click to collapse
Oh durr... that makes a lot of sense. I was in the mindset that the background would be stretched out for whatever reason.
That actually worked really well; there's an ever-so-small sliver of white on the left side, but that'll go away with some tweaking. What's the easiest way to crop and add the white bars with specific dimensions? I have access to Photoshop CS5, but I couldn't find anything beyond resizing and simply cropping and hoping I get the dimensions correct.
I actually linked the original 1920x1200 image in the first post, hyperlinked on the second word. Here it is again: http://i.imgur.com/GvEgU.jpg
EDIT: Never mind! I figured it out. I noticed the parameters next to the crop bar. Photoshop is fantastic... thanks for your help Looie. Now, just gotta figure out how to remove the white strip.
EfemaN said:
I've got this wallpaper from DeviantART in a zipped file in various sizes. I've tried cropping it down to about 480x800, but the phone's selection box when setting the image as a wallpaper doesn't allow me to select the whole picture, which seems silly since that is the phone's screen resolution.
I imported the full image to my phone and set the selection box to cover her entirety, but now the phone sets the middle default screen (out of three) to look like the second image below, and going to the left screen scrolls the background to look like the first image, which is essentially perfect; setting the launcher so the background doesn't scroll causes the picture to look like the second image.
Basically, I'm trying to figure out how I am supposed to get my background to look like the first image, when set to not scroll. Any insight?
Click to expand...
Click to collapse
There looks to be a significant amount of banding in those images. Is there any way to reduce it? Perhaps setting the image to 65k colors, I'm not sure.
mejorguille said:
There looks to be a significant amount of banding in those images. Is there any way to reduce it? Perhaps setting the image to 65k colors, I'm not sure.
Click to expand...
Click to collapse
I think that was due to my saving as a jpg. I did it as a PNG and the background is a smooth gradient like it should be.
The only thing I'm unhappy about is that, for the times that I'm at my homescreen with the keyboard open and the screen in landscape mode, the white bars are obnoxious and up-in-my-face. I don't think I really have a workaround for it unless I find someone more skilled at Photoshop that can continue the background on either side.
http://intridea.com/2010/10/27/android-wallpaper-template-photoshop
template here

[Guide] How to Make a Boot Animation [Photoshop]

*This guide was originally made for the Kindle Fire, which has a different screen resolution than the Nexus 7. Wherever you see a 1024x600, replace with the desired resolution.*
End Result
Getting Started
YOU WILL NEED
-A computer with Photoshop installed
-Basic knowledge of how Photoshop works
-A bit of patience
So go get a cup of coffee and let's get started. First fire up Photoshop (or whatever image editor you are using) and create a new image that is 800x1280. (Or whatever the screen resolution of your device is)
The 800x1280 is the resolution of your screen. If you want a landscape boot animation, you make it 1280x800.
File>New
Now that we have a canvas that is 800x1280, let's make a background.
BACKGROUND
I used the gradient tool and created a gradient that was dark grey in the middle and went to black near the edges.
This is done using the gradient tool using the radial setting. Drag from the middle to one of the 4 corners.
{
"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"
}
Now the background looks great right here but I want some more texture. I grabbed a wooden background and put it as a new layer on top of the gradient and set the opacity to 60%
TEXT
Then I added the text "TUTORIAL" in Devil Breeze font with a slight gradient over it.
LOADING BAR
Now that we've got the Background and Text out of the way lets do the loading bar.
Use the rounded rectangle tool with a radius of 5 pixels to make a shape that is roughly 447x48 (doesn't have to be exact)
Here is roughly what it should look like.
Now create a drop shadow using the following settings
Next create an inner shadow using the following settings
Now here's what it should look like. It has some depth and looks like it's sunk into the wooden background.
The background of the Loading bar is done. Now we need the actual moving portion of the bar.
Create a new rounded rectangle shape that is about 1 pixel smaller on each side than the loading bar background that we just created. (You can just duplicate that layer and resize it) I'll pick a nice blue color for it but of course you can choose whatever color you wish.
Plain blue is pretty boring though. Lets make it glossy! Duplicate the layer that we just made and make it white. Then delete the bottom half and set the opacity to around 8%.
Now it's looking snazzy! There's one last thing to do... Well, ANIMATE it of course! That's why it's called a boot animation.
ANIMATION
Now we need to set up Photoshop to do animations... Window>Animation
Now an animation window should come up at the bottom of your screen.
Next we're going to merge some of the layers so it's not so messy. To merge layers Shift+Click on the layers you want and the right click and merge layers.
I merged the Gloss and the blue loading bar to create one loading bar. This should leave you with 4 layers and they should be in this order. (From Top to Bottom)
1. The loading bar
2. Loading bar background
3. Your Text
4. The main background
Now click on the Loading bar layer and go to Layer>Create Clipping Mask
Then give the Loading bar a drop shadow and set the distance to 0. This gives it a slight 3D look.
We're almost done here.. hang tight!
Then move the loading bar layer straight left until you can't see it anymore like so.. and then click on the little clock next to Position.
Next drag the slider over to 04:00f (4 seconds) and then move the Loading Bar layer back over to the right so it's fully visible again. Now if you slide the slider back and forth between 0 and 4 seconds you should be able to see the bar moving.
We're done animating! Pat yourself on the back for making it this far. But hold on... we need to save this don't we?
SAVING
Go to File>Export>Render Video
We're going to name it 0 (Zero) (Otherwise you will have to go through and rename 120 different files), Create a new subfolder and call it part0. Select Image Sequence. In Range we're going to select the In/Out Frame option. This should be from 0-120 because our animation is 4 seconds long at 30 frames per second. Then go ahead and click Render and you're done
Bump
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Great tutorial. Thank you for taking the time to post it.
Very nice tutorial, I'm a Linux user so I use GIMP and the technique used here is pretty much the same on GIMP.
Edit: Also on exportation would the document size not be 800 x 1280?
CJHolderUK said:
Very nice tutorial, I'm a Linux user so I use GIMP and the technique used here is pretty much the same on GIMP.
Edit: Also on exportation would the document size not be 800 x 1280?
Click to expand...
Click to collapse
Yes you're right. If you read the first sentence you will realize why. I made this guide originally for the Kindle Fire forum. And the KF has a 600x1024 screen. I just haven't gotten around to editing the numbers.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Bumpity?
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Nice one though resolution needs editing
---------- Post added at 08:53 PM ---------- Previous post was at 08:16 PM ----------
Please help me
I am on CS6 and my animation is coming in a different style. Frames are coming and nothing like the one in above image where i can set keyfranmes
Yo veeman, I got myself a couple of nexus7's.
I want to do boot animations but have had no luck in the past. I'm going to have another crack at it
Standby for assistance. Lol
Sent from my Nexus 7 using xda premium
lovejoy777 said:
Yo veeman, I got myself a couple of nexus7's.
I want to do boot animations but have had no luck in the past. I'm going to have another crack at it
Standby for assistance. Lol
Sent from my Nexus 7 using xda premium
Click to expand...
Click to collapse
Glad you can join us
If you have questions, feel free to ask. :thumbup:
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
iHarkunwar said:
Nice one though resolution needs editing
---------- Post added at 08:53 PM ---------- Previous post was at 08:16 PM ----------
Please help me
I am on CS6 and my animation is coming in a different style. Frames are coming and nothing like the one in above image where i can set keyfranmes
Click to expand...
Click to collapse
Can you post a screenshot of what you're seeing? I haven't got CS6 installed yet.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
If you are a lazy bugger like me, as long as u can get a gif of what U want as a startup,
Romtoolbox pro has an option to convert .gif to startup
OK, Take it here
Try clicking Window > Timeline
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
hey,
I'm currently rendering the bootlogo - and with 50 png's already rendered I got 31,5 MB
That's fn huge - did I do something wrong? :crying:
veeman said:
Try clicking Window > Timeline
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
Click to expand...
Click to collapse
Nothing like Animations there too. Just installed CS5 and still no way to get that keframe style animation pane :'(
grabba said:
hey,
I'm currently rendering the bootlogo - and with 50 png's already rendered I got 31,5 MB
That's fn huge - did I do something wrong? :crying:
Click to expand...
Click to collapse
No, you didn't do anything wrong. Rendering as jpegs will give you a smaller file size.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
really appreciate the tutorial, currently working on an animation for my MyTouch4g as a I wait for my nexus....
One question though, when animating the loading bar, how do you make it start at the edge of the loading bar background as opposed to the edge of the screen? I want the animation to "fill" up the bar but as of now i can only get it to slide across the whole screen and settle into the loading bar background, thanks!
cjwebb said:
really appreciate the tutorial, currently working on an animation for my MyTouch4g as a I wait for my nexus....
One question though, when animating the loading bar, how do you make it start at the edge of the loading bar background as opposed to the edge of the screen? I want the animation to "fill" up the bar but as of now i can only get it to slide across the whole screen and settle into the loading bar background, thanks!
Click to expand...
Click to collapse
In the first post, look under the Animation section. There I talk about making a clipping mask. I believe that's what you're trying to do.
Sent from my Nexus 7
Stop... MUFFIN TIME!!!
iHarkunwar said:
OK, Take it here
Click to expand...
Click to collapse
I finally got around to installing CS6 and I figured it out. See this image.
http://i.imgur.com/usKMT.png
can you provide a zip file of it?? please? I keep getting the clipping mask wrong somehow...
Ediit: Nevermind had color overlay on the bottom layer, silly me.

[MOD][BootAnimation] Galaxy Note II with "progress bar" [2013-10-15]

{
"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"
}
I wanted something more... "official" looking but not static and not looping. There are only a few looping animations I like.
Based on a very smart suggestion from kevinrocksman, I made an extra version that's more optimized (cut the number of images in half and halfed the framerate).
Plus side: half the filesize. Slight downside: not as buttery smooth as my original incarnation, but still very good.
NOTE: Filesize is average. 3.91MB
Download Link:
https://www.dropbox.com/s/46yv2jcahoklmqd/gn2-progressbar_optimized_v2.zip
Original incarnation with boatload of frames. Use this if you don't care about filesize and want buttery goodness.
CAUTION: Filesize is pretty big. 7.82MB
Download Link:
https://www.dropbox.com/s/1c4s8ofc89x7mtb/gn2-progressbar2_optimized.zip
The "progress bar" starts at ~17 seconds (27% for me) since thats the amount of time it takes for the boot splash screen (the static SGN2 logo) to load.
After that, each frame denotes +1 px of the bar. There's a total of 462 frames. That equals 462 separate PNG's (this is the reason of the huge filesize). I have the framerate set to 10fps by default, since my note 2 takes about 1:30 to boot (i know, very slow, but I have over 300 apps installed and some other garbage) If you have a snappier boot up time, adjust the framerate to a higher number until the bar "progresses" at the desired rate. Like I said, this is a "progress bar", but you'll have to calculate the progress manually.
once you have is set, I guarantee you it'll be smoooooth as butter. It looks very nice and not too outlandish. I made it for myself, but figured I'd share it with the world.
EDIT: Added a new version. Half the frames, half the framerate, half the filesize,
Have fun.
Nice
I like this idea and will give 'er a try. I have a ridiculous amount of apps and scripts so this might give me something to stare at and ***** while rebooting lol!
vebulous said:
I wanted something more... "official" looking but not static and not looping. There are only a few looping animations I like.
CAUTION: Filesize is pretty big. 7.82MB
Download Link:
https://www.dropbox.com/s/1c4s8ofc89x7mtb/gn2-progressbar2_optimized.zip
The "progress bar" starts at ~17 seconds (27% for me) since thats the amount of time it takes for the boot splash screen (the static SGN2 logo) to load.
After that, each frame denotes +1 px of the bar. There's a total of 462 frames. That equals 462 separate PNG's (this is the reason of the huge filesize). I have the framerate set to 10fps by default, since my note 2 takes about 1:30 to boot (i know, very slow, but I have over 300 apps installed and some other garbage) If you have a snappier boot up time, adjust the framerate to a higher number until the bar "progresses" at the desired rate. Like I said, this is a "progress bar", but you'll have to calculate the progress manually.
once you have is set, I guarantee you it'll be smoooooth as butter. It looks very nice and not too outlandish. I made it for myself, but figured I'd share it with the world.
Have fun.
Click to expand...
Click to collapse
..ok 1 quick question, why is it 400+ images?, u could cut that in half and it would still be smooth
kevinrocksman said:
..ok 1 quick question, why is it 400+ images?, u could cut that in half and it would still be smooth
Click to expand...
Click to collapse
true. but it'd only be half as smooth. Plus, it doesn't strain the system that much.
This is a good idea, however; and I am going to make it so.
UPDATE: I made one. It's not as smooth. Maybe because i've been staring at this thing for so long. I'll still upload it though. It does speed up boot-time by a couple of seconds.
Again, thanks for the suggestion.
vebulous said:
true. but it'd only be half as smooth. Plus, it doesn't strain the system that much.
This is a good idea, however; and I am going to make it so.
Click to expand...
Click to collapse
couldnt u get rid of the extra black on the bottom? That might make it a tad smaller also
kevinrocksman said:
couldnt u get rid of the extra black on the bottom? That might make it a tad smaller also
Click to expand...
Click to collapse
The extra black acts as padding. If i get rid of it, the "Samsung Galaxy Note II" text wont align up with the boot splash.
vebulous said:
The extra black acts as padding. If i get rid of it, the "Samsung Galaxy Note II" text wont align up with the boot splash.
Click to expand...
Click to collapse
ooh i see what you did there. clever one :good:
Where are these unzipped to?
ytj87 said:
Where are these unzipped to?
Click to expand...
Click to collapse
You don't unzip them. You have to put them in a folder...just cant remember the exact location of the filder (need root explorer)
I use ROM Toolbox to do the heavy lifting for me. I point it to the downloaded file, and hit "install" it does the rest.
Found it: Put the zip in /system/media
sorry, I failed to mention, once you choose the version you want (they look the same, just filesize that's different), you copy it to
/system/media
then you rename your current bootanimation.zip to bootanimation.zip.old(or however you rename a backup)
Then rename the file you copied there (in this case gn2-progressbar2_optimized.zip) to bootanimation.zip
Hello,
Will this work on Stock 4.1.2 ROM?
T.I.A.
PamelaGirl said:
Hello,
Will this work on Stock 4.1.2 ROM?
T.I.A.
Click to expand...
Click to collapse
Yes for sure
Hmmmmm....I keep trying but it doesn’t seem to be working.
I have properly renamed the file and set permission.
I have a question I hope you can answer. I have a custom boot animation with sound. My issue is that I can sync the audio with the animation. The animaton will boot first then shortly after the sound chimes. is there a way I can change this or is that how the boot order is supposed to be?

Categories

Resources