Photoshop gradient problem

[dunc85]

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:
http://star989.com/roadclosed2.psd

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.

 

[astrostu]

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.

 

[Lau]

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).

 

[dunc85]

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.

 

[Aea]

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.

.gigs support only so many colors, but I doubt that's the reason, same problem with png-24?

 

[astrostu]

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.

 

[dunc85]

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.

 

[dunc85]

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.

 

[Sean Dempsey]

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.

 

[dunc85]

Nope, that doesn't work either.