Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using the HUD color picker

From: Photoshop CS5 New Features

Video: Using the HUD color picker

There's a new way to select colors in Photoshop CS5 and that's using the new HUD Color Picker. HUD stands for Heads-up Display, which means an element that only appears when you invoke it. If you are a painter I think you are really going to like the HUD Color Picker because it's going to allow you to quickly choose color and to do so from within the context of the image. This color picker allows you to focus on the work without having to move to a separate panel or separate color picker when you want to change colors. But if you prefer, you can still use the traditional color picker which, as before, you access by clicking the Foreground color box in the toolbar.

Using the HUD color picker

There's a new way to select colors in Photoshop CS5 and that's using the new HUD Color Picker. HUD stands for Heads-up Display, which means an element that only appears when you invoke it. If you are a painter I think you are really going to like the HUD Color Picker because it's going to allow you to quickly choose color and to do so from within the context of the image. This color picker allows you to focus on the work without having to move to a separate panel or separate color picker when you want to change colors. But if you prefer, you can still use the traditional color picker which, as before, you access by clicking the Foreground color box in the toolbar.

To use the HUD Color Picker, you are first going to want to look at your Preferences which are under the Photoshop menu on a Mac or the Edit menu on Windows and in the General Preferences, you can choose the kind of HUD Color Picker you want to use. The default is the HUE Strip, there is also a Hue Wheel, and these other choices are basically different sizes of those two alternatives. Let's start with the Hue Strip. I will click OK. Here in the image to invoke the HUD Color Picker, I will first go to a Brush tool, any of the Brush type tools will do and then I will move into the image and I am going to hold down a keyboard shortcut.

On the Mac that's the Command key, the Option key and the Control key altogether. On the PC that's Shift+Alt+right-click all together. And with that shortcut held down, I will click in the image and hold. That brings up the Hue Strip color picker. This version of Photoshop like its predecessors recognizes three properties of color. The Hue, which is the color, the Saturation, which is the purity or intensity of that color, and the Brightness, which is the lightness or darkness of that color. The bar on the right is a Hue slider that you can use to access difference hues.

The square on the left displays different saturations of color from left to right and different brightnesses of color from top to bottom. When I talk about saturation and brightness, I will just call it all by one term, which is shade, because it is all here in this one part of this interface. So let's say that I want to choose a particular shade of blue. I still have my mouse held down and that keyboard shortcut held down and I am just going to move around in this large square until I get the shade that I want. Let's say I want kind of a dark desaturated shade like this.

And I still have the mouse and keyboard shortcuts held down because the next thing and I want to do is move over into the Hue Strip there. And in order to do that, I will release the keyboard shortcuts, but I will keep mouse held down and I will press the Spacebar. And then I can move over to the Hue Strip and release the Spacebar and I still have my mouse down. So, now I am clicking and dragging on this Hue Strip to get an aqua hue that's the same shade as the blue I had a moment ago. And when I am happy with it, I will release my mouse and that's the color that I have in the Foreground color box.

Now let's see how the Hue Wheel works. I am going to go back to Preferences and I am going to choose the Hue Wheel and click OK. Then I will move into the image, I will hold down the same keyboard shortcut Command+Option+Control on the Mac, Shift +Alt+right-click on Windows and I will click-and-hold in the image either with my mouse or with the stylus pen if I am using a pen in tablet. First take a look at the rings in this display. The inner ring, the one with the bright colors represent the various Hues, just like the Strip did on the right side of the Hue Strip display.

Around that is an inner and outer ring that represents the currently selected shade. I can release the keyboard shortcut and if I want a different shade of the same aqua hue, I can just move around in the square in the middle and as I do that noticed that the inner and outer parts of the ring are changing. So let's say I go for a light desaturated shade. Now I still have my mouse or my pen held down because the next thing I want to do is to move over to the inner ring in the circle so that I can change hues. And as before I am going to press the Spacebar to do that and then I can move my cursor to that inner ring, release the Spacebar and now I can move that ring around to get the hue that I want.

Say that I want magenta. So I am changing the hue, but I am keeping the same shading, a light de-saturated magenta. So I will release and you can see that color here in the Foreground color box. Now if you've used Photoshop for a while you may recognize the shortcut, Control+Option+Command or Shift+Alt+ right-click as a shortcut that was used for another purpose in Photoshop in previous versions. It was used to select a layer by clicking on its content in the document window. Be aware that that shortcut only works now with non-brush tools, like the Marquee tools, the Lasso tools and the Crop tool.

So that's a look at the new HUD Color Picker in Photoshop CS5. I think you speed painters are really going to like.

Show transcript

This video is part of

Image for Photoshop CS5 New Features
Photoshop CS5 New Features

30 video lessons · 32029 viewers

Jan Kabili
Author

 
Expand all | Collapse all
  1. 4m 39s
    1. Welcome
      47s
    2. Comparing Photoshop CS4 and Photoshop CS5
      2m 47s
    3. Using the exercise files
      1m 5s
  2. 41m 14s
    1. Using improved selecting and masking
      12m 8s
    2. Working with content-aware fill
      6m 39s
    3. Using content-aware healing
      2m 25s
    4. Getting started with Puppet Warp
      10m 10s
    5. Using the Puppet Warp tool
      9m 52s
  3. 24m 38s
    1. Merging multiple images to HDR Pro
      7m 53s
    2. Creating a surreal look with HDR and removing a ghost feature
      5m 4s
    3. Using faux HDR toning
      4m 46s
    4. Working with the new lens correction enhancements
      6m 55s
  4. 13m 35s
    1. Noise reduction and sharpening improvements
      7m 2s
    2. Additive grain
      3m 35s
    3. Reviewing Post-Crop Vignetting enhancements
      2m 58s
  5. 21m 5s
    1. Using the HUD color picker
      4m 49s
    2. Working with the new bristle brush tips
      9m 4s
    3. Using the Mixer Brush tool
      7m 12s
  6. 30m 29s
    1. Understanding the layers enhancements
      7m 2s
    2. Understanding the tool enhancements
      7m 23s
    3. Working with the panel additions
      4m 25s
    4. Using the workspace changes
      3m 4s
    5. Understanding the productivity enhancements
      8m 35s
  7. 5m 34s
    1. Explaining 64-bit performance
      5m 34s
  8. 27m 2s
    1. Introduction to Mini Bridge
      7m 36s
    2. Opening files from Mini Bridge in Photoshop
      6m 21s
    3. Using Mini Bridge with Bridge
      6m 57s
    4. Reviewing the output module improvements
      4m 25s
    5. Looking at the path navigation enhancements
      1m 43s
  9. 23s
    1. Goodbye
      23s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS5 New Features.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.