Develop Bugs

[Help] How do I theme .png from apk

I'm trying to theme some images from mms.apk, stat_notify_sms.png, I've decompiled the apk using apktool and they come out .png some 9.png. I load it into photoshop this is what I get
http://i42.tinypic.com/35isq3t.jpg
In every tutorial I've read on editing 9.png's or png's from an apk they just say there's a simple black line on either side and to not touch them but this has them all around and there's extra white pixels there too that when colored and essentially going around the black borders on the sides it looks like there's a colored border around the image and the overall image just looks like crap after saving. The image comes out looking pixelated.
How do I fix this? obviously I'm not doing it right and I can't find an in-depth tutorial that wasn't written for someone who already knows what they're doing.

Its only 9.png's that have that border. It just marks up which parts of the image can be stretched and which can't. If the image size is changed to fit a different size space.
You dont need to decompile to change normal .png's in the apk's. Just unzip to get the images then drag and drop the modded images into the apk with winrar etc..
Are your png's still bad if you open them with gimp?
Sent from Mobile..

Welp I just downloaded GIMP and it opens up the png without all the black borders so now I can edit them just fine. I always use photoshop and I wish it would have worked in it but this will have to do. Thank you.

no problem
when i used to theme my desire, photoshop used to do some strange things to my png's. gimp or paintshop pro work fine though.

dev/null/ said:
Welp I just downloaded GIMP and it opens up the png without all the black borders so now I can edit them just fine. I always use photoshop and I wish it would have worked in it but this will have to do. Thank you.
Click to expand...
Click to collapse
If you decompile and edit .9 pngs, you need to run them through draw9patch before recompiling, else they will look rubbish when stretched. draw9patch is included in the sdk.

Creating icons from .psd file?

Hi, can somebody please advise me on how to make icons from a .psd file? I have CS6 and GIMP, (but no experience with either) and have been floundering around for the last hour or so trying to make even a single icon from the template, which is attached.
As a sidenote, I think it would be pretty cool (and useful) if somebody were to make a thread about this, as I am sure there are many people who would like to make their own icons, but don't have the know-how to do it.

Are you making a PNG icon? What I did was using a custom launcher (I use Apex in my case) so that you can change the icons on the homescreen using just transparent 96x96 PNG files.
To create PNG icons on CS6, CTRL+SHIFT+S to save as .PNG and transfer it to phone.

SomeFormOFhuman said:
Are you making a PNG icon? What I did was using a custom launcher (I use Apex in my case) so that you can change the icons on the homescreen using just transparent 96x96 PNG files.
To create PNG icons on CS6, CTRL+SHIFT+S to save as .PNG and transfer it to phone.
Click to expand...
Click to collapse
Yep, a .png icon. I'm already using a theme which has a number of themed icons, the problem is getting other nonthemed icons to look similar to the themed icons. For that, there is a .psd template included, but I don't know how to use it to create icons.

