Posts tagged "Color Picker"

May 8, 2017

Tips for Working with Color in Photoshop CC

Here are my favorite tips for working with color in Photoshop CC.

1) The Foreground / Background Color Picker

  • Tap the “D” key to set the foreground/background colors to black/white. If a Layer mask is selected, tapping the “D” key will set the foreground/background colors to white/black.
  • Tap the “X” key to exchange the foreground and background colors on the tool bar.
  • To display the Foreground/Background color picker using a keyboard shortcut, choose Edit > Keyboard Shortcuts. Under “Shortcuts For”, select “Tools” and scroll the to (almost) the bottom of the list to locate the Foreground Color Picker  or Background Color Picker line item. Click to the right of the item and enter a own custom keyboard shortcut. Note:  “N” and ”K are not assigned to tools in Photoshop’s default set.


2) The Color Panel

  • The Color panel can be enlarged (drag the bottom of the panel), to make color selection easier and more accurate.
  • Select Hue Cube from the Color panel’s fly-out menu to make it look similar to the Foreground Color picker ‘s default state.
  • To change the color sliders on the Color panel, click the panel’s drop down menu and select from Grayscale, RGB, HSB, CMYK, LAB, or Web Color Sliders.
  • Shift -click on the Color panel’s color ramp to cycle through the available color modes.
  • Use the Color panel’s fly-out menu to either Copy Color as HTML or Copy Color’s Hex Code.
  • If you have ever tried selecting a new foreground color using the eyedropper tool only to have the background color updated, make sure that in the Color panel you have the foreground color swatch selected. If, for some reason you have selected the background color swatch, every time you use the eyedropper it will update the background color!

    On the left the Foreground color swatch is selected, on the right, the Background color swatch is selected.

    On the left, the Foreground color swatch is selected in the Color panel and has a thin highlight surrounding it. On the right, the Background color swatch is selected.

 

3) The Swatches Panel

  • Recently used colors are displayed across the top of the Swatches panel. Hover the cursor over a swatch to display the color name or color value in a tool-tip.
  • Option -click (Mac) | Alt -click (Win) a color swatch to delete it (the icon swaps to a pair of scissors).
  • While viewing the Swatches panel in thumbnail view ( Tiny, Small, or Large), positioning the cursor over a gray, empty swatch area and clicking will add a new swatch based on the currently selected foreground color (the icon swaps to the paint bucket icon).
  • Control -click (Mac) | right -click (Win) over any color swatch to select New Swatch, Rename Swatch, or Delete Swatch.
  • Photoshop has two options for saving swatches from the Swatches panel:
    • Choose Save Swatches (.aco) to save a set of color swatches to be used in Photoshop.
    • Choose Save Swatches for Exchange (.ase) to save a set of color swatches to be loaded into Illustrator and InDesign.
  • Swatches can be saved to any location, however swatches saved to the default location (User > Library > Application Support > Adobe > Adobe Photoshop 2017 > Presets > Color Swatches will appear automatically from the Swatches panel’s drop down menu.
  • To load swatch files from an HTML, CSS, or SVG Document, use the flyout menu on the Swatches panel to choose Load Swatches. Then, navigate to any HTML, CSS, or SVG document and Photoshop will find all of the colors used in that document and load them as swatches.
  • Note: color swatches can also be saved in the Libraries panel. One advantage of using the Libraries panel, is that stored content is automatically synchronized between multiple installs of Photoshop using the same Adobe ID (for example, your work and home computers). In addition, Libraries can be shared with others using the fly-out menu and selecting Collaborate or Share link.

 

4) The Heads-Up-Display (HUD) Color Picker

  • Control + Option + Command -click (Mac) | Shift + Alt + right-click with a painting tool selected to display the HUD color picker.
  • The HUD can be displayed as either a strip or a wheel (select the shape and size from Preferences > General HUD Color Picker).
  • When selecting colors you’ll quickly discover that you will need to jump from one portion of the HUD interface to another. To do so, continue to hold the mouse down while releasing the shortcuts keys and press the spacebar. The spacebar freezes the selection of the color and allows you to “jump” from the strip or wheel to the Hue/Saturation area (or vice versa) in order to refine one with out moving the other.  This shortcut is a bit tricky when you first start using it, but makes the HUD color picker infinitely more useful.

 

5) Finding the Average Color

Filter > Blur > Average finds the average of all of the colors in an image (or in a selection) and fills the entire image (or selection) with that color.
6) Inverting the Foreground Color

