View Full Version : gradual transition in background image ?

05-24-2010, 01:17 PM
I'm trying to create a background image that gives the same effect as you get on Pc and mac screens in their natural state: a subtle change of the color from darker at the top to lighter at the bottom of the screen.

However, when I create a jpeg using photoshop, it always seems to turn into bands of color, rather than a blended transition.

Any suggestions?

Does it have to do with the resolution you create the image at?

Maybe there's a javascript way ??

05-26-2010, 11:00 AM

Im pretty sure the only way to do this is to add noise then some blur to remove the banding.

Read more here -> Adobe Forums - Not Achieving Smooth Gradient (http://forums.adobe.com/thread/369666)

05-28-2010, 05:04 PM
It has to do with your selection of colours to start and end the gradient, and the amount of jpeg compression that you apply.

When you save the origial image as a jpg, the compression algorithms reduce quality to make the file smaller. That compression leaves bands (compression artifacts). What can also leave bands is the limitation of the number of colours (gamut) that can be used in the gradient.

You can get a smoother gradient by choosing start and end colours with smaller tonal and hue differences, and saving at higher jpg compression (90-95%) or saving as png 24-bit.

06-25-2010, 06:25 AM
If you already saved it as a picture such as a jpeg you will not be able to get your layers back. When creating graphics in Photoshop you need to save a PSD and this is your original uncompressed and layered file.

06-28-2010, 10:06 AM
It's down to your compression.

Sometimes you can get away with dither, if saving a PNG. When saving a jpg, the higher the compression, the more chance of this problem.


Major Payne
06-29-2010, 07:49 AM
Maybe try another tool. This is a free online gradient maker. Maybe it will work better.

Online Gradient Image Maker (http://www.ogim.4u2ges.com/gradient-image-maker.asp)

I use Xara to make a better gradient image as it seems to blend better from one color to the next.