[First comment]
benjamingdelacruz said:
Yep, a .png icon. I'm already using a theme which has a number of themed icons, the problem is getting other nonthemed icons to look similar to the themed icons. For that, there is a .psd template included, but I don't know how to use it to create icons.
Click to expand...
Click to collapse
A piece of cake! Lemme explain it to you:
1. First of all, open the .PSD file you attached above.
2. Hide ("close the eye") of the layer that has the text on it (the one that says "Drag your image UN...")
3. Drag-drop the image you want to transform into icon onto the working .PSD canvas (not where the layers are as it'll open a new project)
4. Move the image generated UNDER the layer you hid on step number 2... Your icon will be created.
Then, you just have to save your image as a .PNG file by selecting this option in the drop-down menu after doing CTRL+Shift+S ("Save as a .PSD" is by default)
And that's all! Hope it's clear now!
PS: Additionally, you may change the base colour of each icon by unlocking the "Base for icon" layer and then applying a color overlay under the "Blending options" as well as hide/delete the background.

Morrissex said:
A piece of cake! Lemme explain it to you:
1. First of all, open the .PSD file you attached above.
2. Hide ("close the eye") of the layer that has the text on it (the one that says "Drag your image UN...")
3. Drag-drop the image you want to transform into icon onto the working .PSD canvas (not where the layers are as it'll open a new project)
4. Move the image generated UNDER the layer you hid on step number 2... Your icon will be created.
Then, you just have to save your image as a .PNG file by selecting this option in the drop-down menu after doing CTRL+Shift+S ("Save as a .PSD" is by default)
And that's all! Hope it's clear now!
PS: Additionally, you may change the base colour of each icon by unlocking the "Base for icon" layer and then applying a color overlay under the "Blending options" as well as hide/delete the background.
Click to expand...
Click to collapse
Thanks a ton, just a few questions.
1. After dragging and dropping the imageimage I want to change to an icon I have to "place" it, right?
2. After doing as told, what do I do if the image does not fit the base of the icon? For example, if it is too small?
3. After saving the file as a .png, the background still remains in the .png image. Is this normal?
Thanks again!
Sent from my GT-I9100 using xda app-developers app

benjamingdelacruz said:
1. After dragging and dropping the imageimage I want to change to an icon I have to "place" it, right?
2. After doing as told, what do I do if the image does not fit the base of the icon? For example, if it is too small?
3. After saving the file as a .png, the background still remains in the .png image. Is this normal?
Click to expand...
Click to collapse
First off, if you speak Spanish (I think you do because of your name), you can ask me anything using that language. My mother tongue is Spanish, but I know some English as I studied English Teaching and Translation.
Concerning your questions, here you are the answers:
1. As I said before, you have to drag-drop the picture you want as an icon FROM a folder ON the canvas/working space (where how the icon will look like is). Then, you can modify it.
2. If the image is too short/large, you have to resize it. Simply, press Ctrl+T (assuming you're using Windows. If not, CommandKey+T), hold the shift button down (in order to mantain proportions) and drag the corners of the picture to resize it. When you're done, press Enter.
3. Which background? The one with the wood texture? If so, it is quite normal if you haven't hidden the background layer. As it is locked, you have to select the background layer, press the "padlock" on the layer section of PS and then you can hide it.
As I said before, feel free to PM me any question. If it sounds confusing in English (and if it happens you know Spanish), I can explain it to you (or make a screen cast if you have some time).
~Morrissex

Thanks, I'll contact you by pm.
Sent from my GT-I9100 using xda app-developers app

[REQ] Resize PNG and maintain Transparency

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?
I got it done much more easily than I assumed, using pixlr. I attached the images in another post, if you care to use them in your own ROM. Just replace the identically named files in your framework-res.apk/res/drawable-xhdpi, clear the dalvik and general cache, and you should be good.

[Q} Editing a non-png image

Hey fellow themers out there! So one of the things that's preventing me to call my theme complete is this gray background image on my themed MusicPlayerWT.apk (see picture). It shows up under the track info and only in landscape mode. I looked and looked for a png file that makes up that image but I just can't find it. There ain't many png files in the drawable folders for me to keep missing so it just leads to conclude that is not a png file I'm after. It's similar to the grey notification bar on the notifications dropdown in the SystemUI.apk or the white dialer background in the Phone.apk. They are not png files that you could swap or edit. I really want to either make it completely transparent or black. If anyone out there could give me a hand with this I would appreciate it (link to apk file below). Thx ahead.

mrrobc97 said:
Hey fellow themers out there! So one of the things that's preventing me to call my theme complete is this gray background image on my themed MusicPlayerWT.apk (see picture). It shows up under the track info and only in landscape mode. I looked and looked for a png file that makes up that image but I just can't find it. There ain't many png files in the drawable folders for me to keep missing so it just leads to conclude that is not a png file I'm after. It's similar to the grey notification bar on the notifications dropdown in the SystemUI.apk or the white dialer background in the Phone.apk. They are not png files that you could swap or edit. I really want to either make it completely transparent or black. If anyone out there could give me a hand with this I would appreciate it (link to apk file below). Thx ahead.
...
Click to expand...
Click to collapse
It's <color name="music_player_header_bg">#ff191919</color> in res/values-land/colors.xml my friend.
Tip: When you are looking for some background to change look what's on the foreground. In your case it took me 1 min to find it - first found that allshare button icon in drawables, then searched for the png name in /res -> found the button xml, then searched in layouts for the button xml name and found that head layout which has the background color I gave you. Simple, right...?

nijel8 said:
It's #ff191919 in res/values-land/colors.xml my friend.
Tip: When you are looking for some background to change look what's on the foreground. In your case it took me 1 min to find it - first found that allshare button icon in drawables, then searched for the png name in /res -> found the button xml, then searched in layouts for the button xml name and found that head layout which has the background color I gave you. Simple, right...?
Click to expand...
Click to collapse
Wow thx!:thumbup: It shows how much there is still to learn. Thx for the tip. I wish I could give u more thank yous but you know how that goes...
...anyways...why now do we have background images generated from xml files? Unless I'm mistaken, I don't remember running into that on previous Android releases.
Sent from my Blutiful Note3

[Guide] Getting transparency in your avatar

Hey, XDA,
After several tries and fails at getting transparency in my avatar to work, I've finally discovered how. Follow this guide, and you'll have transparency in no time!
1a. Make or edit your image in an image editing program that supports transparency. Your image must be square, preferably larger than 100x100 (the higher the resolution, the better the quality), and when you save it, it needs to be saved either as a .png or a .gif.
1b. Kind of obvious, put some transparency into your image. If you're using Paint.NET like me, transparency looks like a gray-and-white checkerboard.
2. Important step! Resize your image inside of your editing program to be 80x80 pixels. If you let XDA do the resizing for you, the transparency will be eliminated!
3. Upload your 80x80 .png or .gif image to XDA as your avatar.
Enjoy your avatar with transparency!

Works like a charm!
Thanks @ИΘΘK¡€ . I've always tried to get a transparent avatar, but failed so many times that I thought XDA doesn't have support for transparency. It's when I found this guide that I realized what I did wrong: my avatar image was bigger than 80x80! So, I used Inkscape to convert the source svg image to a png of exactly 80x80 size. This time it worked!
But there's still a slight problem: avatar pic on profile page isn't transparent. For example, see my profile - HEXcube's profile. XDA replaces transparency with a white background on the profile page's avatar pic. However, the avatar pic shown along with my posts still have transparency. Wierd! Isn't it?

HEXcube said:
Thanks @ИΘΘK¡€ . I've always tried to get a transparent avatar, but failed so many times that I thought XDA doesn't have support for transparency. It's when I found this guide that I realized what I did wrong: my avatar image was bigger than 80x80! So, I used Inkscape to convert the source svg image to a png of exactly 80x80 size. This time it worked!
But there's still a slight problem: avatar pic on profile page isn't transparent. For example, see my profile - HEXcube's profile. XDA replaces transparency with a white background on the profile page's avatar pic. However, the avatar pic shown along with my posts still have transparency. Wierd! Isn't it?
Click to expand...
Click to collapse
Yes, it is rather odd, but I can tell you that the avatar section in your profile does not support transparency. No matter what you try, it simply does not have that functionality (yet).