[FULFILLED][REQ] Upsampling zoom buttons and keeping transparency - Android Themes

Hey all. I've been trying to upsample these 64x64 zoom buttons from a 2.2 ROM I used way back when and I lose transparency when I try to upsample them. 64x64 is just too small for the Nexus 4, and when I upsample through Irfanview, I either get buttons that are too transparent or not transparent enough.
Can anyone upsample them to 128x128? I posted this in the Nexus 4 subforum and no one has replied
Hung0702 said:
Hey guys. I've used Irfanview to resize the attached PNGs (they are zoom buttons, to be placed in framework-res.apk) but I haven't been able to resize them without messing up the transparency. Technically, I'm upsampling them, which seems to be ok. My only problem is that I don't know how to change the settings such that I can keep the transparency base, but have the "-" and "+" opaque. It ends up being completely transparent and impossible to see on a bright background.
Could anyone upsample them for me? They are 64x64 and it'd be nice to have 128x128. Also, could you provide me some details on what settings you used to save them?
Click to expand...
Click to collapse
The png images are attached to the above post. Just go to that thread and you'll see them on the OP.
Well, Irfanview is a bit foreign to me, but I used pixlr and it was a very simple conversion. I attached the pngs if anyone wants to use them in their own ROMs.

Related

[lockscreen] photoshop

I dont have photoshop, but i need to have a see through or opaque picture to use as my lockscreen background. can anyone help me, or even make a quick one? with a grey background if its opaque.
BUMP! come on people someone must have photoshop, this would only take 5 minutes.
doesn't the one from the other thread work?....
http://www.mediafire.com/imageview.php?quickkey=idhtmtuqyrm
..... Then have a play with DroidExplorer?... apparently it can do the ADB stuff for you......
EDIT..... Droid Explorer - 0.8.6.0 [06/19/2010] - Conan O'Brian Edition
Why someone with photoshop. It's just as doable with Gimp, a totally free image editor.
i dont have an image editor, slash i didnt know that. And its not the actual lock screen or anything i need.
i downloaded lockbot and you can use your own image as the background, so if i got a transparent one then i would have a transparent lockscreen..
http://forum.xda-developers.com/showthread.php?t=707599
i modified the file from Cronos 1.7.1 so i'm not sure it will work for villainrom...
if you do want to try it ... do a nandroid or bart backup before you PUSH the file onto /system/framework folder
i think i tried that one before, but i'm not sure, i'll give it a shot.
it says verification failed?
If your looking to set an image as a lockscreen background its not as easy as having a transparent image. Android does not treat it as if it is transparent.
Hoping someone can work out a fix soon though.
oh i see. well thats helpful thanks. Also when trying to flash all these zips that people are putting together for me, when i try to flash them i get an error "verification failed"!!
archie winnington-ingram said:
I dont have photoshop, but i need to have a see through or opaque picture to use as my lockscreen background. can anyone help me, or even make a quick one? with a grey background if its opaque.
Click to expand...
Click to collapse
use GIMP instead.
Lennyuk said:
If your looking to set an image as a lockscreen background its not as easy as having a transparent image. Android does not treat it as if it is transparent.
Hoping someone can work out a fix soon though.
Click to expand...
Click to collapse
There was a Vanilla ROM with transparent locksscreen. I think it even was SuperHero and I remember it coz people did not like transparent lockscreens. It made screen look messy. Also some other vanilla ROMs have semi transparent lockscreens - it shows only wallppaper, not all icons and widgets - which I found very cool, especially if you like live wallpapers. I want to make it work on sense ROMs, don't know how so
for future reference:
fotoflexer.com
free online image editing.
Have you got a rooted phone?

help adding gradient effects to pngs

