{"id":29561,"date":"2019-12-24T09:51:07","date_gmt":"2019-12-24T14:51:07","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=29561"},"modified":"2022-10-31T14:59:37","modified_gmt":"2022-10-31T18:59:37","slug":"drag-and-drop-colors-swatches-in-photoshop-cc-2020","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/","title":{"rendered":"Drag and Drop Color Swatches in Photoshop"},"content":{"rendered":"<div class=\"featured-image\" style=\"padding-bottom:12px;\"> <img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/color-swatches-panel-photoshop-cc2020-ft.jpg\" alt=\"How to use cloud documents in Photoshop CC 2020\" width=\"853\" height=\"448\" class=\"\" \/> <\/div>\n<div class=\"summary-novideo\">\n<p>Learn how to drag and drop colors directly into your document with the improved Swatches panel in Photoshop CC 2020!<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>The Swatches panel in Photoshop CC 2020 has been greatly improved with a new and easy way to add colors to your document. We can now drag and drop colors from the Swatches panel  directly onto a layer's contents. And we can even add the color as a Solid Color fill layer or as a Color Overlay layer effect, again just by dragging and dropping it!<\/p>\n<p>In this tutorial, we'll look at the changes Adobe made to the Swatches panel in CC 2020, including the new default swatch sets and how to load legacy swatches from previous versions of Photoshop. And then I'll show you all the ways to drag and drop colors into your document, including a few new keyboard tricks!<\/p>\n<p>To follow along, you'll need <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop 2020 or newer<\/a>. If you're already using Photoshop CC, make sure that your copy is up to date.<\/p>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h3>The document setup<\/h3>\n<p>For this tutorial, I've <a href=\"\/basics\/create-new-documents-photoshop-cc\/\" title=\"Learn more\">created a simple document<\/a> with a couple of flower shapes and some text in front of a white background. The shapes and the text are currently filled with black, but I'll be adding color to them as we go along:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/photoshop-document.jpg\" alt=\"The initial Photoshop document\" width=\"801\" height=\"446\" \/>\n<div class=\"image-desc\">The initial Photoshop document.<\/div>\n<p>In the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, we see how my document is set up. The Background layer on the bottom is filled with white. And above the Background layer  are the two flower shapes. But the difference between them is that the flower on the left (on the &quot;Flower pixels&quot; layer) is a pixel layer, while the flower on the right (on the &quot;Flower shape&quot; layer) is a shape layer. And finally, the word &quot;swatches&quot; is on a type layer at the top. <\/p>\n<p>In other words, we have four different kinds of layers in this document (a Background layer, a pixel layer, a shape layer, and a type layer). And as we'll see, some layers behave differently than others when we drag and drop colors onto them from the Swatches panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/layers-panel-photoshop.png\" alt=\"Photoshop's Layers panel showing the layers in the document.\" width=\"258\" height=\"283\" \/>\n<div class=\"image-desc\">The four different kinds of layers in the document.<\/div>\n<p><strong><a href=\"\/photoshop-layers-learning-guide\/\" title=\"Learn more\">See our complete guide to learning Photoshop layers!<\/a><\/strong><\/p>\n<h2 class=\"sub\">A closer look at the Swatches panel in Photoshop CC 2020<\/h2>\n<p>But before we start dragging and dropping colors, let's look at how the Swatches panel itself has changed in Photoshop CC 2020.<\/p>\n<h3>Where do I find the Swatches panel<\/h3>\n<p>By default, the Swatches panel is grouped in with the Color panel, along with the Gradients and Patterns panels which are both new in CC 2020:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-location.png\" alt=\"Where to find the Swatches panel in Photoshop CC 2020\" width=\"284\" height=\"146\" \/>\n<div class=\"image-desc\">Click the tabs to switch between panels.<\/div>\n<p>If you're not seeing the Swatches panel, you can open it by going up to the <strong>Window<\/strong> menu in the Menu Bar and choosing <strong>Swatches<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/select-swatches-panel-photoshop.png\" alt=\"Opening the Swatches panel from the Window menu in Photoshop\" width=\"278\" height=\"110\" \/>\n<div class=\"image-desc\">Going to Window &gt; Swatches.<\/div>\n<h3>The new default color swatch sets<\/h3>\n<p>The first thing you'll notice with the Swatches panel in CC 2020 is that the default color swatches are now grouped into sets, and each set is represented by a folder. We have sets for RGB, CMYK and Grayscale colors, along with Light and Dark colors, Pure colors, Pastels, and more:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-photoshop-cc2020.png\" alt=\"The default color swatch sets in the Swatches panel in Photoshop CC 2020\" width=\"260\" height=\"393\" \/>\n<div class=\"image-desc\">The new default swatch sets in CC 2020.<\/div>\n<h3>How to open and close a swatch set<\/h3>\n<p>To twirl a set open or closed, click the <strong>arrow<\/strong> to the left of the set's folder:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-open-close-swatch-set.png\" alt=\"How to open and close a swatch set in the Swatches panel in Photoshop CC 2020\" width=\"297\" height=\"164\" \/>\n<div class=\"image-desc\">Open and close a set by clicking its arrow.<\/div>\n<h3>How to open or close all swatch sets at once<\/h3>\n<p>Or to open or close all sets at once, press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard and then click on the arrow for any of the sets:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-open-close-all-sets.png\" alt=\"How to open and close all swatch sets at once in the Swatches panel in Photoshop CC 2020\" width=\"297\" height=\"386\" \/>\n<div class=\"image-desc\">Hold Ctrl (Win) \/ Command (Mac) to twirl all sets open or closed.<\/div>\n<h3>How to change the size of the swatch thumbnails<\/h3>\n<p>To adjust the size of the thumbnails in the Swatches panel, click the panel's <strong>menu icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-menu-icon.png\" alt=\"Clicking the Swatches panel menu icon in Photoshop CC 2020\" width=\"291\" height=\"121\" \/>\n<div class=\"image-desc\">Clicking the Swatches panel menu icon.<\/div>\n<p>And then choose <strong>Tiny<\/strong>, <strong>Small<\/strong> or <strong>Large Thumbnail<\/strong>. Or you can view the color swatches as a <strong>Small<\/strong> or <strong>Large List<\/strong>, which includes both the thumbnail and the name of each color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-thumbnail-sizes.png\" alt=\"Clicking the Swatches panel menu icon in Photoshop CC 2020\" width=\"287\" height=\"114\" \/>\n<div class=\"image-desc\">Clicking the Swatches panel menu icon.<\/div>\n<h3>Your recently-used swatches<\/h3>\n<p>The row along the top of the Swatches panel lets you quickly choose from any of your recently-used swatches:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/recent-swatches-photoshop.png\" alt=\"The recent color swatches in the Swatches panel in Photoshop CC 2020\" width=\"285\" height=\"148\" \/>\n<div class=\"image-desc\">The recently-used color swatches.<\/div>\n<p>You can hide the recent swatches by clicking the Swatches panel <strong>menu icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-menu-icon.png\" alt=\"Clicking the Swatches panel menu icon in Photoshop CC 2020\" width=\"291\" height=\"121\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>And deselecting <strong>Show Recents<\/strong>. Select the same option again to turn the recent swatches back on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/show-recent-swatches-option.png\" alt=\"How to show or hide recent swatches in the Swatches panel in Photoshop CC 2020\" width=\"287\" height=\"113\" \/>\n<div class=\"image-desc\">The Show Recents option.<\/div>\n<h3>How to load the legacy swatches from previous versions of Photoshop<\/h3>\n<p>And finally, along with the new swatches in CC 2020, you can also load the swatches from earlier versions of Photoshop. Click the Swatches panel <strong>menu icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatches-panel-menu-icon.png\" alt=\"Clicking the Swatches panel menu icon in Photoshop CC 2020\" width=\"291\" height=\"121\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>And then choose <strong>Legacy Swatches<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/load-legacy-swatches-photoshop-cc2020.png\" alt=\"How to load legacy swatches in Photoshop CC 2020\" width=\"287\" height=\"112\" \/>\n<div class=\"image-desc\">Loading the Legacy Swatches sets.<\/div>\n<p>A Legacy Swatches folder will appear below the default folders. Click the folder's <strong>arrow<\/strong> to twirl it open and view the legacy sets inside it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/legacy-swatches-photoshop-cc2020.png\" alt=\"The Legacy Swatches sets in Photoshop CC 2020\" width=\"297\" height=\"229\" \/>\n<div class=\"image-desc\">The Legacy Swatches sets.<\/div>\n<p>In the next tutorial, I'll show you how to create your own custom swatches and swatch sets. But for now, let's learn all the ways to drag and drop colors from the Swatches panel into your document.<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h2 class=\"sub\">How to drag and drop colors from the Swatches panel<\/h2>\n<p>In Photoshop CC 2020, the easiest way to add colors from the Swatches panel is to simply  drag and drop the color directly onto a layer's contents. There's no need to select the layer in the Layers panel first. As long as you drop the color onto the layer's contents, Photoshop will automatically select the layer for you. <\/p>\n<p>But exactly how the color is applied depends on which kind of layer it is. Let's start with the Background layer.<\/p>\n<h3>Dragging color swatches onto the Background layer<\/h3>\n<p>To add a color to the <a href=\"\/basics\/background-layer-photoshop-cc\/\" title=\"Learn more\">Background layer<\/a>, click on a color swatch in the Swatches panel and then drag and drop it onto a spot in the document where the Background layer's content is visible. <\/p>\n<p>In my case, my Background layer is filled with white, so I'll drag and drop a swatch onto any area of white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/drag-drop-swatch-background-layer.jpg\" alt=\"Dragging and dropping a color swatch from the Swatches panel onto the Background layer in Photoshop CC 2020\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">Dragging and dropping a color swatch onto the Background layer's contents.<\/div>\n<p>Release your mouse button to apply the color to the background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/color-swatch-background-layer.jpg\" alt=\"The color from the Swatches panel has been added to the background in Photoshop\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">The result after dropping the color swatch onto the background.<\/div>\n<h4>The color is applied as a Solid Color fill layer<\/h4>\n<p>But in the Layers panel, notice that the Background layer is not actually filled with the new color. Instead, the color is added as a <strong>Solid Color fill layer<\/strong> <em>above<\/em> the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/layers-panel-fill-layer-background.png\" alt=\"The color from the Swatches panel is added as a fill layer above the Background layer in Photoshop\" width=\"258\" height=\"260\" \/>\n<div class=\"image-desc\">The Layers panel showing the new fill layer.<\/div>\n<p>To change the color, simply drag and drop another color from the Swatches panel onto the background. Or with the Solid Color fill layer selected in the Layers panel, just click on a different color in the Swatches panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/choose-new-background-color.jpg\" alt=\"Choosing different colors for the background from Photoshop's Swatches panel\" width=\"644\" height=\"485\" \/>\n<div class=\"image-desc\">Changing the background color by clicking on different swatches.<\/div>\n<h3>Dragging color swatches onto pixel layers<\/h3>\n<p>So color swatches are applied to Background layers as Solid Color fill layers. And the same is true when dragging and dropping colors onto normal pixel layers, but with one important difference.<\/p>\n<p>To add a color to a pixel layer, click on a color in the Swatches panel and drag and drop it directly onto the layer's contents. Again there's no need to select the layer in the Layers panel first. As long as you drop the color onto the layer's contents, Photoshop will select the layer for you.<\/p>\n<p>In my case, I'll drop the color onto the flower on the left, which is on a pixel layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/drag-drop-swatch-pixel-layer.jpg\" alt=\"Dragging and dropping a color from the Swatches panel onto a pixel layer in Photoshop\" width=\"644\" height=\"485\" \/>\n<div class=\"image-desc\">Dragging and dropping a color swatch onto a pixel layer's content.<\/div>\n<p>Release your mouse button to apply the color to the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/pixel-layer-color-swatch-applied.jpg\" alt=\"The color from the Swatches panel has been applied to the pixel layer\" width=\"644\" height=\"485\" \/>\n<div class=\"image-desc\">The result after dropping the swatch onto the pixel layer's contents.<\/div>\n<h4>The color is applied as a clipped fill layer<\/h4>\n<p>In the Layers panel, we again see that the color was added as a Solid Color fill layer above the pixel layer. But this time, the fill layer is <em>clipped<\/em> to the pixel layer below it.<\/p>\n<p>Because the fill layer is clipped to the pixel layer using a <a href=\"\/basics\/clipping-masks-essentials\/\" title=\"Learn more\">clipping mask<\/a>, the new color is affecting only that one layer. The Background layer is not affected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/fill-layer-clipped-to-pixel-layer.png\" alt=\"Photoshop's Layers panel showing the fill layer clipped to the pixel layer\" width=\"288\" height=\"219\" \/>\n<div class=\"image-desc\">The Layers panel showing the clipped fill layer.<\/div>\n<p>To change the color, drag and drop a different swatch from the Swatches panel onto the pixel layer's contents. Or with the fill layer selected in the Layers panel, just click on a different color in the Swatches panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/change-pixel-layer-color.jpg\" alt=\"Choosing different colors for the pixel layer from Photoshop's Swatches panel\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">Changing the pixel layer's color by clicking on different swatches.<\/div>\n<p><strong><a href=\"\/basics\/vector-shapes-vs-pixel-shapes-in-photoshop\/\" title=\"Learn more\">Learn the difference between pixel shapes and vector shapes!<\/a><\/strong><\/p>\n<h3>Dragging color swatches onto shape layers and type layers<\/h3>\n<p>While Photoshop CC 2020 applies color swatches to Background layers and pixel layers as separate fill layers, that's not the case when we drag and drop swatches onto shape layers or type layers. And since shape and type layers both behave the same way, we'll look at them together.<\/p>\n<p>I'll drag and drop a color from the Swatches panel onto the flower on the right, which is on a <a href=\"\/basics\/how-to-draw-vector-shapes-in-photoshop-cs6\/\" title=\"Learn more\">shape layer<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/drag-drop-swatch-shape-layer.jpg\" alt=\"Dragging and dropping a color from the Swatches panel onto a shape layer in Photoshop CC 2020\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">Dragging and dropping a color swatch onto the shape layer's contents.<\/div>\n<p>And then I'll drag and drop a different color onto the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/drag-drop-swatch-type-layer.jpg\" alt=\"Dragging and dropping a color from the Swatches panel onto a type layer in Photoshop CC 2020\" width=\"644\" height=\"485\" \/>\n<div class=\"image-desc\">Dragging and dropping a color swatch onto the type layer's contents.<\/div>\n<p><strong><a href=\"\/basics\/how-to-choose-type-colors-from-images-with-photoshop\/\" title=\"Learn more\">Learn how to choose text colors from images!<\/a><\/strong><\/p>\n<h3>The color is applied directly to shapes and text<\/h3>\n<p>Notice that this time in the Layers panel, a Solid Color fill layer does not appear above either the shape layer or the type layer. Instead, the color swatches were applied directly to the shape and to the text. The reason is that shape layers and type layers both support color fills, while Background layers and pixel layers do not.<\/p>\n<p>To change the color, drag and drop a different swatch onto the shape or type layer. Or select the layer in the Layers panel and click on a different color in the Swatches panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/layers-panel-type-shape-layers.png\" alt=\"Photoshop's Layers panel showing the result after dragging and dropping color swatches onto the shape and type layer\" width=\"288\" height=\"251\" \/>\n<div class=\"image-desc\">The colors were applied directly to the shape and text.<\/div>\n<p><strong><a href=\"\/basics\/place-images-into-shapes-with-the-new-frame-tool-in-photoshop-cc-2019\/\" title=\"Learn more\">Place images in shapes with the Frame Tool in Photoshop CC<\/a><\/strong><\/p>\n<h2 class=\"sub\">The new Swatches panel keyboard tricks in Photoshop CC 2020<\/h2>\n<p>So far, we've seen the default ways that Photoshop applies colors to different kinds of layers when we drag and drop swatches from the Swatches panel. Colors are applied to Background layers as Solid Color fill layers. They're applied to pixel layers as fill layers that are clipped to the pixel layer below them. And when we drag and drop a color onto a shape or type layer, the new color is applied directly to the layer itself.<\/p>\n<p>But the Swatches panel in Photoshop CC 2020 also includes a few keyboard shortcuts that let you change the way colors are applied. So let's finish this tutorial with a quick look at how to use them.<\/p>\n<h3>How to apply swatches to shapes or text as fill layers<\/h3>\n<p>To apply a color swatch to a shape or type layer as a Solid Color fill layer, press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard as you drag and drop the color from the Swatches panel onto the layer's contents.<\/p>\n<p>Here I'm holding Ctrl (Win) \/ Command (Mac) as I drag a swatch onto the shape layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/add-color-swatch-as-fill-layer.jpg\" alt=\"How to add a color swatch to a shape or type layer as a Solid Color fill layer in Photoshop CC 2020\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">Holding Ctrl (Win) \/ Command (Mac) and dragging a color swatch.<\/div>\n<p>And this time, the original color of the shape remains intact while the new color appears as a clipped Solid Color fill layer above it. Again, this same trick also works with type layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/shape-layer-fill-layer.png\" alt=\"The color swatch is added to the shape layer as a clipped Solid Color fill layer\" width=\"288\" height=\"218\" \/>\n<div class=\"image-desc\">The swatch is added to the shape as a clipped fill layer.<\/div>\n<h3>How to apply colors as non-clipped fill layers<\/h3>\n<p>To apply a color swatch above  a pixel, shape or type layer as a Solid Color fill layer that is <em>not<\/em> clipped to the layer below it, hold <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) as you drag the color onto the layer's contents.<\/p>\n<p>Here I'm holding Alt (Win) \/ Option (Mac) as I drag a swatch onto the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/add-swatch-non-clipped-fill-layer.jpg\" alt=\"How to drag and drop a color from the Swatches panel as a non-clipped fill layer in Photoshop CC 2020\" width=\"644\" height=\"485\" \/>\n<div class=\"image-desc\">Holding Alt (Win) \/ Alt (Mac) and dragging a color swatch.<\/div>\n<p>Photoshop adds the color as a Solid Color fill layer above the type layer. But because the fill layer is not clipped to the type layer, it's blocking all of the layers below it from view. This is probably not a trick you'll use very often, but it's there if you need it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/swatch-added-non-clipped-fill-layer.jpg\" alt=\"The result of dragging and dropping a swatch from the Swatches panel as a non-clipped fill layer in Photoshop CC 2020\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">A non-clipped fill layer blocks all layers below it from view.<\/div>\n<h4>How to create a clipping mask manually<\/h4>\n<p>If you made a mistake and meant to apply the color as a clipped fill layer, make sure the fill layer is selected. Then click the Layers panel <strong>menu icon<\/strong> in the upper right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/layers-panel-menu-icon.png\" alt=\"Clicking the Layers panel menu icon in Photoshop\" width=\"295\" height=\"196\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And choose <strong>Create Clipping Mask<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/create-clipping-mask-photoshop.png\" alt=\"Choosing the Create Clipping Mask command in Photoshop\" width=\"261\" height=\"138\" \/>\n<div class=\"image-desc\">Choosing the Create Clipping Mask command.<\/div>\n<p>And now with the fill layer clipped to the type layer, the new color is applied only to the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/clipping-mask-created.jpg\" alt=\"The result after clipping the fill layer to the type layer in Photoshop CC 2020\" width=\"644\" height=\"485\" \/>\n<div class=\"image-desc\">The result after clipping the fill layer to the type layer.<\/div>\n<h3>How to apply color swatches as Color Overlay layer effects<\/h3>\n<p>And finally, to apply a color swatch to a pixel, shape or type layer as a Color Overlay <a href=\"\/basics\/using-layer-effects-and-layer-styles-in-photoshop-cc-2020-complete-guide\/\" title=\"Learn more\">layer effect<\/a>, hold <strong>Ctrl+Alt<\/strong> (Win) \/ <strong>Command+Option<\/strong> (Mac) as you drag and drop the color.<\/p>\n<p>Here I'm holding Ctrl+Alt (Win) \/ Command+Option (Mac) as I drag a color onto the pixel layer's contents:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/ctrl-alt-drag-color-pixel-layer.jpg\" alt=\"How to add a color swatch as a Color Overlay layer effect in Photoshop CC 2020\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">Holding Ctrl+Alt (Win) \/ Command+Option (Mac) and dragging a color swatch.<\/div>\n<p>I'll release my mouse button to drop the color onto the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/color-added-to-pixel-layer.jpg\" alt=\"The new color appears on the pixel layer\" width=\"640\" height=\"483\" \/>\n<div class=\"image-desc\">The pixel layer updates with the new color.<\/div>\n<p>And in the Layers panel, the new color appears as a Color Overlay layer effect below the layer. The only layer that this trick will not work with is the Background layer, since Background layers do not support layer effects:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/cc\/2020\/swatches-panel\/color-overlay-effect.png\" alt=\"The color swatch is added to the shape layer as a clipped Solid Color fill layer\" width=\"288\" height=\"245\" \/>\n<div class=\"image-desc\">The color swatch is added as a Color Overlay effect.<\/div>\n<p><strong><a href=\"\/basics\/using-layer-effects-and-layer-styles-in-photoshop-cc-2020-complete-guide\/\" title=\"Learn more\">See our complete guide to using Layer Effects in Photoshop CC 2020<\/a><\/strong><\/p>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h3>Where to go next<\/h3>\n<p>And there we have it! That's a look at the improved Swatches panel in Photoshop CC 2020 and how easy it is to drag and drop colors into your document! In the next tutorial, I'll show you <a href=\"\/basics\/create-color-swatches-from-images-in-photoshop-cc-2020\/\" title=\"Learn more\">how to create your own color swatches<\/a> and how to save them as custom swatch sets. <\/p>\n<p>Or check out our <a href=\"\/basics\/\" title=\"More Photoshop Basics tutorials\">Photoshop Basics<\/a> section for more tutorials. And don't forget, all of our Photoshop tutorials are available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how the improved Swatches panel in Photoshop CC 2020 makes it easy to drag and drop colors directly into your document.<\/p>\n","protected":false},"author":1,"featured_media":29576,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-29561","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Drag and Drop Color Swatches in Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how the improved Swatches panel in Photoshop CC 2020 makes it easy to drag and drop colors directly into your document.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Drag and Drop Color Swatches in Photoshop CC 2020\" \/>\n<meta property=\"og:description\" content=\"Learn how the improved Swatches panel in CC 2020 lets you drag and drop colors directly into your document!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-24T14:51:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-31T18:59:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/12\/color-swatches-panel-photoshop-cc2020-s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Drag and Drop Color Swatches in Photoshop\",\"datePublished\":\"2019-12-24T14:51:07+00:00\",\"dateModified\":\"2022-10-31T18:59:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/\"},\"wordCount\":2423,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/color-swatches-panel-photoshop-cc2020-f.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/\",\"name\":\"Drag and Drop Color Swatches in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/color-swatches-panel-photoshop-cc2020-f.jpg\",\"datePublished\":\"2019-12-24T14:51:07+00:00\",\"dateModified\":\"2022-10-31T18:59:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how the improved Swatches panel in Photoshop CC 2020 makes it easy to drag and drop colors directly into your document.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/color-swatches-panel-photoshop-cc2020-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/color-swatches-panel-photoshop-cc2020-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Drag and drop color swatches in Photoshop CC 2020\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Drag and Drop Color Swatches in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Drag and Drop Color Swatches in Photoshop","description":"Learn how the improved Swatches panel in Photoshop CC 2020 makes it easy to drag and drop colors directly into your document.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/","og_locale":"en_US","og_type":"article","og_title":"Drag and Drop Color Swatches in Photoshop CC 2020","og_description":"Learn how the improved Swatches panel in CC 2020 lets you drag and drop colors directly into your document!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2019-12-24T14:51:07+00:00","article_modified_time":"2022-10-31T18:59:37+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/12\/color-swatches-panel-photoshop-cc2020-s.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Drag and Drop Color Swatches in Photoshop","datePublished":"2019-12-24T14:51:07+00:00","dateModified":"2022-10-31T18:59:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/"},"wordCount":2423,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/12\/color-swatches-panel-photoshop-cc2020-f.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/","name":"Drag and Drop Color Swatches in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/12\/color-swatches-panel-photoshop-cc2020-f.jpg","datePublished":"2019-12-24T14:51:07+00:00","dateModified":"2022-10-31T18:59:37+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how the improved Swatches panel in Photoshop CC 2020 makes it easy to drag and drop colors directly into your document.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/12\/color-swatches-panel-photoshop-cc2020-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/12\/color-swatches-panel-photoshop-cc2020-f.jpg","width":250,"height":250,"caption":"Drag and drop color swatches in Photoshop CC 2020"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/drag-and-drop-colors-swatches-in-photoshop-cc-2020\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"Drag and Drop Color Swatches in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/29561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=29561"}],"version-history":[{"count":24,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/29561\/revisions"}],"predecessor-version":[{"id":33456,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/29561\/revisions\/33456"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/29576"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=29561"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=29561"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=29561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}