I have made gifs for a custom boot screen and have been playing around with getting it them to work.
I flash over the previous bootscreen it reboots, my images show but then when they are meant to be animated the image gets scrambled and makes no sense, i did rather cheekily just replace the .gifs from someone elses custom boot screen and signed the zip file.
does anyone know whats going wrong or can anyone point me in the direction of creating the files to go with the gifs so i can get this working.
Cheers
John
They need to be in indexed 255 colors. And they mustn't have any transparent layers. Then they should work just fine.
ahh tristan...you've learnt well... ;D
cheers for the help gents, will try it in the morning.
hmm this is annoying, i have my gif files all built nicely but not using indexed 255 .... does anyone know of a tutorial for converting it without loosing all animations? im searching the net at the moment but no luck
gimp -> image -> mode -> indexed
Will it change a current gif or do i have to make the frames again in gimp?
It works through all the frames.
just used gimp under ubuntu, opened the animations selected image >> mode >> indexed flashed my boot files and they are still not displaying right, beter as you can see part of the animation playing but its far from perfect.
shal i just try creating the images again? or has anyone got any other suggestions?
thanks for everyones help so far though
John
Hello, first post here. I am having the same problems as jonny in creating a custom bootscreen. The first frame of my animation will show before it scrambles. Iam using photoshop. I created my animation in imageready, imported to photoshop, made an indexed 255 color palate and went back to imageready and loaded the palate. I feel like I'm missing something obvious.
BTW, I love this forum. You are all great. I am learning so much. Recently created my own lockscreen, and after I can get the bootscreen down I want to try my hand at the taskbar icons
I swapped to GIMP image editor (which is 100% free) to actualy animate my gifs in indexed 255, i did it in photoshop but it didnt work for some reason even when using indexed 255 colour.
Okay, after much fooling around, I finally got it to work properly . In case anyone cares, here's what I did:
Created the animation in PS (didn't realize you could do animation in PS and didn't need IR) to how I want it to run. Once it looks exactly how you want it, click "Flatten frames into layers". Now delete your original layers so all you have left is the animation frames. Save PSD and open it in GIMP. Go to file, save as, and save as a gif. Click the "save as animation" and "convert to indexed" (that is the key right there) bubbles, and click "export" then save.
Viola! now more problems. I can't figure out how to post it as a gif, but it is the boot process from windows xp.
Related
Hi there, i am trying to create an animated boot screen (2nd one) i pretty much have it all completed apart from the animation...lol... i have my first image and my 2nd image and progress bar however i am trying to fill the progress bar in a 3 second animation and i seriously dont have a clue...lol.. i really dont wanna create about 100 frames, if anyone knows how to do this then i would be greatly appreciative.
Lee...
Could you possibly just use 1/3 of the progress bar each second and copy it to the second image? I think it could be done easily on imageready
Something like this?
so ah does that image animate for anyone else ?
works for me, that is what i would have done.
Cheers for your help. I modifyed them all slightly, here are the results, a bit ****, but not bad for my 1st attempt...lol...
Hmmm, would seem as though the gif has been converted into a jpg when uploaded.
Hi !
Can you tell me how did you put .gif into bootscreen?
I have my .gif animation but I dont know how should i make it a bootscreen for XP. Can you help me please?
u made it with Photoshop ? or flash?
Hello, is it possible to implement "HTC quietly brilliant" to the standard HTC bootscreen ?
Are the standard bootscreen connected together? (I mean HERO + HTC animations ) or two GIF's side by side?
Source: http://forum.xda-developers.com/showthread.php?t=587867
I'll try to do it alone
etecdailey said:
Hello, is it possible to implement "HTC quietly brilliant" to the standard HTC bootscreen ?
Are the standard bootscreen connected together? (I mean HERO + HTC animations ) or two GIF's side by side?
Source: http://forum.xda-developers.com/showthread.php?t=587867
Click to expand...
Click to collapse
they are two single gifs. look in /system/media/bootscreen.
Would be really good if we can apply this, its a really nice bootscreen im bored of the Hero one
i don't think you can use it as a splashscreen. the splashscreen is the very first screen to appear, usually your operator's logo (or the operator who sold the phone, i.e. t-mobile for me). this is a static picture, and can be updated since paul released the hacked spl.
the bootscreen is by default the two androids popping up behind the "hero", and then the sparkling htc logo. this can be replaced. give me two minutes, i'll make you an update.zip...
edit: no luck, the gif somehow doesn't work as a bootscreen. if you could find it in / change it to 320x480 it might work though.
Thanks for having ago, i really dunno where to start with all of this, have you tried changin the size? i dont have a carrier animation as i have MoDaCos rom.
jayw08 said:
Thanks for having ago, i really dunno where to start with all of this, have you tried changin the size? i dont have a carrier animation as i have MoDaCos rom.
Click to expand...
Click to collapse
hm, you don't get it. the carrier logo is not animated. it is shown for 40-45 seconds as the first picture when the phone is started. maybe it is the htc's stock picture, the hero writing. it just sits there, then quickly fades out and back in, and then the little androids come out. the moment where it fades is when the splashscreen is changed to the bootscreen. in this case they are just the same picture, except the bootscreen being animated.
the splashscreen can only be a static image.
the bootscreen can be up (or more?) three animated gifs, fullscreen or cropped with another (probably static, didn't test animated) gif for the background. you can loop the last image or just let it sit at the last frame. look into /system/media/bootscreen, and check the contents of the boot_animation.xml, it is pretty self-explainatory.
http://forum.xda-developers.com/showthread.php?t=582336&highlight=bootscreen
have a look into the stock_bootscreen_nosound.zip, it is the original stock htc bootscreen (not splashscreen!). the bootscreen can be applied via update.zip or adb push, the splashscreen must be written in fastboot mode as it is kind of a "low-level" image presentation. this is also the reason why the image must be rgb565-coded before flashing. on modaco there is a howto for the splashscreen, which needs the modified hboot (also called spl) for the hero just released by paul.
this should do it, hope this helps
edit: i tried changing the size, but somehow the gif looks wired when i open it with gimp, it seems to destroy all the animation timing... should be possible though.
Thanks for explaining all that, GIFs are tricky but very effective, i dont really have time to look into all that u described, but thanks for having a go. I just hope someone that may have more experience with the hero may do it. I dont know where to find a file explorer for the hero on windows.
Thanks
Here ya go. But for some odd reason, it doesn't show up correctly. Dunno why. I just made it into an animated gif with the right size.
tristan it works what you made?
Not exactly. It works fine on the pc, but when put on the phone it flickers. I don't have the knowhow to get it to work, but I thought that if I uploaded the gif, soeone with the wits could fix it.
I am having the same issue, tristan202. I edited and moved the tattoo boot animation ( HERE ) but when flashed to the phone, it gets garbled and looks weird.
I made the animation in Flash CS4.
Anybody know the solution to this?
i wanna usee it hoepfully somebody can make it work
can't delete bootlogo :[
when making the nexus bootscreen i found out that the gif needs to be 255 color indexed mode. 128 colors won't work, for example. what seems to work is to use rgb files, throw them together in gimp, and let it do the indexing automatically when exporting. source material needs to be rgb (at least the first image), otherwise the result will be using the palette of the first image, which will make the rest of the frames look like crap.
I am making a new boot screen for my self that mimics an Ubuntu one. Problem I have, is durring the animation, as far as I can tell frame 2...crap hits the fan. The image distorts in a funny pixelated way. Not sure how to describe it other than an explosion of random colored pixels. Well not so random colored, they are the colors that are in the image.
So I guess my question is, are there certain ways the GIF needs to be formated? Color restrictions? Frame restriction? In all the image is 32 kb so its not huge. I have it formated is a Animated Gif WebSnap 128 - There is no transparency.
There are definitely frame restrictions. I made my own bootscreen a while back and ran into the very same issue. I downloaded an animated gif to base my screen on, and I tried a few things to fix it. The problem ended up being that all the animated frames need to be exactly the same size/shape/location. The frames don't have to take up the entire 320x480, you can just have a static background take up that space, and have the animation within smaller frames. In fact, the smaller your animation frames are, the smoother the animation will be. I initially tried making the animation frames take up the entire screen, but it was very choppy.
The gif I downloaded had the frames moving along with the animation, presumably to keep the file size down. I'm not sure what program the initial gif was made in, but I used The GIMP to re-create it.
BTW AFAIK, you can use transparencies... but it's been a little while since I touched that file, so I could be wrong.
Hope this helps! Sorry if this was a little long-winded :/
craig0r said:
There are definitely frame restrictions. I made my own bootscreen a while back and ran into the very same issue. I downloaded an animated gif to base my screen on, and I tried a few things to fix it. The problem ended up being that all the animated frames need to be exactly the same size/shape/location. The frames don't have to take up the entire 320x480, you can just have a static background take up that space, and have the animation within smaller frames. In fact, the smaller your animation frames are, the smoother the animation will be. I initially tried making the animation frames take up the entire screen, but it was very choppy.
The gif I downloaded had the frames moving along with the animation, presumably to keep the file size down. I'm not sure what program the initial gif was made in, but I used The GIMP to re-create it.
BTW AFAIK, you can use transparencies... but it's been a little while since I touched that file, so I could be wrong.
Hope this helps! Sorry if this was a little long-winded :/
Click to expand...
Click to collapse
I think I am going to try it again in GIMP, I wonder if Fireworks has a lot of overhead that is messing with the file. The image is pretty much static with the exception of a progress bar. 17-ish Frames/Slates.
Here is the GIF if you want to take a look at it.
it needs to be 255 colors. no more, no less. and instead of websnap, choose exact.
ive been having some trouble editing the .png files from the Facebook.apk.....
all im trying to do is replace the widget background png but it keeps sizing it wrong once its changed...
I am guessing this has to do with the fact that it's a .9.png but ive messed with it in draw9patch and i just cant seem to make it work
Are you compiling your .9's?
Had exactly the same problem, tried exactly the same solution
It turns out that the all draw9patch tool does is adding 1 pixel wide black stripes that define which area is resizable and which is fixed plus it shows you a preview. But you can as well do this in normal graphic editing program. The real magic happens when you compile a project containing png's with these black bars: the image is cropped from 1 pixel border containing the extra bars and necessary information is stored in the image itself.
I don't know if there even is a method of converting only the png's without setting up an entire development environment, so reading on how to do that might be a good starting point. Note that you don't need any fancy programming skills here, just compiling some simple example app should do the trick if you add your png's to it. Can't give you any details on the process since it's still something i have to try myself
Or is there a simpler way - just running the png's trough the compiler without actually setting up a project?
ffff00 said:
Are you compiling your .9's?
Click to expand...
Click to collapse
no i wasn't .. and obviously that was my problem.. got it all sorted out now though
Hi guys. I took an icon off of a website, and edited it to make the background transparent using paint.net. When i put the icon on my phone it has a black background. I also added another icon from a website that already had a transparent background and that one stayed transparent. any ideas?
the one you created yourself, did you re-save it as a png? if so what version of png did you save it as? 32bit?
wayferer said:
the one you created yourself, did you re-save it as a png? if so what version of png did you save it as? 32bit?
Click to expand...
Click to collapse
they were both already in .png format, but let me check version....
well, I'm not sure where to check that, but if it's the same as bit depth, they are both 32 bit depth (properties/details, bit depth). so that can't be it. or...?
I don't know much on this stuff, just making some shortcuts for some bookmarks. even had to search how to edit the icons. preciate your help.
that's odd. i dont use paint.net (prefer fireworks) but i just download / installed it and went in, made the background transparent (opacity setting in Layers -> Layer Properties) then added a new layer and drew a picture. I then went Save As (choose a location) picked png as my file format and clicked save. I was then shown the Save Config screen where I choose 32-bit and clicked ok and it worked.
Was your process similar?
wayferer said:
that's odd. i dont use paint.net (prefer fireworks) but i just download / installed it and went in, made the background transparent (opacity setting in Layers -> Layer Properties) then added a new layer and drew a picture. I then went Save As (choose a location) picked png as my file format and clicked save. I was then shown the Save Config screen where I choose 32-bit and clicked ok and it worked.
Was your process similar?
Click to expand...
Click to collapse
haha I wish! my process was this.
save file off of website. open file in paint.net. screw around for an hour trying to 'fill' (paint bucket) with transparent 'color'. give up, search for a bit. find that i can just use the magic tool (wand) to select the background area, change tolerance to 25%, edit/cut the selected area and it automatically makes it transparent. select background, make transparent, shrink down to 72 x 72-ish, save file and left on auto detect.
and that was it. the layer stuff confuses me (i understand the concept, but dont know how to work with it) so I didn't mess with layers.
ok, i went in and redid it and its working now. only thing I did differently was when I saved it, instead of letting it autodetect, I chose 32 bit. obviously they're both in 32 bit so I'm not sure what the difference is, but it worked! thanks so much for your help!
It would have been easier if I could just select the shape of the icon and pull it off of the square 'file' that it came as, but I didn't know how to select the image part of the file.
and what's REALLY weird is when I just made the new icon on my phone, i accidentally used the SAME file I was using yesterday instead of the updated version... and it now has a transparent background. WEIRD.
ah yes i hear the auto detect doesn't work as well as one would expect. I'm glad you are sorted now Some advice would if you are going to do more of this in future, acquire a copy of Adobe Fireworks
jirafabo said:
and what's REALLY weird is when I just made the new icon on my phone, i accidentally used the SAME file I was using yesterday instead of the updated version... and it now has a transparent background. WEIRD.
Click to expand...
Click to collapse
there's a ghost
never even heard of adobe fireworks, but you can be sure I'll be making more transparent background icons now! I had acquired a copy of photoshop but it takes up a lot of space and I've never really used it, so paint.net was good enough. I'll check out fireworks and maybe even look for some free online intro lessons.
i prefer it over photoshop, even for my day job let me know if you ever need a hand