hey everyone
it turns out i am not great at image editing lol i spent the better part of a morning messing around in gimp trying to reproduce that shiny effect where it looks like light is reflecting off part of an image. i think i was heading in the right direction by trying to apply a gradient effect to the image but just couldn't get it to come out looking professionally done. infact my work looked more like a 2 year old had done it lol
any ways i have attached the image and if you look you can see how at the tops and bottoms of the image it starts out dark and as it moves to the center of the image it lightens. I would like to do this but in black and have it fade to gray so that it matches the black status bar on the hero. does anyone want to modify this image for me and maybe tell me how they did it :-D
Just hit the swap color button in GIMP. It will swap the two colors and then you should achieve what you want.
VinceOB said:
Just hit the swap color button in GIMP. It will swap the two colors and then you should achieve what you want.
Click to expand...
Click to collapse
I am not sure how color swap would give me the effect I am looking for being that the top and bottom start with the same color and then fade into a different single color in the center. If you could elaborate that would be great.
dsMA said:
I am not sure how color swap would give me the effect I am looking for being that the top and bottom start with the same color and then fade into a different single color in the center. If you could elaborate that would be great.
Click to expand...
Click to collapse
In Gimp got to color menu, then invert. Itll give you three choices as to the method to invert by, and choose the one you want.
gomorrah said:
In Gimp got to color menu, then invert. Itll give you three choices as to the method to invert by, and choose the one you want.
Click to expand...
Click to collapse
invert got me closer to what i am looking for, though using invert gives me the darkest areas in the center. I would rather have the darkest areas at the edges and have it lighten as it moves to the center.
(maybe it is possible using one of the three choices you mentioned but when I went to color and clicked invert it just inverted the colors, no 3 choices)
dsMA said:
invert got me closer to what i am looking for, though using invert gives me the darkest areas in the center. I would rather have the darkest areas at the edges and have it lighten as it moves to the center.
(maybe it is possible using one of the three choices you mentioned but when I went to color and clicked invert it just inverted the colors, no 3 choices)
Click to expand...
Click to collapse
Did you use invert, or value invert? In either case, after that use the Blend tool to pick a gradient and apply it.
gomorrah said:
Did you use invert, or value invert? In either case, after that use the Blend tool to pick a gradient and apply it.
Click to expand...
Click to collapse
I was playing around with the invert and invert value and they kind seem to do the same thing or at least that is what my eye things. Maybe it is just it looks that way when dealing with the whites and grays that are in that image.
So this is what I've done so far. I think it does a pretty decent job matching the status bar but as you can see for some reason the image isn't flush with the bottom of the screen, any one have some ideas on y this is & how to fix it
Sent from my HERO200 using XDA App
Here, This is something i did. It should be the exact same colors as the status bar
I got photoshop cs3 and 5. I'd be glad to help! I also need some help just FINDING the images. I am great with photo editing and creation. That's what I'm in college for right now. If you want some help PM me and I can give you my gmail address so we can help each other
unCoRrUpTeD said:
Here, This is something i did. It should be the exact same colors as the status bar
Click to expand...
Click to collapse
Good work, that is really impressive.

Gloss Icon Buttons