This JavaScript inverts the foreground color in Photoshop. To install:

  1. Click on the link ( InvertForeGroundColor.jsx ) to download and unzip the file.
  2. Quit Photoshop.
  3. Place the script in Applications/Adobe Photoshop CC 2017/Presets/Scripts folder.
  4. Launch Photoshop.
  5. Select a foreground color.
  6. Choose File > Script > invertForeGroundClor

To make it easier to access, assign a keyboard shortcut to the script (Edit > Keyboard Shortcuts, selecting Shortcuts For: Application Menus and scrolling down to File >Scripts >InvertForeGroundClor
7) Color Basics in Photoshop CC 2017

Discover the many ways to select colors in Photoshop in this free video (Color Basics), from Photoshop CC 2017 Essential Training: The Basics on Lynda.com.
8) Using Color to Add Emotional Impact to a Photograph

In this Episode of the Complete Picture Julieanne discusses how the addition of color as well as supporting imagery can help reinforce the mood and message of a composite image that a single photograph may fail to do on it’s own.  AfiBD0Ax4uw

 

5:33 AM Permalink
December 21, 2016

Selecting Colors in Photoshop CC 2017

Update! Click here (Tips for Working with Color in Photoshop CC) to see all tips for working with color in Photoshop CC in a single post.


 
Discover the many ways to select colors in Photoshop in this free video (Color Basics) from Photoshop CC 2017 Essential Training: The Basics on Lynda.com.

 

5:20 AM Permalink
October 26, 2016

HUD Color Picker in Photoshop CC

Update! Click here (Tips for Working with Color in Photoshop CC) to see all tips for working with color in Photoshop CC in a single post.


 
To access the HUD color Picker, with a painting tool selected, Control + Option + Command (Mac) -click and drag to select a color. On Windows, Shift + Alt + right-click and drag to select a color. The HUD Color Picker can be displayed as either a Strip or a Wheel. From Preferences > General, select the preferred display from the  HUD Color Picker drop down menu. Note that both the strip and wheel options can be displayed at different sizes.

When the HUD color picker is displayed, continue to hold the mouse down while releasing the shortcuts keys and press the spacebar. The spacebar freezes the selection of the color and allows you to “jump” from the strip or wheel to the Hue/Saturation area (or vice versa) in order to refine one with out moving the other. Why would you want to do this? Well, you’ll quickly discover, that sometimes you have the correct luminosity and saturation selected but not the correct hue selected (or vice versa), and need to jump to the other portion of the interface to select it.  This is a bit tricky when you first start using it, but makes the HUD color picker infinitely more useful.

5:09 AM Permalink
May 12, 2016

Setting Default Colors in Photoshop

Update! Click here (Tips for Working with Color in Photoshop CC) to see all tips for working with color in Photoshop CC in a single post.


 
Tap the “D” key to set the foreground/background colors to black/white.

Note: If you have a Layer mask selected, tapping the “D” key will set the foreground/background colors to white/black.

4:56 AM Permalink
January 22, 2014

Video Tutorial – Hidden Gems in Photoshop CC 14.2

In this episode of The Complete Picture, Julieanne takes a close look at several feature enhancements and refinements made to scripted patterns including placing patterns along a path, rendering unique trees for concept, architectural and fine art images, and scripted border designs. Learn how to unlock the background into a layer with a single click, choose recent colors from the swatches panel, and add and change color readouts for multiple color samplers at once.

• Shift + Delete (Mac) | Shift + Backspace (Win) displays the Fill dialog.

5:20 AM Permalink
June 1, 2012

Working with Pantone + Color Libraries in Photoshop CS6

The Pantone Color Libraries have been updated in Photoshop CS6 and are now called Pantone +.  In order to work with legacy files, you will still find both the Pantone solid coated and Pantone solid uncoated libraries in Photoshop CS6. If needed, you can load the older books (like Pantone Solid Color Euro) from PSCS5, but you should know that Pantone/X-Rite no longer support the older, legacy color libraries.

7:13 AM Permalink
May 3, 2010

Custom Color Picker Shortcut

Update! Click here (Tips for Working with Color in Photoshop CC) to see all tips for working with color in Photoshop CC in a single post.


To display the color picker using a keyboard shortcut, choose Edit > Keyboard Shortcuts. Under the Shortcuts for “Tools” scroll the to the bottom to locate the “Foreground Color Picker ” line item and enter in your own custom keyboard shortcut to display the color picker.

6:56 AM Permalink