• About
  • Forum
  • Write For Us
  • Contact
  • Top 50 Photography Blogs
  • Resources
  • Archives

IndustryDev

Web Design & Photography Blog

  • Design
    • Lightroom
    • Photoshop
    • Bridge
    • Camera Raw
  • Development
    • HTML
    • CSS
    • JavaScript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
    • SEO
  • Technology
    • Hosting
  • Inspiration
    • Interviews
    • Learning
You are here: Home / Design / Working with Channels in Adobe Photoshop
Have a question? Ask it and help others in our new discussion forums.

Working with Channels in Adobe Photoshop

April 30, 2016

Working with Channels in Adobe Photoshop

In Adobe Photoshop, channels are sort of confusing. Before sitting down to write this post, I went back and forth for quite a while trying to reduce the amount of information into something that’s as easy to understand as possible. I think I have it, so I’ll begin writing about it. Be warned though, working with channels isn’t day-one stuff. It’s something you’ll likely get into as you progress through the intricacies of Photoshop.

I know what it’s like for someone who is new to this application. All they want to do is open an image, make some changes to it and get out. I get that. The thing is, there’s a lot to Photoshop that can greatly help you in your journey to become more proficient. Oftentimes, you’ll need to grasp the basics of a topic, simply to know it’s out there. You may never use it, but if you hear about it a few times and think it may be helpful later on, you’ll probably look into it in more depth as time goes on.

Photoshop has spent years building it’s tools in a way that allows the everyday user to avoid aspects that are complicated. I was watching a tutorial a few days ago that walked through the process of merging images together before Photoshop offered the ability to work with layers. This was back with Photoshop 2.5. Let me tell you, it was no easy task. If you’ve never heard of the Calculations command or the Apply Image command, consider yourself lucky. Fortunately, gaining an understanding of channels isn’t nearly as complex as the information in the video I sat through.

What are Channels?

In the most simple terms, channels are the building blocks of an image’s colors we see in Photoshop. If we limit this discussion to RGB images (there are many more topics, but I’ll tackle them in later posts), I can tell you that the three channels that make up a color image, Red, Green and Blue (RGB), consist of varying degrees of black, white and gray. When you combine the three grayscale channels, the result is a color image.


Now, if you’re anything like me, you’re scratching your head at the explanation I just gave you. Don’t worry, I’m going to talk further below. For now, just try to follow along. I’ll even copy and paste a blurb from Adobe itself on channels:

Color information channels are created automatically when you open a new image. The image’s color mode determines the number of color channels created. For example, an RGB image has a channel for each color (red, green, and blue) plus a composite channel used for editing the image. Source

How Do I Access Channels?

Accessing color channels is very simple. If you have the Layers panel open, you can click the Channels tab.

Channels Panel

Inside the Channels panel, you’ll see a composite channel and the three color channels. As I mentioned above, each of the color channels appears in grayscale.


If, for some reason, you don’t have the Layers panel open or if the Channels tab isn’t available, you can head up to the Windows > Channels menu item and click. This will open the Channels panel.

Window Channels Menu Item

A Closer Look at Each Color Channel

When you look at individual color channels in RGB mode, the lighter the shade, the more saturated that specific color is. For example, if we have a solid red image and we look at the Red channel for that image, it will appear white. The same goes for Blue and Green. If we select the Blue or the Green channels for blue and green images, respectively, they’ll appear white as well. For all the colors in between, they’ll appear different shades of gray. Let’s take a closer look now. I’ll go back into Photoshop and click once on the Red channel for the image I’m using for this post. By doing this, the Composite, Green and Blue channels will be deactivated. You can verify this by looking at the eye icon at the left side of those channels.

Individually Selected Channel

Now, if we take a look at the photo, we’ll notice that the areas that were most red are now white or whitish.


Red Channel

Let’s take a look at the Green channel. Notice how the whites, blacks and grays have shifted.

Green Channel

And finally, we’ll look at the Blue channel.

Blue Channel


Determining the Exact Amount of Red, Green and Blue in an Image

Sometimes, when you look at images through the gray areas of their channels, you get thrown for a loop. What you thought was blue or green or red comes out looking a shade of gray. The method I use for checking the exact measurements of these colors is through the Color Picker. I launch the Color Picker and use the dropper to select an area. Then, I look at the RGB fields in the picker.

