Photoshop gradient problem

dunc85

macrumors regular
Original poster
Jul 23, 2006
112
0
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

macrumors 6502
Feb 15, 2007
378
15
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.
 
L

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

Attachments

dunc85

macrumors regular
Original poster
Jul 23, 2006
112
0
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.
 

Attachments

Aea

macrumors 6502a
May 23, 2007
838
208
Denver, Colorado
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

macrumors 6502
Feb 15, 2007
378
15
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

macrumors regular
Original poster
Jul 23, 2006
112
0
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

macrumors regular
Original poster
Jul 23, 2006
112
0
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

macrumors 68000
Aug 7, 2006
1,617
3
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.