Database Develop

Bulk image editing (ie for drawable folder)

A quick tip to change the colors of hundreds of images in seconds, for example to make new versions of your android theme.
We are using a loop and a shell command that is technically an image editing software:
for i in $( ls ); do convert $i -modulate 100,100,160 $i; done
Results:
{
"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"
}
You should check the documentation for further info (this thing, ImageMagick, does absolutely everything). But if you only want to change the color you have to know those three values in the example are brightness,saturation,hue. More.
I use linux but in it's website you can download binaries for Windows and MacOS too.
(Posted in my blog some time ago, link)

Awesome man, just used this to work on a personal theme. Works like a charm.

Technically this is good for easy color changes, you'll still have to manually fix the .9.png files to work.
I prefer to use the 'file>automate>batch' and custom actions in photoshop to do the same thing. Works like a charm, and if you know how to record custom actions you can get more than just color changes out of it.

prash said:
Technically this is good for easy color changes, you'll still have to manually fix the .9.png files to work.
I prefer to use the 'file>automate>batch' and custom actions in photoshop to do the same thing. Works like a charm, and if you know how to record custom actions you can get more than just color changes out of it.
Click to expand...
Click to collapse
what's the method of doing this in photoshop? i have the CS4 edition and gimp. thanks

opasha said:
what's the method of doing this in photoshop? i have the CS4 edition and gimp. thanks
Click to expand...
Click to collapse
What I normally do is open a single image from frameworks, open up the actions tab, hit record and record everything I do to that single image. Then save the action. Then personally I like to open all the images I want that same action run on and goto file>automate>batch and let it run the action i create on all open files. You can let the automate process save the files by itself too but I like to create a second action that just saves on its own. So I can review the changes before running the save action.

prash said:
What I normally do is open a single image from frameworks, open up the actions tab, hit record and record everything I do to that single image. Then save the action. Then personally I like to open all the images I want that same action run on and goto file>automate>batch and let it run the action i create on all open files. You can let the automate process save the files by itself too but I like to create a second action that just saves on its own. So I can review the changes before running the save action.
Click to expand...
Click to collapse
thanks a lot prash

prash said:
Technically this is good for easy color changes, you'll still have to manually fix the .9.png files to work.
I prefer to use the 'file>automate>batch' and custom actions in photoshop to do the same thing. Works like a charm, and if you know how to record custom actions you can get more than just color changes out of it.
Click to expand...
Click to collapse
I love that action. Helped me to do the color change on your alien aqua icons and made it easy to make the remainder icon for the rest of the apps. Thanks for letting me borrow some of it. I love the white with the blue outer glow, it looks great in the purple and pink too

As far as I've tried it works fine with .9s too.
But yes, I'll have a look at that photoshop thingy next time I fire up windows

Nauxer said:
As far as I've tried it works fine with .9s too.
But yes, I'll have a look at that photoshop thingy next time I fire up windows
Click to expand...
Click to collapse
What I meant is that if you ONLY do the color shift/hue change on the .9 images, it will LOOK different sure, but it will look all stretched out and weird once you put them back on the phone. You WILL have to redo the .9.png borders and compiling on the new edited images once you do the color changes stated in this method.
(That is, unless you're working with source images, then its probably the best way to bulk edit all the images before compiling them into a theme)

(How to) change that god awful clock font

Heya,
Pretty basic tutorial on how to get rid of the god awful honeycomb clock font.
1) find a font you like, make sure it's a TTF (True Type Font).
2) make three copies of said font, and name them:
AndroidClock.ttf
AndroidClock_Solid.ttf
AndroidClock_Highlight.ttf
3) Get them on your xoom (email them to yourself, connect via USB and stick them in a folder, whatever floats your boat).
4) fire up Root Explorer (or your file browser of choice) and navigate to /system/fonts
5) rename the existing files listed above, just in case you ever want them back.
{
"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"
}
You can see the ones in hot pink are the actual files that get read, and the blue ones are those I've renamed by adding an "x" to the end of the name.
6) drop your own files in that folder. Be aware that Android is case sensitive, so "AndroidClock.TTF", as well as "androidclock.ttf" would both fail.
7) profit
Again, this is hardly a "tutorial" and more like "hey just replace some basic files".
Get to the lock screen and you can see right away the fruits of your labor:
In order to see the lower right hand clock change, you'll need to reboot:
I'm not wild about the font I used in my demo here. It looks alright in the corner, but the lock screen looks bad. Then again, I don't really use the lock screen (No Lock app FTW), so meh.
Hit the thanks button if you love me.
<3