Color Picker RGB Fields

In this case, I clicked on, what I thought was, the blue pencil. As it turns out, the blue pencil is actually a combination of red, green and blue.

Editing Channels Through an Adjustment Layer

I’m going to tell you that there are many methods available for turning a color image into a black and white image inside of Photoshop. Each has their advantages and disadvantages. It’s healthy to explore all of the methods because you’ll never know when you’ll need one over another.

If you look back to my post that covered creating a black and white photo in Adobe Camera Raw, things might look familiar here. Well, the concept is familiar, but the steps are slightly different. Below, I’ll explain how we can turn the above color image black and white and adjust each of the RGB channels to produce an image we can use.


To edit the three channels in question, I’ll be using an adjustment layer. The specific tool I’ll be taking advantage of is called the Channel Mixer. I can access the Channel Mixer adjustment by either clicking the icon in the Adjustments panel or by heading up to the Layer > New Adjustment Layer > Channel Mixer menu item and clicking.

Channel Mixer Adjustment Layer

Layer New Adjustment Layer Channel Mixer Menu Item

The benefit of using the top menu is that you’re able to name the adjustment layer via the New Layer dialog before creating the layer as opposed to naming it after it’s created.

Naming Channel Mixer Adjustment Layer


Whichever method you choose is up to you. Either way, the result will be a new adjustment layer. Also, once the layer is created, the Channel Mixer Properties panel will open.


RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the field below and I'll deliver each and every post I write directly to your inbox.


Channel Mixer Properties Panel

To convert the color image to black and white, I’ll click the Monochrome check box in the Properties panel.

Monochrome Check Box Channel Mixer

From here, I can adjust any of the sliders I want. Since I’m going for a bold look, I’ll simply move the Green slider to the right a bit and the Constant slider to the left. If I had a more interesting image, I might do more to it. For this demonstration, this is fine.


Adjusting Monochrome Channels

Here’s the image after adjustment.

Black & White Version of Color Pencils

Since I created this black and white image by using an adjustment layer, I could always turn the adjustment on and off by clicking on the eye icon in the color layer in the Layers panel. It’s a non-destructive edit, which is why we use adjustment layers in the first place.

I wrote this post to give you a background on channels. I wanted to offer a glimpse of what they are and what they are capable of doing. I also wanted to demonstrate their powers through a real world example. I’d say this is a job well done. If you have any questions, I’m always here and I’m always will to help where I can. Thanks!

——

If you’ve enjoyed today’s post and found it helpful, please share it with a friend. Also, if you’d like to continue learning and would like our posts sent directly to your email inbox, simply sign up for our newsletter. We’ll send each and every post directly to you. Thanks!

Check Out These Related Posts

  • Changing Colors with Some Adjustment Layer Sliders in Adobe PhotoshopChanging Colors with Some Adjustment Layer Sliders in Adobe Photoshop
  • Jumping Between Adobe Lightroom, Photoshop & Camera RawJumping Between Adobe Lightroom, Photoshop & Camera Raw
  • 3 Ways to Close Applications in Windows 103 Ways to Close Applications in Windows 10
  • How to Use the Free Transform Tool in Adobe PhotoshopHow to Use the Free Transform Tool in Adobe Photoshop
  • How to Organize Video & Audio Project Files for Adobe PhotoshopHow to Organize Video & Audio Project Files for Adobe Photoshop
  • Introducing the Path & Direct Selection Tools in Adobe PhotoshopIntroducing the Path & Direct Selection Tools in Adobe Photoshop
  • Placing, Replacing & Modifying Smart Object Files in Adobe PhotoshopPlacing, Replacing & Modifying Smart Object Files in Adobe Photoshop
  • Selecting & Adding Saturation to an Object in Adobe PhotoshopSelecting & Adding Saturation to an Object in Adobe Photoshop
  • What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?
  • Combining a Smart Filter with a Camera Raw Action in Adobe PhotoshopCombining a Smart Filter with a Camera Raw Action in Adobe Photoshop
  • Working With the Content-Aware Move Tool in Adobe PhotoshopWorking With the Content-Aware Move Tool in Adobe Photoshop
  • Changing Colors with Color Range Selection in Adobe PhotoshopChanging Colors with Color Range Selection in Adobe Photoshop

