Posts tagged "Swatches Panel"

September 12, 2017

3, 2, 1, Photoshop! Six Easy Ways to Select Colors in Photoshop

In this episode of 3, 2, 1, Photoshop! Six Easy Ways to Select Colors in Photoshop, you’ll discover how to select color in Photoshop using the eyedropper tool, foreground, background and heads-up-display color picker.

5:02 AM Permalink
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
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
January 20, 2011

Exchanging Swatches

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.


 
Photoshop has two options for saving swatches from the Swatches Panel: Save Swatches (.aco) or Save Swatches for Exchange (.ase). Although Photoshop can load both files, the Exchangeable Swatches feature allows you to save your swatches from Photoshop in a format that can then be loaded into Illustrator and InDesign.

Many of you already probably know that both saved swatches files can be loaded via the Swatches fly-out menu however it’s not widely knows that they can also placed in the Photoshop swatches folder (Adobe Photoshop > Presets > Color Swatches) so that they will appear automatically from the Swatches panel’s drop down menu.

5:12 AM Permalink
March 5, 2010

Renaming in Panels

If you choose to view your swatches (or styles) as a list, you can double click on the name of the swatch to rename it (this is true for any panel that displays it’s items as lists (Actions, Layer Comps etc.).

6:24 AM Permalink
March 4, 2010

Context Sensitive Swatch Options

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.


 
Instead of navigating the panel menus, Control (Mac)/right mouse (Win) -click in the Swatches panel (over any of the swatches) and choose to Create New Swatch, Rename a Swatch or Delete a Swatch. Note: this shortcut also works with the Styles panel. In addition, clicking in a blank are of the Swatches/Styles panel will create a new swatch/style.

6:24 AM Permalink
March 3, 2010

Deleting Swatches

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.


 
Option (Mac) / Alt (Win) -click on a color swatch to delete it in the Swatches panel. Note: this shortcut also works on the Styles panel and in the Preset Manager (Edit > Preset Manager). The advantage to using the Preset Manager is that you can click on one swatch, then Shift-click another to select multiple contiguous swatches (or Styles, Brushes etc.) and delete them all at once. In addition, the Preset Manager enables drag-reordering items which is not possible in the individual panels.

6:22 AM Permalink