oops, forgot to explain why there are three versions of the font... I mean, it's pretty basic... but if you look at the original clock font, certain parts "show through" the font and are more opaque then others... the "_Solid" is only parts of the numbers, and the "_Highlight" serves a similar function. Basically, as you can see in my screens above, my entire font is opaque, since I'm using the same file in all three places.
If you want to get fancy and edit a TTF you could end up with really nice drop shadows or whatever. I'm just showing you how to do it. The creative part is in your hands

Is it really that bad? lol. I don't think it is bad but to each his own. Thanks for giving more options.

ixobelle said:
oops, forgot to explain why there are three versions of the font... I mean, it's pretty basic... But if you look at the original clock font, certain parts "show through" the font and are more opaque then others... The "_solid" is only parts of the numbers, and the "_highlight" serves a similar function. Basically, as you can see in my screens above, my entire font is opaque, since i'm using the same file in all three places.
If you want to get fancy and edit a ttf you could end up with really nice drop shadows or whatever. I'm just showing you how to do it. The creative part is in your hands
Click to expand...
Click to collapse
Regardless of how you feel about the stock font, this is a great tutorial for customizing your Xoom and making it your own.
Thanks for a great post!

Awesome!
One question I have. Since the original Honeycomb clock uses three fonts, is it possible to nix two of them and just have one font load?

arrtoodeetoo said:
Awesome!
One question I have. Since the original Honeycomb clock uses three fonts, is it possible to nix two of them and just have one font load?
Click to expand...
Click to collapse
I'll go out on a limb and say "probably yes".
I say this because during my font shuffling last night, I would up with two different fonts overlapping each other. I had one Bauhaus style font named AndroidClock.ttf, and one that was a handwriting style named AndroidClock_Solid.ttf... since they were totally different, I was able to see one through the other, and it was generally a jumbled mess.
I reckon you could get rid of _Solid and _Highlight if you just want a single semi-transparent font file being loaded.
I'll also throw out that you'll need to experiment with which fonts work... some look great on the lock screen, but then have the bottom 10 pixels or so cut off while it's in the corner... other times it looks great in the corner, but has a few pixels cut off on the lock screen. Something about the native size of the font probably comes into play.
I'm still poking around with options... currently running a "busted old typewriter" font that looks kinda cool.
Will probably poke around with making custom _Solid and _Highlight pieces, and maybe trimming the font down to just the numbers to lighten the load. I work in IT at an art school, so we certainly have a zillion apps to dink around with fonts on the machines here.

ixobelle said:
oops, forgot to explain why there are three versions of the font... I mean, it's pretty basic... but if you look at the original clock font, certain parts "show through" the font and are more opaque then others... the "_Solid" is only parts of the numbers, and the "_Highlight" serves a similar function. Basically, as you can see in my screens above, my entire font is opaque, since I'm using the same file in all three places.
If you want to get fancy and edit a TTF you could end up with really nice drop shadows or whatever. I'm just showing you how to do it. The creative part is in your hands
Click to expand...
Click to collapse
So if I want to design this, what you're saying is, _Solid is where I need to have my completely opaque file, _Highlight is where i put what i want my shadow file to look like?
Whats the other file do?

just grab the TTFs off the Xoom, and get them on your windows desktop. Double clicking a TTF in windows will open up a preview of what the font file is "made" of (what the font looks like, different sizes it will scale to, etc).
It's pretty apparent looking at the file. I'll grab some screen caps in a sec...
edit** here ya go, you can see which each font "does"... I'm going to mess around in FontLab Studio tonight and see what I can come up with.

Where do you get the fonts from? Can I just move them over from my windows fonts folder and they will work?

