Photoshop gradient problem

Discussion in 'Design and Graphics' started by dunc85, Jul 31, 2007.

  1. dunc85 macrumors regular

    Jul 23, 2006
    Hello graphics guys, I'm not much of a Photoshop expert and usually get my end result through a lot of trial and error, so here is my problem...

    I've created a graphic in PS and added a gradient to it to give it one of those (overused) shiny effects.

    I've uploaded the .psd here:

    It looks fine in Photoshop, but when I view the image in a web browser or Preview, the gradient isn't right. Infact i'm not sure if the gradient is even there.
  2. astrostu macrumors 6502

    Feb 15, 2007
    Can you post what it looks like when you view it in a web browser or Preview?

    Are you viewing it in those apps as a PSD file or as a flat JPG/GIF/PNG? When I look at the PSD file in Preview/Safari, all I see it a tiny bit of red on one side and nothing else. You need to flatten it and save it as a standard web format image file to view it on the web.
  3. Lau Guest

    I've tried saving it as a .png (attached), and the gradient is there, although viewing the .psd file in Preview seems to be a bit odd.

    What were you hoping to do with the file in the end? Were you going to put it on a website? Because you might want the background to be transparent in that case (which a .png can do, it just needs a bit of tweaking).

    Attached Files:

  4. dunc85 thread starter macrumors regular

    Jul 23, 2006
    Sorry, I should have explained.

    I saved the image as a gif, but it looks different when viewed in a browser/Preview to how it looks when opened in Photoshop.

    Attached is a screenshot. The left image is the gif opened in PS, the right is opened in Preview/Firefox.

    Attached Files:

  5. Aea macrumors 6502a


    May 23, 2007
    Denver, Colorado
    .gigs support only so many colors, but I doubt that's the reason, same problem with png-24?
  6. astrostu macrumors 6502

    Feb 15, 2007
    What Aea said about # colors. Usually GIFs only support 256 colors.

    Another possibility is, did you flatten the image and then save as GIF, or did you save as GIF and tell it to flatten when you were in the Save dialogue? If you did the latter, try the former.
  7. dunc85 thread starter macrumors regular

    Jul 23, 2006
    Further weirdness...

    Saving for web (png) - the gradient doesn't display correctly except when re-opened in PS.

    Save as...(png) - the gradient displays fine in Preview and Safari, but not FF.

    I've checked the colour profile and it's sRGB, so I think that's ok.
  8. dunc85 thread starter macrumors regular

    Jul 23, 2006
    I opened the .psd on my Windows computer (Photoshop CS2) and the image looked different to how it does on my MacBook Pro.

    But saving on Windows, the image and gradient turned out fine. So, perhaps there's something up with my Mac installation of Photoshop, I dunno.
  9. Sean Dempsey macrumors 68000

    Sean Dempsey

    Aug 7, 2006
    This is a color profile problem.

    Save for web as a JPG, don't attach ICC profile. That is how it should look in a browser.
  10. dunc85 thread starter macrumors regular

    Jul 23, 2006

Share This Page