5 ways to remove banding in Photoshop

You may have noticed bands or strips of color over smooth or plain areas of your image in Photoshop (think blue sky, seamless backdrop paper or any other plain colored areas). This blog post shows you how to remove banding in photoshop and explains what causes banding in the first place.

So, I've got some good news and bad news for you. Let's have the bad news first: Banding is here to stay and, sometimes, it's impossible to remove it completely from a digital image. Why? Because banding is purely a digital compression. This means, when you have an area of solid color that is transitioning from light to dark (or has a slight tonal variation from, say, yellow to orange) the pixel data to show this transition has to be rendered on your screen somehow. When we view an image on the computer, we're seeing a compressed rendering of the available pixels there and unfortunately this leads to odd artifacts in the image like banding, amongst other things.

Banding is not normally noticeable in the RAW image, but when you start editing and pulling the exposure / tones / shadows about, it becomes apparent.

The good news? Banding is just how a screen is rendering your image so it loads fast and you can preview the whole image quickly. Notice how social media compresses your image even more? Great for fast loading, not so good for banding.

BUT unless banding being caused by something else and is actually there (rare) then it won't show in print, as colors blend with ink and paper as they should when physically printed. 

Make sense?

Kinda?

Still not very helpful if you want to share your photos online and all you can see is banding banding banding. Remember though, as much as you hate it, clients won't really notice this. And if they do, explain to them what banding is and that it won't show in their prints, products and wall art (yippee).

In this blog post, I'm going to explain a little more what banding is and show you all the steps you can take to minimize or even eradicate banding completely from your digital images, using Photoshop. 

 

how to remove banding in photoshop

 

Banding... What is it and how to get rid of it? 

Banding looks like strips or steps of color on your image. This is a form of digital color posterization (try saying that after a glass of wine) and is most noticeable in solid areas of your image that lack detail, such as a seamless paper backdrop for studio photographers or a clear blue sky outdoors.

This frustrating effect is a digital problem that looks way worse on the screen than in print.

banding in photoshop sky

You may have noticed banding on your TV – ever watched the opening credits on Netflix and noticed this weird color banding too? This is down to your TV resolution and connection - again, purely a digital phenomenon. It's a digital rendering of color transitions between those pesky pixels when previewing a version of your image on a screen.

Watch the video [15:22] showing you how to prevent and remove banding in Photoshop, or read the post below:

How to remove banding in photoshop:

Why does Banding happen?

Banding typically happens when a tone is graduated over several shades, from light to dark. So what should appear as a seamless and subtle transition will instead show as bands of color that do not appear to blend well and stick out like a sore thumb.

This weird color effect is not typically barely there to see in the raw image (straight out of camera image), if at all, but can become noticeable very quickly when you begin editing – especially with the addition of gradients, vignettes or color changes.

The screen shows you a digital rendition of your image data, so there will always be some compressions and artifacts showing, especially with jpeg quality and especially in 8-bit color channel (which I will chat about more in a moment).

 

Will banding show in print?

Any banding you see on your screen in Photoshop will not print anywhere near so noticeably, if at all, as printers are able to blend colors together using inks in a much more natural and less noticeable way.

Reassuring as that might be, it isn’t much comfort when you want to edit without the distraction of very noticeable banding, share an image online, or send to your clients for digital viewing (though FYI, your clients are way less likely to notice it than you are)

 

How to avoid banding in the first place:

  1. Shoot in raw: If you shoot in JPEG, the colors and tones in the image will already be compressed. If you shoot JPEG, your images may include digital banding before you’ve even started to edit! Always shoot and work in raw as this gives you a head start when editing.
  2. Work with TIFF or PSD files: no Jpegs! Don’t keep saving JPEGS and reopening. Every time you close and save as a JPEG, the file is compressed a little more from the original. Always work in lossless image formats such as TIFF or PSD until you are absolutely sure you are finished, then you can go ahead and save as a JPEG.
  3. Work in 16-bit: You have the option of working in 8-bit color or 16-bit color. Basically, 8-bit files have 256 different colors available, whereas 16-bit has 65,536 colors available to you! This huge difference in quality means 16-bit doesn’t compress the difference between shades so much and can offer much smoother transitions between subtle color changes.

    Remember though, 16-Bit images do have a larger file size. You might be cool with this, but if you wish to convert and compress to 8-Bit at the end of your edit, you should be able to do this without noticeable banding - so long as the image is flattened before saving.

 

