11 Replies Latest reply on Jan 3, 2017 7:34 AM by c.pfaffenbichler

    Photoshop gradients

    Traxxaz

      I have now tried using the Gradient Tool, the gradient adjustment layer and the gradient overlay (layer styles). All of them are creating banding as shown on the image below. Does anyone have a solution for this? It's not the first time I see this issue. Maybe it the programming? If I display this on our large projector at our school you really see the lines. Such a professional program shouldn't have these issues?

      GradientProblems.jpg

        • 1. Re: Photoshop gradients
          c.pfaffenbichler Level 8

          Did you check »Dither«?

          • 2. Re: Photoshop gradients
            davescm Adobe Community Professional

            Hi

            Smooth gradients show up any shortfalls in the display system and are not necessarily artifacts in the actual document. It sometimes shows as steps and sometimes as slightly coloured bands.

             

            So some things you can do.

            You can check your image at 100% using the eyedropper tool and see if it shows nice even grey (R=G=B ) steps. If it shows grey and your display shows colour then it is your display system.

             

            To prevent banding in the image :

            1. Work in 16 bit - this gives a lot more steps in brightness and is particularly needed if you place any adjustments over the gradient

            2. Introduce a little bit of noise (as indicated by c.pfaffenbichler using dither)

             

             

            If it is in your display, most displays are 8 bit and many are actually capable of displaying slightly less, you are stuck with it. This is not a shortcoming of Photoshop but it is a shortcoming of the display and is the primary reason for the move toward 10-bit displays. But be warned these are expensive.

             

            Dave

            2 people found this helpful
            • 3. Re: Photoshop gradients
              macpawel Adobe Community Professional

              You can also use Blur (Gaussian Blur) as well as some noise (dither) to your gradient

              Pawel

              • 4. Re: Photoshop gradients
                D Fosse Adobe Community Professional & MVP

                Blur doesn't help if the banding is in the display system - which it usually is.

                 

                But a tiny bit of noise does it.

                2 people found this helpful
                • 5. Re: Photoshop gradients
                  c.pfaffenbichler Level 8

                  Also which file format are the files you are ultimately projecting?

                  jpg’s lossy compression might aggravate the issue.

                  • 6. Re: Photoshop gradients
                    Traxxaz Level 1

                    I actually zoomed in and did some color picking. The shade with rgb(46,46,46) is 9 pixels wide. The other shades are 4 pixels. That's why it shows as banding. Blur doesn't help.

                     

                    I forgot to say that its visible in my 8-bit PSD document. Its not a JPG compression.

                     

                    I tried 32 bit aswell. It might be subpixel blending issues?

                    • 7. Re: Photoshop gradients
                      Traxxaz Level 1

                      I did check dither and it didn't solve it. The suggestions about adding abit noise works - sadly. Thanks for the help!

                      • 8. Re: Photoshop gradients
                        davescm Adobe Community Professional

                         

                         

                        I forgot to say that its visible in my 8-bit PSD document.

                         

                         

                        Using 16 bit will keep the banding out of your image (set the info panel to 16 bit also when checking otherwise you are rounding the values to 8 bit) but you may not see a difference on screen as your screen will be using 8 bit to display the image.

                         

                        Dave

                        1 person found this helpful
                        • 9. Re: Photoshop gradients
                          D Fosse Adobe Community Professional & MVP

                          Traxxaz wrote:

                           

                          The suggestions about adding abit noise works - sadly.

                           

                          You never see banding in an actual photograph (unless you have a really horrible display or a broken profile) - so that's the amount of noise required. Not much at all.

                           

                          And it bears repeating, just so it's perfectly clear, that at 16-bit depth, the banding is not in the file.

                          2 people found this helpful
                          • 10. Re: Photoshop gradients
                            PECourtejoie Adobe Community Professional

                            Hello!

                            Some even recommend a round tripping to 16 bits, as the 16>8bits conversion includes dithering, to avoid banding.

                            The higher the bit depth of your display, the less banding would be visible (if it is display related) not sure about the capabilities of each projector...

                            I still wish we had a noise adjustment layer. (instead of having to use use filter>noise>add noise as a smart filter, or Camera Raw as a filter, if you prefer its noise with more control, in the FX tab)

                            • 11. Re: Photoshop gradients
                              c.pfaffenbichler Level 8
                              I still wish we had a noise adjustment layer.

                              I use a Pattern Layer or Pattern Overlay with a monochrome Noise Pattern* set to Linear Light and appropriate Opacity.

                               

                              *: Based on Add Noise applied to a 50% gray area – different gamma RGBs (and CMYK) require Patterns created with the respective settings.