Have you figured out/found how to change clock colors yet?

Sprockethead said:
Where do you get the fonts from? Can I just move them over from my windows fonts folder and they will work?
Click to expand...
Click to collapse
As long as you name them accurately and make sure they are TTF then yes.
I've just tried it with the Calibri font from Windows fonts folder and it's a vast improvement already!
One pointer (on something that threw me for a few seconds) is when you're in Root Explorer make sure you set it to Read/Write access otherwise you'll just get an error message about protected read only system files.

hmm...
I wonder what's causing the edges of some fonts to get cut... I tried changing the glyph size. I thought it might be the larger characters some fonts have but the glyph size didn't seem to make a difference.

ixobelle said:
just grab the TTFs off the Xoom, and get them on your desktop. Double clicking a TTF in windows will open up a preview of what the font file is "made" of (what the font looks like, different sizes it will scale to, etc).
It's pretty apparent looking at the file. I'll grab some screen caps in a sec...
edit** here ya go, you can see which each font "does"... I'm going to mess around in FontLab Studio tonight and see what I can come up with.
Click to expand...
Click to collapse
Just curious if you ever came up with something you want to share? I use the lock screen version as my alarm clock, but it is hard to read sometimes - 5's and 3's in particular.

[Theme]Virtuous 2.35.0 Blue Glass Transparent MOD

Just some good old candy with lots of Transparency. Thought I would share my theme I use. This is made for the Virtuous 2.35.0 from the UOT Kitchen and graphic changes.
Thanks to M10 tools, Liamstears, kalagas, Capy and Virtuos team. May have to mount data and system in recovery before flashing. HTC weather lockscreen background modded, Htc People, mail, freindstream, weather widgets transparent. Status bar transparent. Plenty of color icon changes and alittle bit more.
Link dropbox.
Virtuous_Glass_Blue.zip
{
"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"
}

thanks for creating such awesome themes.
could you plz make just the separate mods for just dialer/ transparency in rosie/status bar/notifications pull down or, even just those amazing pop-ups (whichever is possible would be greatly appreciated )

Hi trock62, great work!!!
I've got a question about the "Personalize" button on the home screen. The one next to Phone. It has the Personalize icon but on button press it loads the internet app. Is this by design?
Also I've been looking for a better locking ring but can't seem to find one that works with VU 2.35, there are plenty that work with Android 2.3.4 but not in VU. Is there something about VU that causes a problem?
Thanks for a great theme!!!

Personalize button is set in the tweaks to an app of your choice. Change the lock ring is is fusion and idlescreenbase.sold using m10 tools
Sent from my HTC Desire HD using XDA App

Running on a mt4g and looking great. Really nice work. Thank you.
Sent from my HTC Glacier using xda premium

Very nice theme. I really like the spirit of transparency.
How can you put the wallpaper on the desktop lockscreen weather?
Again thank you for the great job.

steftolo said:
Very nice theme. I really like the spirit of transparency.
How can you put the wallpaper on the desktop lockscreen weather?
Again thank you for the great job.
Click to expand...
Click to collapse
http://forum.xda-developers.com/showthread.php?t=1160206
1. Image needs to be resized to EXACTLY 540x960. You can do this in any image editor.
2. Flip the image upside down.
3. The images MUST be PNG format.
Once you have this done, you want to grab the IdleScreen_Weather.apk out of the rom youre usings zip folder. Its located in system/apps. Once you get the apk, you want to open up m10 and click load file. Navigate and select the IdleScreen_Weather.apk.
Once this loads, you want to click the tab that says m10 Files. At the bottom of the screen, youll see where it says Decode Images, make sure you check that box.
You want to double click the Lockscreen_weather_bg.m10. It will ask if you want to decompile it. Click yes. At this point, youll be brought to the next tab which is Editor.
From here you want to expand until you see Textures. Under there you will see three spots labeled Texture. Click that and it will bring up an image to the right. Right click on this image and click "Show in Explorer". You will see three png files in here. You want to replace each one with the images you created earlier. This is important though. Make sure you copy the name of each file youre replacing EXACTLY. Im not responsible for any errors you make on renaming.
Once you get all three of the images replaced, go back to start and then save .apk Make sure to use the same name.