Filed Under: Design Tagged With: Photoshop

What’s Next? Email Updates!

If you enjoyed reading this post, why not consider signing up to receive others like it by email? It's so easy and you can unsubscribe at any time.

About Jay Gaulard

Hi. My name is Jay Gaulard and I've been designing websites and taking photographs since 2002. My passions lie with learning the latest coding techniques and development tools as well as staying on top of the digital imaging world. When I'm not studying or writing, I'm practicing Brazilian Jiu-Jitsu in Maine, USA.

Comments

  1. Les says

    July 23, 2017 at 6:06 am

    I am beginning to get a better understanding of channels.

    Reply
    • Jay Gaulard says

      July 23, 2017 at 2:29 pm

      Excellent Les!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Connect With Me

  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter

RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the box below and I'll deliver each and every post I write directly to your inbox.

Follow Us on Facebook!

IndustryDev

Check Us Out on Instagram!

Load More…Follow on Instagram

Recent Posts

  • Using the Tone Curve in Adobe Camera Raw to Reduce Clipping February 20, 2019
  • How to Set Your Canon Rebel Camera For Continuous Shooting February 18, 2019
  • How to Use the Noise Reduction Feature in Adobe Lightroom February 16, 2019
  • Using the Dust & Scratches Filter to Clean Up a Photograph February 15, 2019
  • Use a Focus Rail For Better Macro Photography February 11, 2019

Most Popular Posts

  • How to Export Video From Adobe Photoshop How to Export Video From Adobe Photoshop
  • How to Set the Photo Quality in your Canon Rebel DSLR Camera How to Set the Photo Quality in your Canon Rebel DSLR Camera
  • How to Speed Up & Slow Down Video in Adobe Photoshop How to Speed Up & Slow Down Video in Adobe Photoshop
  • How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera
  • How to Adjust the Mouse Click & Scroll Settings in Windows 10 How to Adjust the Mouse Click & Scroll Settings in Windows 10

About IndustryDev

IndustryDev is an online publication that focuses primarily on lovers of the digital world. We write articles that cast a wide net, including those that discuss website development, design and WordPress. We also post, daily, about the image related aspects of the web, including photography and illustration, along with other topics like blogging and SEO.

Read More

RSS IndustryDev Discussion Forum

  • What's the Easiest Way to Fix Over-Exposure & Under-Exposure Clipping? February 21, 2019
  • Tips & True Costs For Selling Greeting Cards on Etsy February 21, 2019
  • How Can I Set My Canon Rebel T3i to Continuous Shooting Mode? February 19, 2019
  • American Goldfinch Bird Photography Nature Greeting Card with Envelope February 19, 2019
  • Can I Get Rid of Grain in My Photos With Adobe Lightroom? February 18, 2019

Tags

Bridge Camera Lenses Camera Raw Camera Settings Channels CSS Dev Tools Graphic Design Hosting HTML Interviews JavaScript Learning Lightroom Macro Photography Masking Night Photography Photoshop Photo Tips PHP Post Processing Selections SEO Shapes Smart Objects Video WordPress

Recent Comments

  • Jay Gaulard on 7 Search Engine Optimization Tips For Small Business: “You are very correct, Mike. I wrote this post a while ago, but it's interesting to follow the trajectory of…” Feb 18, 17:24
  • Mike Khorev on 7 Search Engine Optimization Tips For Small Business: “Onsite SEO is important, but only one piece of the puzzle... It's funny, 10 years ago you would've had…” Feb 18, 16:24
  • Jay Gaulard on How to Reset Edit Settings Back to Default in Adobe Camera Raw: “Hi Charleen, I'm assuming you are talking about the small circle identifier that appears in Adobe Bridge after…” Feb 11, 15:57
  • charleen smith on How to Reset Edit Settings Back to Default in Adobe Camera Raw: “Hi Jay, Your instructions for returning a dng to its original settings were very clear. I…” Feb 11, 15:20
  • Jay Gaulard on How to Export Video From Adobe Photoshop: “Hi Mayur, I've actually had this happen. I just need to remember what was causing it. I'll reply…” Feb 5, 08:13

ARCHIVES

  • 2019: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2018: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2017: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2016: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2015: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

Copyright © 2019 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · Archives