...

View Full Version : gradual transition in background image ?



ctoz
05-24-2010, 12: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 ??

dome90uk
05-26-2010, 10:00 AM
Hi,

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)

meth
05-28-2010, 04: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.

mauricemal
06-25-2010, 05: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.

bigonroad
06-28-2010, 09: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.

Chris

Major Payne
06-29-2010, 06: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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum