{"id":378,"date":"2012-10-02T16:14:26","date_gmt":"2012-10-02T16:14:26","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=378"},"modified":"2019-04-13T13:03:50","modified_gmt":"2019-04-13T17:03:50","slug":"cast-shadow","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/","title":{"rendered":"Realistic Cast Shadow Effect In Photoshop"},"content":{"rendered":"<aside><style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/aside>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Photoshop's Drop Shadow layer style may be great for adding simple shadows to images or text, making them look as if they're floating slightly above their background, but when it comes to creating more realistic looking shadows of people or objects, the standard Drop Shadow just doesn't cut it. In this tutorial, we'll learn an easy way to create a realistic cast shadow effect!<\/p>\n<p style=\"clear:both;\">Here's the photo I'll be using for this tutorial:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/original.jpg\" alt=\"The original photo. Image licensed from iStockphoto by Photoshop Essentials.com.\" width=\"299\" height=\"450\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>Here's how it will look with the  shadow applied:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-cast-shadow-effect.jpg\" alt=\"Photoshop cast shadow effect.\" width=\"628\" height=\"500\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<\/section>\n<aside> <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><\/aside>\n<aside>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">How To Create A Realistic Cast Shadow<\/h2>\n<h3>Step 1: Select The Person Or Object<\/h3>\n<p>Before we can add a shadow to someone, we first need to select them. Using the selection tool of your choice (<a href=\"\/basics\/selections\/lasso-tool\/\">Lasso Tool<\/a>, <a href=\"\/basics\/selections\/quick-selection-tool\/\">Quick Selection Tool<\/a>, <a href=\"\/basics\/pen-tool-selections\/\">Pen Tool<\/a>, etc.), draw a selection  around the person (or object) in the photo. When you're done, you should see a selection outline around them. Here, I've selected the girl:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/girl-selected.jpg\" alt=\"A selection outline appears around the girl in the photo.\" width=\"299\" height=\"450\" \/>\n<div class=\"image-desc\">Select the person or object in the photo.<\/div>\n<h3>Step 2: Copy The Selection To A New Layer<\/h3>\n<p>With the person or object selected, press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard to quickly copy the selection to a new layer. Nothing will happen in the document window, but if we look in the Layers panel, we see that Photoshop has copied the selection to a new layer named \"Layer 1\" above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/new-layer-1.gif\" alt=\"The selection has been copied to a new layer.\" width=\"272\" height=\"243\" \/>\n<div class=\"image-desc\">The selection appears on a new layer above the Background layer.<\/div>\n<h3>Step 3: Add Extra Canvas Space If Needed<\/h3>\n<p>Depending on your image, you may or may not need this step, but in my case, I need to add some extra canvas space to make room for the shadow. The easiest way to add extra canvas space is with Photoshop's <strong>Crop Tool<\/strong>. I'll select it from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-crop-tool.gif\" alt=\"Selecting the Crop Tool in Photoshop.\" width=\"68\" height=\"156\" \/>\n<div class=\"image-desc\">Selecting the Crop Tool.<\/div>\n<p>To make it easier to see what I'm doing, I'll switch out of the document window and into the first of Photoshop's <strong>fullscreen modes<\/strong> by pressing the letter <strong>F<\/strong> on my keyboard. Then, with the Crop Tool active, I'll click in the gray area above and to the left of the top left corner of the image, and with my mouse button held down, I'll drag to the gray area below and to the right of the bottom right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/drag-crop-tool.jpg\" alt=\"Dragging the Crop Tool across the image.\" width=\"356\" height=\"500\" \/>\n<div class=\"image-desc\">Dragging the Crop Tool diagonally across the entire image.<\/div>\n<p>When I release my mouse button, a crop border appears around the image, with <strong>handles<\/strong> (little squares)  on all four sides and in each corner. I need to add more canvas space on the left of the photo, so I'll click on the left handle and drag it outward:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/drag-left-handle.jpg\" alt=\"Dragging the left crop handle.\" width=\"601\" height=\"500\" \/>\n<div class=\"image-desc\">Adding more space on the left by dragging the left crop handle.<\/div>\n<p>I'll press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the crop (even though what we're doing here is really the exact <em>opposite<\/em> of cropping), at which point Photoshop adds the extra space on the left of the image and fills it with white (the default Background color). I'll press <strong>F<\/strong> on my keyboard a couple of times until I'm back to the document window view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/canvas-space-added.jpg\" alt=\"Extra canvas space has been added with the Crop Tool.\" width=\"564\" height=\"450\" \/>\n<div class=\"image-desc\">Since my Background color is white (the default color), Photoshop fills the new canvas space with white.<\/div>\n<h3>Step 4: Add A New Blank Layer Below Layer 1<\/h3>\n<p>Hold down your <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and click on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/new-layer-icon.gif\" alt=\"Photoshop New Layer icon in the Layers panel.\" width=\"271\" height=\"236\" \/>\n<div class=\"image-desc\">Click on the New Layer icon while holding down Ctrl (Win) \/ Command (Mac).<\/div>\n<p>This tells Photoshop not only to add a new layer to the document as it normally would, but to add the new layer <em>below<\/em> the currently selected layer (Layer 1), which places it between Layer 1 and the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/new-layer-added.gif\" alt=\"A new layer has been added below the currently selected layer.\" width=\"272\" height=\"270\" \/>\n<div class=\"image-desc\">The new layer appears between the original two layers.<\/div>\n<h3>Step 5: Draw A Gradient On The New Layer<\/h3>\n<p>Let's create a new background for the effect using a gradient, which will give it a little depth. Click on the <strong>Foreground color swatch<\/strong> near the bottom of the Tools panel. By default, it should be showing black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/foreground-color-swatch.gif\" alt=\"The Foreground color swatch in Photoshop.\" width=\"61\" height=\"136\" \/>\n<div class=\"image-desc\">Black is the default Foreground color.<\/div>\n<p>This opens Photoshop's <strong>Color Picker<\/strong> where we can choose a new Foreground color. Choose a light gray. If you want to use the same shade of gray that I'm using, enter <strong>70<\/strong>% for the <strong>B<\/strong> value (B stands for Brightness) on the right. Click OK when you're done to close out of the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-color-picker.jpg\" alt=\"Choosing a light gray in the Color Picker in Photoshop.\" width=\"567\" height=\"385\" \/>\n<div class=\"image-desc\">Set the Brightness (B) value to 70% for a light gray. H (Hue) and S (Saturation) should remain at 0%.<\/div>\n<p>Next, select the <strong>Gradient Tool<\/strong> from the Tools panel. We'll be using the Gradient Tool a few times for this effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-gradient-tool.gif\" alt=\"Selecting the Gradient Tool in Photoshop.\" width=\"71\" height=\"148\" \/>\n<div class=\"image-desc\">Select the Gradient Tool.<\/div>\n<p>With the Gradient Tool active, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the document window to quickly bring up the <strong>Gradient Picker<\/strong>, and make sure you have the very first gradient - <strong>Foreground to Background<\/strong> - selected by clicking on its thumbnail (first one on the left, top row). Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to close out of the Gradient Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-gradient-picker.gif\" alt=\"The Gradient Picker in Photoshop.\" width=\"274\" height=\"172\" \/>\n<div class=\"image-desc\">Select the Foreground to Background gradient.<\/div>\n<p>Then, click near the bottom of the document, hold down your <strong>Shift<\/strong> key and drag straight up until you're just above the horizontal center of the image. Holding the Shift key as you drag constrains your movements, making it easier to drag vertically:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/drag-gradient.jpg\" alt=\"Dragging the gray to white gradient.\" width=\"564\" height=\"450\" \/>\n<div class=\"image-desc\">Drag out the transition area for the gray to white gradient.<\/div>\n<p>Release your mouse button and Photoshop draws the gradient, which becomes the new background for the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/gray-white-background.jpg\" alt=\"The new light gray to white background.\" width=\"564\" height=\"450\" \/>\n<div class=\"image-desc\">The subtle gradient adds a bit of depth to the image.<\/div>\n<h3>Step 6: Add A New Layer Above The Gradient<\/h3>\n<p>Click once again on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel (no need to hold the Shift key down this time):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/new-layer-icon-2.gif\" alt=\"The New Layer icon in the Layers panel in Photoshop.\" width=\"271\" height=\"282\" \/>\n<div class=\"image-desc\">Click again on the New Layer icon.<\/div>\n<p>A new blank layer appears above the gradient layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/layer-3.gif\" alt=\"A new layer appears above the gradient layer in the Layers panel.\" width=\"271\" height=\"321\" \/>\n<div class=\"image-desc\">Layer 3 appears above the gradient.<\/div>\n<h3>Step 7: Load A Selection Around The Person Or Object<\/h3>\n<p>Hold down your <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and click directly on the top layer's <strong>preview thumbnail<\/strong> in the Layers panel. Don't select the layer, just click on its thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/layer-preview-thumbnail.gif\" alt=\"Clicking on the layer preview thumbnail.\" width=\"271\" height=\"247\" \/>\n<div class=\"image-desc\">Hold down Ctrl (Win) \/ Command (Mac) and click on Layer 1's preview thumbnail.<\/div>\n<p>This instantly loads a selection around the contents of the layer. Here, we can see that the girl in my photo is now selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/selection-loaded.jpg\" alt=\"A selection appears around the girl in the photo.\" width=\"303\" height=\"450\" \/>\n<div class=\"image-desc\">A selection outline appears around the person or object that we first selected back in Step 1.<\/div>\n<h3>Step 8: Fill The Selection With Black<\/h3>\n<p>Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/edit-fill.gif\" alt=\"Choosing the Fill command in Photoshop.\" width=\"264\" height=\"145\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Fill.<\/div>\n<p>When the Fill dialog box appears, change the <strong>Use<\/strong> option at the top to <strong>Black<\/strong>, then click OK to close out of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/use-black.gif\" alt=\"Setting the Use option to Black in the Fill dialog box.\" width=\"370\" height=\"257\" \/>\n<div class=\"image-desc\">Set Use to Black, then click OK.<\/div>\n<p>This fills the selection with black. We can't see it just yet in the document window because the image on Layer 1 is blocking it from view, but we <em>can<\/em> see it in the layer's preview thumbnail in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/black-layer.gif\" alt=\"The layer preview thumbnail.\" width=\"271\" height=\"247\" \/>\n<div class=\"image-desc\">We can see the contents of a layer in its preview thumbnail even when we can't see it in the document window.<\/div>\n<h3>Step 9: Distort The Shadow Into Position<\/h3>\n<p>The area we just filled with black will become our shadow. First, we need to reshape it and move it into position, and we can do that using Photoshop's Distort command. Go up to the <strong>Edit<\/strong> menu, choose <strong>Transform<\/strong>, and then choose <strong>Distort<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/edit-transform-distort.gif\" alt=\"Go to Edit &gt; Transform &gt; Distort.\" width=\"417\" height=\"201\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Transform &gt; Distort.<\/div>\n<p>Reshape the black-filled area by clicking on the <strong>top transform handle<\/strong> and dragging it down diagonally, either left or right (depending on your image), until it looks more like the person or object's shadow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/distort-shadow.jpg\" alt=\"Distorting the shadow into shape.\" width=\"562\" height=\"450\" \/>\n<div class=\"image-desc\">Drag the top transform handle to distort the shadow into shape.<\/div>\n<p>You may also need to fix the bottom part of the shadow by dragging the bottom corner handles. In my case, the bottom of the shadow didn't quite line up with the girl's shoes, so I dragged the bottom right transform handle up and to the right until everything looked good:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/fix-feet.jpg\" alt=\"Distorting the bottom part of the shadow.\" width=\"596\" height=\"400\" \/>\n<div class=\"image-desc\">Drag the bottom corner handles if needed so the bottom of the shadow lines up with the person or object.<\/div>\n<p>When you're done, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the transformation and exit out of the Distort command. Your shadow should now look something like this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/shadow-distorted.jpg\" alt=\"The shadow has been distorted.\" width=\"565\" height=\"450\" \/>\n<div class=\"image-desc\">The initial shape of the shadow is now in place.<\/div>\n<h3>Step 10: Apply A Slight Blur<\/h3>\n<p>The edges of the shadow look a little too crisp and sharp, so let's apply a slight blur to it. Go up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/filter-blur-gaussian-blur.gif\" alt=\"Go to Filter &gt; Blur &gt; Gaussian Blur.\" width=\"374\" height=\"189\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This opens the Gaussian Blur dialog box. Increase the <strong>Radius<\/strong> to around <strong>1.5 pixels<\/strong> for a very subtle blur effect, then click OK to exit out of the dialog box. The edges of the shadow will appear softer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-gaussian-blur.gif\" alt=\"The Gaussian Blur dialog box in Photoshop.\" width=\"342\" height=\"342\" \/>\n<div class=\"image-desc\">A Radius value of around 1.5 pixels is all we need for starters.<\/div>\n<h3>Step 11: Use Quick Mask Mode To Gradually Select The Shadow<\/h3>\n<p>For a shadow to look realistic, the edges need to become gradually softer the further away it extends from the subject. To create this gradual blurring effect, we'll again turn to the Gaussian Blur filter, but first, we'll create a selection using Photoshop's <strong>Quick Mask<\/strong> mode. <\/p>\n<p>Select the <strong>Gradient Tool<\/strong> once again from the Tools panel, then press the letter <strong>D<\/strong> on your keyboard to reset Photoshop's Foreground and Background colors to their defaults (black will be the Foreground color, white the Background color). Then, press the letter <strong>Q<\/strong> on your keyboard to  switch into Quick Mask mode. Nothing will seem different in the document window just yet. With the Gradient Tool active, click near the bottom of the shadow and drag diagonally to the top, like so:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/drag-gradient-quick-mask.jpg\" alt=\"Dragging out a gradient in Quick Mask mode in Photoshop.\" width=\"643\" height=\"245\" \/>\n<div class=\"image-desc\">Drag out a diagonal gradient from the bottom to the top of the shadow.<\/div>\n<p>Release your mouse button at the top of the shadow, and a red to transparent Quick Mask overlay appears across the image. The transparent part at the top of the shadow represents the area that is fully selected. The red at the bottom of the shadow is not selected at all, while the area in between becomes more and more selected as the red color gradually fades into transparency:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-quick-mask.jpg\" alt=\"A red to transparent Quick Mask gradient in Photoshop.\" width=\"560\" height=\"450\" \/>\n<div class=\"image-desc\">As the color fades from red to transparent, the area becomes gradually more selected.<\/div>\n<p>Press the letter <strong>Q<\/strong> on your keyboard to exit out of Quick Mask mode and back into normal mode. The red to transparent Quick Mask overlay will be replaced with a standard looking selection outline that seems to do nothing more than divide the shadow in half, with only the top half selected. This is just an unfortunate illusion on Photoshop's part. Photoshop can only display selection outlines around pixels that are at least 50% selected. So while it looks like we haven't really accomplished anything here, that Gaussian Blur filter is about to prove otherwise:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/quick-mask-selection-outline.jpg\" alt=\"A selection outline appears in place of the Quick Mask overlay.\" width=\"560\" height=\"450\" \/>\n<div class=\"image-desc\">Photoshop can't accurately display selection outlines around pixels that are only partially selected.<\/div>\n<h3>Step 12: Apply The Gaussian Blur Filter Again<\/h3>\n<p>Since the Gaussian Blur filter was the last filter we used, we can quickly bring it back up by pressing <strong>Ctrl+Alt+F<\/strong> (Win) \/ <strong>Command+Option+F<\/strong> (Mac) on the keyboard. This time, when the dialog box appears, increase the <strong>Radius<\/strong> value to around <strong>10 pixels<\/strong>, then click OK to exit out of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/gaussian-10.gif\" alt=\"Setting the Radius value to 10 pixels in the Gaussian Blur dialog box.\" width=\"342\" height=\"342\" \/>\n<div class=\"image-desc\">Increase the Radius value to 10 pixels or so.<\/div>\n<p>Press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to remove the selection outline, and we see in the document that the edges of the shadow now appear gradually softer from bottom to top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/shadow-edges-softer.jpg\" alt=\"The shadow edges gradually appear softer.\" width=\"643\" height=\"249\" \/>\n<div class=\"image-desc\">The shadow edges now look more realistic.<\/div>\n<h3>Step 13: Add A Layer Mask<\/h3>\n<p>The shadow needs to fade out as it moves further from the subject, which is easy to do using a layer mask. Click on the <strong>Layer Mask<\/strong> icon at the bottom of the Layers panel. A white-filled layer mask thumbnail will appear to the right of the shadow layer's preview thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/layer-mask-thumbnail.gif\" alt=\"Adding a layer mask in Photoshop.\" width=\"271\" height=\"330\" \/>\n<div class=\"image-desc\">A layer mask thumbnail appears after clicking the Layer Mask icon.<\/div>\n<h3>Step 14: Set The Foreground Color To A Dark Gray<\/h3>\n<p>We don't want the shadow to fade out completely, so click on the Background color swatch in the Tools panel, which should currently be black (the default Foreground and Background colors are reversed when a layer mask is selected):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/background-color-swatch.gif\" alt=\"The Background color swatch in Photoshop.\" width=\"54\" height=\"137\" \/>\n<div class=\"image-desc\">Click on the Background color swatch (the one in the lower right).<\/div>\n<p>When the Color Picker appears, choose a dark gray by setting the B (Brightness) value to 30%. Leave the H (Hue) and S (Saturation) options set to 0%. Click OK when you're done to close out of the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/dark-gray.jpg\" alt=\"Choosing a dark gray in the Color Picker in Photoshop.\" width=\"566\" height=\"385\" \/>\n<div class=\"image-desc\">Choose a dark gray for the Background color.<\/div>\n<h3>Step 15: Draw A Gradient Across The Shadow On The Layer Mask<\/h3>\n<p>Then, with the Gradient Tool selected, click once again near the bottom of the shadow and drag diagonally upward to the top, just as we did a moment ago when in Quick Mask mode. The difference here is that we're drawing the gradient on the layer mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/gradient-layer-mask.jpg\" alt=\"Drawing a gradient on the layer mask.\" width=\"643\" height=\"247\" \/>\n<div class=\"image-desc\">Draw a white to dark gray gradient from the bottom to the top of the shadow.<\/div>\n<p>Release your mouse button at the top of the shadow. Since we drew the gradient on the layer mask, not on the image itself, we don't actually see the gradient in the document. Instead, we see the effect of the gradient on the layer mask, with the shadow now gradually fading as it moves away from the subject:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/shadow-layer-mask.jpg\" alt=\"The shadow now gradually fades.\" width=\"643\" height=\"247\" \/>\n<div class=\"image-desc\">The shadow now gradually fades away.<\/div>\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-middle\"     \n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Step 16: Lower The Opacity Of The Shadow<\/h3>\n<p>As a final step, let's lower the opacity of the shadow so it doesn't appear quite so dark near the subject (since shadows are always somewhat transparent). You'll find the <strong>Opacity<\/strong> option in the top right corner of the Layers panel. Lower it slightly to around <strong>85%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-layer-opacity.gif\" alt=\"The Layer opacity option in Photoshop.\" width=\"273\" height=\"197\" \/>\n<div class=\"image-desc\">Lower the shadow layer's opacity to 85%.<\/div>\n<p>And with that, we're done! Here's the final \"cast shadow\" effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cast-shadow\/photoshop-cast-shadow-effect.jpg\" alt=\"Photoshop cast shadow effect.\" width=\"628\" height=\"500\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<\/section>\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<aside>\n<p>And there we have it! That's how to create a more realistic-looking cast shadow effect in Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>Photoshop&#8217;s Drop Shadow layer style may be great for adding simple shadows to images or text, but for creating realistic looking shadows of people or objects, it just doesn&#8217;t cut it. In this tutorial, learn an easy way to create a realistic cast shadow effect!<\/p>\n","protected":false},"author":1,"featured_media":15392,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"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>Realistic Cast Shadow Effect In Photoshop<\/title>\n<meta name=\"description\" content=\"In this Photoshop Effects tutorial, learn an easy way to create a realistic cast shadow effect.\" \/>\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\/photo-effects\/cast-shadow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Realistic Cast Shadow Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop Effects tutorial, learn an easy way to create a realistic cast shadow effect.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/\" \/>\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=\"2012-10-02T16:14:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:03:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-cast-shadow-effect-f.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Realistic Cast Shadow Effect In Photoshop\",\"datePublished\":\"2012-10-02T16:14:26+00:00\",\"dateModified\":\"2019-04-13T17:03:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/\"},\"wordCount\":2390,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-cast-shadow-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/\",\"name\":\"Realistic Cast Shadow Effect In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-cast-shadow-effect-f.jpg\",\"datePublished\":\"2012-10-02T16:14:26+00:00\",\"dateModified\":\"2019-04-13T17:03:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop Effects tutorial, learn an easy way to create a realistic cast shadow effect.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-cast-shadow-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-cast-shadow-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Realistic Cast Shadow Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cast-shadow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Realistic Cast Shadow\"}]},{\"@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":"Realistic Cast Shadow Effect In Photoshop","description":"In this Photoshop Effects tutorial, learn an easy way to create a realistic cast shadow effect.","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\/photo-effects\/cast-shadow\/","og_locale":"en_US","og_type":"article","og_title":"Realistic Cast Shadow Effect In Photoshop","og_description":"In this Photoshop Effects tutorial, learn an easy way to create a realistic cast shadow effect.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T16:14:26+00:00","article_modified_time":"2019-04-13T17:03:50+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-cast-shadow-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Realistic Cast Shadow Effect In Photoshop","datePublished":"2012-10-02T16:14:26+00:00","dateModified":"2019-04-13T17:03:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/"},"wordCount":2390,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-cast-shadow-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/","name":"Realistic Cast Shadow Effect In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-cast-shadow-effect-f.jpg","datePublished":"2012-10-02T16:14:26+00:00","dateModified":"2019-04-13T17:03:50+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop Effects tutorial, learn an easy way to create a realistic cast shadow effect.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-cast-shadow-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-cast-shadow-effect-f.jpg","width":250,"height":250,"caption":"Realistic Cast Shadow Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cast-shadow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Realistic Cast Shadow"}]},{"@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\/378","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=378"}],"version-history":[{"count":28,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/378\/revisions"}],"predecessor-version":[{"id":27427,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/378\/revisions\/27427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15392"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}