Ive been learning how to do my own PS type work and have come up with a couple sets of glossy button icons with text. So far ive only been a consumer in the Android world and thought it was time to offer a little something should anyone be interested.
The two zip files contain 43 button icons each. One set is a glossy carbon look while the other has a carbon fiber infield with red boarded text. Both sets are .PNG files and if you have any software which will open them feel free to make some more and or change anything you wish. I made these from scratch based upon a tutorial I found on the internet and from hear on place them in the public domain so have at them.
Here are a couple screen of then on my phone. I havent fine tuned the background but you can get the idea of how they look. Using Virtual Desktop you can scale them to any size you wish as well as link them to whatever application your prefer.
Seems im too new here to attach photobucket images.
thanks very nice work.. will look good on my DINC...
Very nice work, you earn my respect, I can just dream of something like this made by me...
Hope those who have DLed these icon buttons have liked them. Im a bit of a noob at the PS aspect of things and noticed that if I were to export the icons they will retain the same qualities yet are substantially reduced in file size. Example being one of them went from 55KB to 9KB and the zip files were 1/10th of what i offered originally. So, if you feel like it grab another set and lessen the load on your CPU.
Im working on a set of small normal size icons that match and offer system setting functions so check back in a day or so.
Added a set of matching smaller icons to the original post list. They are a little larger than normal sized icons and fit 5 across on a Droidx. Remember you can adjust the number of columns and rows in LP to best suit your layout needs.
I guess a word on what to do with all of these...
Use LP Plus allows you to resize all that you add. Download "Desktop Visualizer" from the market and install. You will find DV when you long press for widgets on the home screen.
Ive been using the 3x1 for the larger buttons but found the 2x1 works as well. For the smaller icons use the 1x1 (not the first listed 1x1ss). Once you have them extracted to a folder all you need to copy the folder to your SD card. Ive been putting them in the DCIM/Camera folder. Then when you have chosen the icon size to use you simply browse to the image and then select a function.
Some of the smaller icons need to be associated with an event rather than an application. Instead of tapping Application, choose Other and then "Activities". A new list of options become available to map the icon to whatever you want. Just take a little time and read the smaller print listed under the activity. Some of the display and sound related items are found in the Settings folder.
Ive also found that DLing an app called "Blocco" (free @ Market) and a few of their plug-ins are useful as well. There are plug-ins for Airplane mode and wifi toggle etc. If what you selected doesnt work just drag it to the trash and take another stab. I figured it out so you should be able to as well.
Added the psd file for both types of the carbon button icons. Feel free to make your own by using photo shop or similar software. Just edit the text, reposition it if needed and export the new image. Exporting the image will reduce the file size a lot and help with phone performance.
Included buttons say Market
greavous93 said:
The two zip files contain 43 button icons each. One set is a glossy carbon look while the other has a carbon fiber infield with red boarded text. Both sets are .PNG files and if you have any software which will open them feel free to make some more and or change anything you wish. I made these from scratch based upon a tutorial I found on the internet and from hear on place them in the public domain so have at them.
Click to expand...
Click to collapse
Just wanted to THANK YOU for posting your work here...great stuff!!
Was wondering if you might tell us what text icons you are using for your dock?? I am talking about the dock in the 3rd and 4th image you posted in the original/first post...
THANKS!!
Those are called "Manup's Simple Word Icons"
Im not established here enough to post links but if you google it you will find it. there are 116 in the pack
greavous93 said:
Added the psd file for both types of the carbon button icons. Feel free to make your own by using photo shop or similar software. Just edit the text, reposition it if needed and export the new image. Exporting the image will reduce the file size a lot and help with phone performance.
Included buttons say Market
Click to expand...
Click to collapse
First of all....VERY nice work. Nice and clean. Second..I downloaded the .psd zip and when I opened it, I didn't find the .psd....only the market.png files (one red and one black). I assume this was an accident, but I wanted to make an icon for TapaTalk. So far your one of the very few that have done TechBuzz and I thank you for that. If you would be so kind to either verify the .psd file and re upload it or make a TapaTalk icon, I would be very greatful. Thank You.
lilcdroid
These are beautifull! Some green one would be cool too.
Sent from my PC36100 using XDA App
These look sick! Do you mind if I use some of these in my theme? I might alter them a little to match. Good job!
no problem, do as you will. I put them here for anyone who can use them.
Chris

Theming Widgets

