For you Photoshop users out there, a little assistance please

Discussion in 'Android Themes' started by Jim 777, Oct 23, 2010.

  1. Jim 777
    Offline

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,268
    Likes Received:
    2
    Trophy Points:
    103
    Ratings:
    +2
    I'm pretty good around PS but have never really worked with png files until I started messing with the droid. I've made plenty of image adjustments that worked fine, some that didn't but was acceptable, and some that I considered an epic fail.

    For you PS peeps that make your png images or edit existing ones, I have a question for you.

    How are you able to save the images so they are not only small in file size, but keep the necessary image proportions so they come out as wanted? I've created background images (for example for the power widget) that don't retain the stock background size. Many times all I've done is adjust the opacity, so I'm thinking its somewhere in the saving of the image.

    More recently I took the little triangle image that is on the LauncherPro Plus calendar widget, trying to make it blue instead of the greyscale color it is stock. Changing the color wasn't a problem, putting it in the apk wasn't the problem, but when I rebooted, the image was huge in the calendar spot.

    So, is there certain settings I need to set before saving the images? I'm really looking for the answer to this as it's often getting in the way.

    Thanks!
     
  2. Jim 777
    Offline

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,268
    Likes Received:
    2
    Trophy Points:
    103
    Ratings:
    +2
    [​IMG]
    Bueller?



    Bueller?
     
  3. Jim 777
    Offline

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,268
    Likes Received:
    2
    Trophy Points:
    103
    Ratings:
    +2
    no one is willing to share any save settings? Really?
     
  4. realigion
    Offline

    realigion Member

    Joined:
    Feb 10, 2010
    Messages:
    96
    Likes Received:
    0
    Trophy Points:
    6
    Ratings:
    +0
    To be honest, I've never had this issue and I've been using PNGs for every image file I've saved for the past 4 years. CS3-CS4-CS5 -- never seen it.
     
  5. Jim 777
    Offline

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,268
    Likes Received:
    2
    Trophy Points:
    103
    Ratings:
    +2
    Here's examples of what I mean. First pic is the size and shape of what the power widget should hold. Even though the BG is correct the blue bars I created by changing the properties of the original PNGs and you can see how they distorted:
    [​IMG]

    Here's BG images that I both created on my own or merely just changed the opacity:

    [​IMG]
    [​IMG]
     
  6. Mbk
    Offline

    Mbk Android For Life Theme Developer Premium Member

    Joined:
    May 4, 2010
    Messages:
    4,167
    Likes Received:
    4
    Trophy Points:
    153
    Ratings:
    +4
    I'm not quite sure exactly what you're referring to, but I'm gathering that you only resize the icons themselves and when placed back inot the widget background, the background itself is what seems to expand, correct?
    Only thing I can think of is that you aren't outputting the PNG to the exact dimensions of the original... 150x150 still needs to output to 150x150, including the transparent areas of the PNG... that's all I can come up with... although I use GIMP, but basically the same tool in most ways.
     
  7. Jim 777
    Offline

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,268
    Likes Received:
    2
    Trophy Points:
    103
    Ratings:
    +2
    what you say make sense, but I run in to these problems when I'm just adjusting the color/opacity/other of the original image, no resizing at all. And, not only background images. i know those are stretched at times, but I've run in to this when it's icons too. Most recently was the little gray triangle that you can see in the LP calendar widget in my sig. I changed it's from greyscale to RGB and put a blue overlay and save it as a PNG. When I applied and rebooted, the triangle took up half the square of the calendar day. (The ones you see were taken from another themed widget)
     
  8. Mbk
    Offline

    Mbk Android For Life Theme Developer Premium Member

    Joined:
    May 4, 2010
    Messages:
    4,167
    Likes Received:
    4
    Trophy Points:
    153
    Ratings:
    +4
    The XMLs really shouldn't be scaling it based on image grayscale or RGB, so you certain that the triangle was output to the exact demensions as was?... I may play with this just to see what happens with me...lol .

    BTW, never had anything similiar to what you're saying happen to me....'yet'...lol
     
  9. TwerpPoet
    Offline

    TwerpPoet Member

    Joined:
    Sep 14, 2010
    Messages:
    434
    Likes Received:
    0
    Trophy Points:
    16
    Ratings:
    +0
    It's been a long time since I played with PS, but as I remember it you not only have the physical dimensions of the graphic to worry about but the resolution as well. A picture set at 300dpi on a 72dpi screen will be quite small regardless of how many pixels it has. Or was it the other way around?

    Make sure that your png's resolution matches the screen, or at least the rest of the graphic elements you are using it with.

    That's my best guess, and take it with a large dose of salt because I'm translating form experiences that had nothing to do with themeing.
     
  10. Jim 777
    Offline

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,268
    Likes Received:
    2
    Trophy Points:
    103
    Ratings:
    +2
    yeah try it out. I don't change image sizes or I recreate in the same dimensions as the original. There lies the confusion. (I don't change the resolution either)
     
  11. Mbk
    Offline

    Mbk Android For Life Theme Developer Premium Member

    Joined:
    May 4, 2010
    Messages:
    4,167
    Likes Received:
    4
    Trophy Points:
    153
    Ratings:
    +4
    If they are PNGs to begin with, I can't see how merely shading the image would cause it to resize resolution??
    Anyways, GIMP does nothing of the sort FWIW...
     
  12. realigion
    Offline

    realigion Member

    Joined:
    Feb 10, 2010
    Messages:
    96
    Likes Received:
    0
    Trophy Points:
    6
    Ratings:
    +0
    I was actually just going to say what Twerp said.

    Jim, look up what the density (PPI/DPI) of the Droid's screen is, make sure your Photoshop document is the same as that. Photoshop may not open then re-save with the density intact for whatever reason, even if it's just a bug in your version. It's worth double checking.
     
  13. cupfulloflol
    Offline

    cupfulloflol Senior Member

    Joined:
    Dec 5, 2009
    Messages:
    1,898
    Likes Received:
    22
    Trophy Points:
    68
    Ratings:
    +23
    Are the problem files .9.png files by chance?
     
  14. slow6i
    Offline

    slow6i New Member

    Joined:
    Sep 16, 2010
    Messages:
    12
    Likes Received:
    0
    Trophy Points:
    1
    Ratings:
    +0
    I was also thinking that somehow the .9 information wasnt retained, or was inadvertantly modified. I dont know if the images in question are a .9 tho. I havent succesfully modified anything on my d1 yet, that would be my first guess because it looks as if the image is stretching.

    Photoshop should retain the same DPI as the original image when you save it, but double check your settings before saving. I would imagine the images are in 72 dpi format but i could be wrong. Im still new to all of this modding as well.

    Im also not sure about saving on file size. Maybe going to an indexed profile before saving?
     
  15. Jim 777
    Offline

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,268
    Likes Received:
    2
    Trophy Points:
    103
    Ratings:
    +2
    Will double check. I assumed it was saving it as it was opening it

    Sent from my Droid using DF app
     
Search tags for this page

droid razr photoshop template