trock62 said:
http://forum.xda-developers.com/showthread.php?t=1160206
1. Image needs to be resized to EXACTLY 540x960. You can do this in any image editor.
2. Flip the image upside down.
3. The images MUST be PNG format.
Once you have this done, you want to grab the IdleScreen_Weather.apk out of the rom youre usings zip folder. Its located in system/apps. Once you get the apk, you want to open up m10 and click load file. Navigate and select the IdleScreen_Weather.apk.
Once this loads, you want to click the tab that says m10 Files. At the bottom of the screen, youll see where it says Decode Images, make sure you check that box.
You want to double click the Lockscreen_weather_bg.m10. It will ask if you want to decompile it. Click yes. At this point, youll be brought to the next tab which is Editor.
From here you want to expand until you see Textures. Under there you will see three spots labeled Texture. Click that and it will bring up an image to the right. Right click on this image and click "Show in Explorer". You will see three png files in here. You want to replace each one with the images you created earlier. This is important though. Make sure you copy the name of each file youre replacing EXACTLY. Im not responsible for any errors you make on renaming.
Once you get all three of the images replaced, go back to start and then save .apk Make sure to use the same name.
Click to expand...
Click to collapse
Thank you, but I do not think it was as complicated

Nice
Virtuous unity v2.3.5

i applied the theme on virtuous 2.37 where the photo widget was resised correctly but the theme seems to applie the old unresised photo widget ,thanks if you can fix it

nice theme tx
could I have circular battery please?

link
why link dont work???

Assistance needed - Editing framework-res.apk

I need some help in figuring out what images to edit in my framework-res.apk . I do not like the background for the notifications found in a theme i downloaded from the market for CM7 . I used UOT to make a framework-res.apk file (Custom Theme) and i want to use that image for the background . So i am using a self updated version of apk Manager to extract and sign my apks . but i can not for the life of me figure out which file controls the background for notifications . Can anyone shed a little light on the subject for me ? Ive googled and i found one thread stating that all png's for the status bar must be edited . but i find that not helpful as i dont know which pngs are in controll of the status bar and notifications background . I appreciate all help given ! Btw i appologize if im in the wrong section .

can you post a pic of what exactly you want to change? i have answers...but just want to be on the same page as you.

As you can see , my notifications window is brought down by dragging the status bar down . I hate that ugly background in the notifications window . I want to change it . But can't figure out how . Btw I failed to mention this is a theme I downloaded .
{
"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"
}
Sent from my HTC HD2 using Tapatalk

those are in the system ui apk, not framekworks.
like the pic with is shade_bg.
however, to change those remember you need to change the theme's apk, not your system as themechooser in cm7 supercedes the system.
cheers.

jsmccabe78 said:
those are in the system ui apk, not framekworks.
like the pic with is shade_bg.
however, to change those remember you need to change the theme's apk, not your system as themechooser in cm7 supercedes the system.
cheers.
Click to expand...
Click to collapse
AHA ! You are amazing . I cant believe its named shade_bg like i was looking for something along the lines of notifications_background or notifs_bg or something that makes more sense xP that worked btw . now i have another question for you Since youre amazingly smartical !!
Here is a picture of the default theme . Notice where my toggle buttons are (at the top) its a solid background . But where my actual notifications are its not solid . Is this controlled by an xml ? i took apart the default SystemUI.apk and looked at the shade_bg and it is the same throughout(i figured the top of the image was solid and the rest was transparent)

it would make things easier if you drew on the picture so i knew exactly what you are looking at.
if you are talking about the area around the words "no service" and "ongoing" the background is a .9.png but i forget which - however, i have never seen it transparent.
the green bars can be removed with xml editing.
the white bg of the "auto-rotate switch" is a .9.pngs.
all the lettering is in xml/ colors.
the best idea (when i was making these) is to make things outlandish colors, compile and see what it looks like.
also see:
http://forum.xda-developers.com/showthread.php?t=964391