So it was quite easy to chance the LauncherPro widgets, just drop a few files into a folder and re-sign. Can this be done with other apps?
Generally everything's looking good, but the BeyondPod widget is so old looking, can I make the background look like that of the YouTube or Google Search widgets?
If I could make the Fancy Widget Weather background lighter, that would be cool too...
(I've used a lighter wallpaper than usual, so you can see what I mean )
Thanks.
**EDIT** Okay, so I simply dropped in the appwidget_bg.9.png and it's kinda worked -
How can I now control the size of the background of the widget?
The best way to theme the widgets (if there is no source for app, like for many/most market apps) is to use apktool to decompile the .apk, this will give you the .9.png files with the guide lines on them, then you can open the .png from the .apk you just decompiled (the best way to keep the widget the same boundaries as the original is just to recreate the image on a layer above the existing layer, with the guide lines and widget background, to be the same width and length as the stock widget background). You can either use apktool to recompile the .apk which will or create the .9.pngs for you, or you can compile them in eclipse.
Use this png instead of the other one on my thread. I need to update it. This will size nicely on your Music widget and also Fancy Widget.
How would I go about making the launcher pro widgets transparent?
sonnysekhon said:
Use this png instead of the other one on my thread. I need to update it. This will size nicely on your Music widget and also Fancy Widget.
Click to expand...
Click to collapse
Not quite what I was after, lol
Going to edit that one myself, see how I get on
**EDIT** Okay, so I've made the background a little smaller (and without the white background) but the buttons still stick to the very edges.
AndyCr15 said:
Not quite what I was after, lol
Going to edit that one myself, see how I get on
**EDIT** Okay, so I've made the background a little smaller (and without the white background) but the buttons still stick to the very edges.
Click to expand...
Click to collapse
Click on the attached image first and then save it. Right clicking and saving results in a loss of transparency, hence a broken .9 patch.
dinan said:
How would I go about making the launcher pro widgets transparent?
Click to expand...
Click to collapse
In my signature go to the Nexus S link, bottom of the 2nd post.
Thanks. I followed the guide and I have the header and footers transparent (I edited your pngs so that it was 0% opaque so perfectly transparent since that's what I want) but the background for the calendar widget still has a grey shade... dunno which png to change to get it perfectly clear. Any suggestions?
sonnysekhon said:
In my signature go to the Nexus S link, bottom of the 2nd post.
Click to expand...
Click to collapse
dinan said:
Thanks. I followed the guide and I have the header and footers transparent (I edited your pngs so that it was 0% opaque so perfectly transparent since that's what I want) but the background for the calendar widget still has a grey shade... dunno which png to change to get it perfectly clear. Any suggestions?
Click to expand...
Click to collapse
You can get it from here:
http://forum.xda-developers.com/showthread.php?t=783427
How would one go about editing a Beautiful Widget theme?
In the picture below you can see that the "pm" and weather are white and I want to make them both cyan to match everything else. (Also, I realized upon seeing the shot blown up that the color of the weather/date text didn't match so I fixed that).
kenvan19 said:
How would one go about editing a Beautiful Widget theme?
In the picture below you can see that the "pm" and weather are white and I want to make them both cyan to match everything else. (Also, I realized upon seeing the shot blown up that the color of the weather/date text didn't match so I fixed that).
Click to expand...
Click to collapse
Get the clock skin and the weather skin from your sdcard from data/beautifulwidgets. Edit them in Photoshop or GIMP and put them back.
sonnysekhon said:
Get the clock skin and the weather skin from your sdcard from data/beautifulwidgets. Edit them in Photoshop or GIMP and put them back.
Click to expand...
Click to collapse
Thanks Sonny! I am going to try (emphasis on try) to make a complete skin for BW to go with your SubCyan theme with just a simple clock and weather both cyan but if I fail (which seems to be what I'm doing) I'll probably do just that.

[HELP] Landscape Framework Elements

Big question. When you rotate the phone, the status bar background (in themes like Darkness, with a design) gets messed up because it's shaped for our screen and not a small piece that gets tiled like the original. Can you make a landscape version of the background? I noticed in TouchWiz30Launcher.apk there is a homescreen_icon_bg.png and homescreen_icon_bg_h.png the latter being for a horizontal orientation of the launcher. Can we apply this concept to a custom made portrait AND landscape drawer background in twframework-res.apk? I would really like to know if it is possible, but am not asking for the creation of the background. I can make my own, but I need to know how to make it work.
I think you have to create a layout-land and layout-port folder and put something in there. Hopefully someone else will chime in.
A simpler idea might be to modify status_bar_expanded.xml to have multiple images for the background and bottom bar, like 3 where the center is fixed and the outer 2 are tiled matched up to look seamless of course. Or just allow certain parts to be stretched and some not with draw9patch.
CuriousTech said:
I think you have to create a layout-land and layout-port folder and put something in there. Hopefully someone else will chime in.
A simpler idea might be to modify status_bar_expanded.xml to have multiple images for the background and bottom bar, like 3 where the center is fixed and the outer 2 are tiled matched up to look seamless of course. Or just allow certain parts to be stretched and some not with draw9patch.
Click to expand...
Click to collapse
Thanks a lot for your post, I looked into status_bar_expanded but couldn't find anything applicable. Looked at status_bar.xml and it contains all the info on status_bar_background in the vertical position. How would you put it all into horizontal? Would you have to edit the existing xml or make a new one in layout-land? Could I just copy it into layout-land and edit in some new filenames and stuff?
EDIT: You know how to signify a file it says @drawable/statusbar_background? Does this actually refer to status_bar_background.9.png? And how would you signify a drawlable-land destination? @drawable-land/statusbar_background?
That's mostly what I don't understand yet. In framework-res there are 3 folders:
layout
layout-land
layout-port
icon_menu_layout.xml is in land and port and not in just layout. I think because layout is default for both, and land or port is used for those modes if the file doesn't exist in layout. Just like an xml in drawable can replace an image if the same name is used. But I think there's more to it than that. I tried creating a layout-land and layout-port and moved status_bar_expanded.xml to both and it looked normal both ways. I would think that layout-land would automatically use the drawable-land images too. Something else is missing.
EDIT: Oh yes @drawable/statusbar_background is the png in drawable-hdpi, unless there's actually a drawable/statusbar_background.xml which would make it use that instead. I just don't know where drawable-land-hdpi fits in.
Inside the XML there is a "vertical" and "horizontal" section, you'd have to change that too. I have changed it and will try it tonight in my framework. I just don't understand the references it makes too well...
I've been trying to find a simple reference, but I guess most of it's here:
http://developer.android.com/guide/topics/ui/layout-objects.html
Or around that area of the docs. The vertical/horizontal I think is the alignment of objects in a group. I don't think it has to do with land/port.
This looks interesting too. I just found it. It looks like a way to view layouts on the computer.
http://developer.android.com/guide/developing/tools/hierarchy-viewer.html
CuriousTech said:
I've been trying to find a simple reference, but I guess most of it's here:
http://developer.android.com/guide/topics/ui/layout-objects.html
Or around that area of the docs. The vertical/horizontal I think is the alignment of objects in a group. I don't think it has to do with land/port.
This looks interesting too. I just found it. It looks like a way to view layouts on the computer.
http://developer.android.com/guide/developing/tools/hierarchy-viewer.html
Click to expand...
Click to collapse
I honestly don't know what that stuff means with a headache, so I can't understand what the links refer to, sorry
It's all really disorganized or I'm just used to Microsoft docs. The xml corelates with the android classes for coding java. So xml is used sort of like html tables where everything is nested so you can have rows or collumns of buttons (horiz/vert) or menus or whatever, but the elements used are all the members of the android class. It's just so hard to find the meaning of each one.
CuriousTech said:
It's all really disorganized or I'm just used to Microsoft docs. The xml corelates with the android classes for coding java. So xml is used sort of like html tables where everything is nested so you can have rows or collumns of buttons (horiz/vert) or menus or whatever, but the elements used are all the members of the android class. It's just so hard to find the meaning of each one.
Click to expand...
Click to collapse
Crap 10char

Categories

Resources