Posts tagged "Color Panel"

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
May 26, 2015

Lightroom CC – Changing Hue, Saturation, and Luminance

Learn how to shift Hue, Saturation and Luminance values to create different visual interpretations of your photographs.

5:08 AM Permalink
September 23, 2014

52/55 – Color and Brush Panel Enhancements in Photoshop CC

Check out the newly redesigned Color panel in Photoshop CC including the Hue and Brightness cube displays as well as Photoshop CC’s ability to display the seven most recently used Brushes as well as indicate if the currently used preset has been modified.

 

5:28 AM Permalink
June 18, 2014

Adobe Announces Largest Software Release Since CS6

Today Adobe announced all new versions of 14 CC desktop applications, 4 new mobile apps, the immediate availability of creative hardware, and new offerings for Enterprise, education and photography customers.

Of course this includes new features, enhancements and updates to both Photoshop and Lightroom for design and photography including the new Spin and Path Blurs in Blur Gallery, new typographic controls including Font Search and Typekit integration, enhancements to Smart Objects, Smart Guides, and Layer Comps, improved Content-Aware technologies, new selection capabilities using Focus Mask, as well as hidden gems and workflow timesavers.

Check out the latest advancements in Photoshop CC in the videos below:

Photoshop CC (2014): New features and enhancements (3 minute overview)

How to Add Realistic Spinning Motion Blur Effects in Photoshop CC

Adding Motion Blur Effects Along a Path in Photoshop CC

New Typographic Features in Photoshop CC

How to Align and Distribute Layers using Smart Guides in Photoshop CC

How to Use Layer Comps for Multi State Mock-ups in Photoshop CC

New Smart Object Features in Photoshop CC

How to Remove Distracting Elements using the Enhanced Content Aware Tools in Photoshop CC

How to Use Focus Mask to Make Selections based on Focus in Photoshop CC

More Hidden Gems in Photoshop CC

In addition, Adobe Camera Raw 8.5 the Radial and Graduated Filters have a new Brush option designed to selectively hide the filter in unwanted areas. This example demonstrates how useful it can be. 

Plus, Camera Raw 8.5 has new Per-Panel Preview toggle button.

And of course the Camera Raw team included additional bug fixes, new camera and lens profile support.

Click here for more information about Adobe’s Announcement 
Click here for more the Creative Cloud FAQ
Click here for more information about Lightroom mobile for iPhone

If you have any questions or comments please feel free to share them on the Photoshop forums!

8:45 AM Permalink
July 12, 2010

Copy Color Values

PSCS5 – Use the Color panel’s flyout menu to either Copy Color as HTML or Copy Color’s Hex Code.

7:58 AM Permalink
March 2, 2010

Cycle Through the Color Panel

Shift -click on the Color panel’s color ramp to cycle through the available color modes.

5:20 AM Permalink
March 1, 2010

The Color Panel

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.

6:18 AM Permalink