jsmccabe78 said:
it would make things easier if you drew on the picture so i knew exactly what you are looking at.
if you are talking about the area around the words "no service" and "ongoing" the background is a .9.png but i forget which - however, i have never seen it transparent.
the green bars can be removed with xml editing.
the white bg of the "auto-rotate switch" is a .9.pngs.
all the lettering is in xml/ colors.
the best idea (when i was making these) is to make things outlandish colors, compile and see what it looks like.
also see:
http://forum.xda-developers.com/showthread.php?t=964391
Click to expand...
Click to collapse
Hey thanks for the reply ! I actually looked at the xml and it used a different png . The name was like statusbar_background.png or something like that
. And my theory was correct . Just the top of the image is solid making the background of the toggle buttons solid . And thanks for that think gives me something more to tinker with :-D
Speaking of tinkering , I was messing around with uot and I wanna get the animated background for the notifications . I tried uploading my themes apk but when I tried switching to the uot theme themeChooser said the theme was incorrectly compiled therefore I could not use it . Do you know how I can edit the xml of my theme to give it the animated background ? I uploaded my systemUI and then took it apart to see how it does the animations . And its a series of .png images . But I don't know what modifications are needed to my themes xml to get the animations working . Thanks again for all your help ! You are truly a theme master :-D
Sent from my HTC HD2 using Tapatalk

I don't have an exact answer. What files are you seeing as part of the animation? Also, often they are controlled by an XML in the drawable folder (not the hdpi one.) I have changed some animations but not am expert. I would search the thread I gave you to see if possible.
Sent from my HTC HD2 using XDA

Does anybody use PNGOptimizer when creating themes?

I'm not a themer, but I'm a designer and I do a lot of Android UI design which includes slicing the images and making 9patches. In my workflow I always use PNGOptimizer to remove unneeded information from png files. I use PNGOptimizer which I find very usefull and easy to use.
I opened some of themes and almost every one of the were not optimized. I took the PNGOptimizer and cleaned all pngs and on theme that is 8.1MBs in size I have gained 0.7MBs in size. This is not only the filesize gain, but the theme is acting pretty much faster (by observing).
{
"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"
}
The app is pretty much straight forward, just drag and drop the png files, and it will optimize them in batch. It will give you the log, where you can see how many %s have you gained.
There is a settings view by right clicking on a window where you can set the desired cleaning process.
This app is Windows only, and it's free
http://psydk.org/PngOptimizer
I'm sure there are similar apps for OSX and Linux, but I haven't tested them as I don't use these OSs.
I just wanted to share the tool with you guys, and if I posted in wrong thread, I'm really sorry, and please move my thread to the appropriate one

This is something I've always done for my themes and ROMs
Sent from my LG-E739 using Tapatalk

Maybe I didn't opened your themes then

I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.

kcls said:
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
Click to expand...
Click to collapse
You can always convert them back to 32-bit.

kcls said:
I dislike when people use PNGOptimizer. I've seen a lot of people using it on MIUI lockscreens, and some themes (ZDune's MIUI for CM7, for example) and it makes them incredibly hard to edit, because it changes the PNG from RGB to index color mode. When you open the PNG in photoshop, it has a big thick black border around it, loses gradient transparencies, etc. I tried to edit a theme for my sister to make it all pink but found it impossible to do because all the PNGs were in index color mode. Oh well.
Click to expand...
Click to collapse
paint.net is a free image editor which can do the conversion to rgb 32-bit if you want (and opens the files correctly, without the black border)

picard666 said:
paint.net is a free image editor which can do the conversion to rgb 32-bit if you want (and opens the files correctly, without the black border)
Click to expand...
Click to collapse
Thats true, I've heard that. However, Doesn't it save them with a non-transparent background? And even if it does save with a transparent background, batch editing a ton of images from a theme would take forever, having to open each with paint.net and saving them before I can edit with photoshop. I can't imagine doing that with 200+ png's.

Batch processing is your friend.

Jumba said:
Batch processing is your friend.
Click to expand...
Click to collapse
i know this is a rather old post, but just want to share the program ive made for Un-optimizing the png's for editing..
http://forum.xda-developers.com/showthread.php?p=33520176
cheers