How to check you are working in 16-bit:

  • IN LIGHTROOM: Go to: Preferences > External Editing > Bit Depth > 16 bits component

  • IN CAMERA RAW / ACR: Open the image in ACR and at the bottom of the window, you will see a line of text including your image information. Click this and a panel will open called “Workflow Options”. Click the Depth dropdown and choose 16 Bits/Channel

  • IN PHOTOSHOP: Go to: Edit > Color Settings > Check the box that says “Use Dither (8 bit/channel images). Then go to Image > Mode > 16-bit (If you have layers you are working on, choose don’t flatten).
Change image mode 16 bit photoshop

But… I still see banding!

Once you convert to 16 bit, you will notice a slight difference in the banding, but it may not be a huge difference to begin with to the naked eye, depending on your screen and how Photoshop is rendering the thumbnail preview of the actual image.

This is because of several factors, but mainly because Photoshop is showing you a compressed “working” thumbnail of your image, not the actual full whammy of available pixel data. Photoshop does this for a faster, smoother edit your end.

But the banding will have improved, even if it does not appear so to the naked eye – again, this is because of the compressed image thumbnail you are previewing, not the actual image data.

 

Try this: ZOOM – zoom in to 100% over the banding. I bet you see it snap into a much smoother transition as the banding vanishes or decreases. Zooming in and viewing the image at 100% will give you a more accurate vision of how your image actually is in real life, not the compressed thumbnail photoshop is showing you.When you zoom back out, the banding will re-appear as Photoshop once again compresses the image you are working on for viewing purposes.

 

Try this: FLATTEN – Banding will most likely not fully disappear until you have flattened your image, then you should see it magically blend away. Right-click the bottom layer and choose “Flatten” to merge all the layers together into a single image again. Photoshop will dither the banding automatically and you should see it all smooth out and blend much more realistically. Then you can go ahead and save this image as the finished JPEG.

 

#TIP If you don’t like to flatten the image and are worried about loosing your layers, create a copy of the image and flatten the copy instead (Image > Duplicate). This way you can save a flat version to share and a layered version if you are precious about keeping your layered files.

 

I’ve done ALL the above and still have some banding *sob* – how can I cover it up?

Ok, so you have some stubborn real banding from your editing process. Sometimes, there will always be a little there (perhaps it really is in your image, normally from repeatedly saving JPEG images and changing the tones a little to much) but more likely it’s a compression issue or something lost quality along the way. Here is how you can cover up the banding:

  • Add a Gaussian Blur and mask off – this can help some banding, and make other types worse. It all depends on what has caused the banding in the first place. But it’s worth a shot.
  • Add A Texture Overlay: This is my favorite way of removing banding and is an instant result. Adding a fine art texture not only covers up banding and other background errors but will give your image a stunning fine art finish. You can download the Camden Texture overlay pack here, which also come with actions to help you apply and blend the skin tone [Get the LSP Camden Photoshop textures here]
  • Add noise in Photoshop:
    • Layer > New Layer > Change the Mode to “Overlay” and make sure you check the box that says “Fill with Overlay-neutral color (50% gray)
    • Hit enter.
    • Filter > Noise > Add Noise: Gaussian / Monochromatic. Play with the amount, this depends on your image size. Mask and paint over the banding. Again, this likely won’t be noticeable until you flatten. Watch out for too much noise and grain in your image, I normally stick to around 2-3%

  • Adding a Spatter Filter in Photoshop – 8-Bit images only. If for some reason you *have* to stay in 8-bit and have not converted to 16 bit, then try this:
    • Create a duplicate layer of your image
      • Layer > New [enter]
      • Ctrl/Command + A to select all
      • Ctrl/Command + Shift + C to copy all
      • Ctrl/Command + V to paste the image as a new layer
      • Move it to the top.
      • - You may notice that creating a merged duplicate image actually takes the banding down! But if not:
      • Filter > Filter Gallery > Spatter
      • Spray radius: Move this up high, up to 25. Keep the smoothness at 1
      • Hit OK
      • Add a layer mask to this layer and invert. Using a white brush on the layer mask, paint the spatter effect over the banding taking care not to go over your subjects.
  • Directly painting over the banding – this can actually create more banding, so make sure you do so on a new layer and add noise/blue as above if needed.


To see all of the above steps in detail, watch the video at the top of this post.

banding in photoshop

 

To Summarize:

Banding can be annoying, frustrating, and a challenge! But don't let it get the better of you. Remember, banding is a digital phenomenon and will barely show, if at all, in print.

Related: Shop the LSP Actions Fine Art Camden Texture Overlays to instantly hide banding and add a fine art finish

 

Related Content


Leave a comment

Please note, comments must be approved before they are published