{"id":547,"date":"2012-10-06T22:30:28","date_gmt":"2012-10-06T22:30:28","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=547"},"modified":"2019-04-13T12:10:04","modified_gmt":"2019-04-13T16:10:04","slug":"perspective-shadow","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/","title":{"rendered":"Perspective Shadow Text Effect In Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop text effects tutorial<\/strong>, we'll learn how to create a popular, classic effect by giving text a <strong>perspective shadow<\/strong> as if  a light source behind the text was casting a shadow  onto the ground in front of it. I'll be using Photoshop CS5 throughout this tutorial, but any recent version will work.<\/p>\n<p>Here's what the final result will look like:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/photoshop-text-perspective-shadow.jpg\" alt=\"Photoshop text perspective shadow effect. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">The final \"perspective shadow\" text effect.<\/div>\n<div class=\"ads-middle\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 text effects middle responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"8647141094\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\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<h4><span>Step 1:<\/span> Duplicate The Text Layer<\/h4>\n<p>To begin with, I've gone ahead and added some text in front of a background filled with a simple black-to-gray gradient. You can create this perspective shadow effect with any background colors or image you like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/initial-text.jpg\" alt=\"The initial text. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">Add your text to the document.<\/div>\n<p>If we look in the Layers panel, we see that my text is sitting on its own text layer above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/photoshop-layers-panel.gif\" alt=\"The Layers panel in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"340\" height=\"225\" \/>\n<div class=\"image-desc\">The text appears on its own layer above the background.<\/div>\n<p>We need to make a copy of the text, so with the text layer selected in the Layers panel (selected layers are highlighted in blue), go up to the <strong>Layer<\/strong> menu in the Menu Bar at the top of the screen, choose <strong>New<\/strong>, and then choose <strong>Layer via Copy<\/strong>. Or, for a much faster way to choose the same command, use the keyboard shortcut <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/layer-new-layer-via-copy.gif\" alt=\"Go to Layer, New, Layer via Copy. Image &copy; 2010 Photoshop Essentials.com.\" width=\"472\" height=\"177\" \/>\n<div class=\"image-desc\">Go to Layer &gt; New &gt; Layer via Copy.<\/div>\n<p>Nothing  happens in the document window, but a copy of the text layer appears above the original in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/shadow-copy-layer.gif\" alt=\"A copy of the text layer appears in the Layers panel. Image &copy; 2010 Photoshop Essentials.com.\" width=\"340\" height=\"261\" \/>\n<div class=\"image-desc\">A copy of the text layer appears above the original.<\/div>\n<h4>Step 2: Drag The Copy Below The Original<\/h4>\n<p>Click on the copy of the text layer in the Layers panel and drag it directly below the original text layer. When you see a highlight bar appear between the original text layer and the Background layer, release your mouse button to have Photoshop snap the layer into its new position:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/drag-layer.gif\" alt=\"Drag the copied text layer below the original. Image &copy; 2010 Photoshop Essentials.com.\" width=\"340\" height=\"261\" \/>\n<div class=\"image-desc\">Drag the copied text layer between the original and the Background layer.<\/div>\n<h4>Step 3: Rasterize The Text<\/h4>\n<p>In a moment, we're going to reshape the text so it looks more like a perspective shadow, but Photoshop won't let us do that while the text is still text. We need to first convert the text into <a href=\"\/essentials\/pixels.php\"><strong>pixels<\/strong><\/a>, which is known in Photoshop-speak as <strong>rasterizing<\/strong> it. To do that, go up to the <strong>Layer<\/strong> menu, choose <strong>Rasterize<\/strong>, and then choose <strong>Type<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/layer-rasterize-type.gif\" alt=\"Rasterizing text in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"386\" height=\"144\" \/>\n<div class=\"image-desc\">Go to Layer &gt; Rasterize &gt; Type.<\/div>\n<h4>Step 4: Flip And Move The Text<\/h4>\n<p>With the copy of the original text now converted to pixels, go up to the <strong>Edit<\/strong> menu and choose <strong>Free Transform<\/strong>, or press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to access Free Transform with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/edit-free-transform.gif\" alt=\"The Free Transform command in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"263\" height=\"133\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Free Transform.<\/div>\n<p>This places the Free Transform box and handles (little squares) around the  text in the document window. <strong>Right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the document window and choose <strong>Flip Vertical<\/strong> from the contextual menu that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/flip-vertical.gif\" alt=\"The Flip Vertical command in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"193\" height=\"128\" \/>\n<div class=\"image-desc\">Choose Flip Vertical from the  menu.<\/div>\n<p>This flips the text upside down in the document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/text-flipped.jpg\" alt=\"The text has been flipped vertically. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">The image after flipping the text vertically.<\/div>\n<p>Next, click anywhere inside the Free Transform bounding box, hold down your <strong>Shift<\/strong> key, then drag the text down below the original text. Holding the Shift key as you drag limits the direction you can drag in, making it easier to drag straight down. I'm going to add some space between the original and flipped versions of the text so it will appear as if my original text is hovering in the air above the shadow:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/drag-text-down.jpg\" alt=\"Drag the flipped text below the original. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">Hold Shift and drag the flipped text below the original.<\/div>\n<h4>Step 5: Stretch And Reshape The Text<\/h4>\n<p>Click on the handle in the bottom center of the Free Transform box and drag it downward to stretch the text vertically:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/stretch-text.jpg\" alt=\"Stretching the text vertically. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">Stretch the text by dragging the bottom center handle straight down.<\/div>\n<p>Then, with Free Transform still active, once again <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the document window and choose <strong>Perspective<\/strong> from the contextual menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/select-perspective.gif\" alt=\"Choosing Perspective from the Transform options. Image &copy; 2010 Photoshop Essentials.com.\" width=\"192\" height=\"152\" \/>\n<div class=\"image-desc\">Choose Perspective from the Transform options.<\/div>\n<p>With Perspective selected, click on either the <strong>bottom left<\/strong> or <strong>bottom right<\/strong> handle and drag it outward horizontally. As you drag one of the handles, the other handle will extend out in the opposite direction, giving the text a 3D perspective. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to complete the transformations:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/change-perspective.jpg\" alt=\"Changing the perspective of the text with Free Transform. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">As you drag one bottom corner handle outward, the other moves in the opposite direction.<\/div>\n<h4>Step 6: Fill The Text With Black<\/h4>\n<p>Press the letter <strong>D<\/strong> on your keyboard to quickly reset Photoshop's Foreground and Background colors if necessary, which will set your Foreground color to <strong>black<\/strong>. Then press <strong>Shift+Alt+Backspace<\/strong> (Win) \/ <strong>Shift+Option+Delete<\/strong> (Mac) to fill the flipped and reshaped text with the Foreground color (black):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/fill-black.jpg\" alt=\"Fill the transformed text with black. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">Fill the transformed text with black.<\/div>\n<h4>Step 7: Apply The Gaussian Blur Filter<\/h4>\n<p>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\/type\/effects\/perspective-shadow\/filter-blur-gaussian-blur.gif\" alt=\"Selecting the Gaussian Blur filter in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"374\" height=\"192\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>When the Gaussian Blur dialog box appears, drag the <strong>Radius<\/strong> slider along the bottom towards the right to add just a slight amount of blur to the shadow. Keep an eye on the image in the document window as you drag the slider to judge the results, since the amount of blurring you add will depend on the size and resolution of your image, but all we're going for here is a subtle effect. I'm going to set my Radius value to <strong>2 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/gaussian-blur-dialog-box.gif\" alt=\"The Gaussian Blur dialog box. Image &copy; 2010 Photoshop Essentials.com.\" width=\"342\" height=\"346\" \/>\n<div class=\"image-desc\">Apply a small amount of blurring to the shadow.<\/div>\n<p>Click OK when you're done to exit out of the dialog box. Your shadow text should now have a slight blur applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/shadow-blurred.jpg\" alt=\"The Gaussian Blur dialog box. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">The image after applying the Gaussian Blur filter.<\/div>\n<h4>Step 8: Lower The Layer Opacity<\/h4>\n<p>Since most shadows don't appear as a solid color, lower the opacity of the layer to add a little transparency to the shadow. You'll find the <strong>Opacity<\/strong> option in the top right of the Layers panel. Lower it to around <strong>80%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/lower-opacity-80.gif\" alt=\"Lowering the opacity of the shadow. Image &copy; 2010 Photoshop Essentials.com.\" width=\"335\" height=\"261\" \/>\n<div class=\"image-desc\">The layer opacity option.<\/div>\n<h4>Step 9: Duplicate The Shadow Layer<\/h4>\n<p>Press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) to quickly duplicate the blurred shadow layer. A copy of it will appear above the original in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/duplicate-shadow-layer.gif\" alt=\"Duplicating the shadow layer. Image &copy; 2010 Photoshop Essentials.com.\" width=\"335\" height=\"309\" \/>\n<div class=\"image-desc\">Make a copy of the shadow layer.<\/div>\n<h4>Step 10: Apply The Gaussian Blur Filter Again<\/h4>\n<p>Shadows tend to spread out and grow softer as they move further away from the source, so let's add even more blurring to our copy of the shadow. We'll then use a couple of layer masks to blend the two shadow layers together. First, hide the original shadow layer temporarily by clicking on its <strong>layer visibility icon<\/strong> (the eyeball) in the Layers panel. This will make it easier to see what we're doing:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/layer-visibility-icon.gif\" alt=\"Clicking the layer visibility icon in the Layers panel. Image &copy; 2010 Photoshop Essentials.com.\" width=\"351\" height=\"309\" \/>\n<div class=\"image-desc\">The layer visibility icon temporarily turns layers on and off in the document.<\/div>\n<p>Since the Gaussian Blur filter was the last filter we applied, we can access it again quickly by pressing <strong>Ctrl+Alt+F<\/strong> (Win) \/ <strong>Command+Option+F<\/strong> (Mac). This time, add even more blurring to the shadow by dragging the Radius slider further to the right. I'm going to set my Radius value this time to around 6 pixels. As before, the value you use may be different and will depend on your image, so judge the results in the document window as you drag the slider:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/gaussian-blur-2.gif\" alt=\"Adding more blurring with Gaussian Blur. Image &copy; 2010 Photoshop Essentials.com.\" width=\"342\" height=\"345\" \/>\n<div class=\"image-desc\">Use a larger Radius value this time to add stronger blurring.<\/div>\n<p>Click OK when you're done to exit out of the dialog box. Your shadow should now look similar to this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/shadow-blurred-2.jpg\" alt=\"The image after blurring the shadow with Gaussian Blur. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">The image after adding more blurring to the second shadow layer.<\/div>\n<h4>Step 10: Add A Layer Mask<\/h4>\n<p>Click on the <strong>Layer Mask<\/strong> icon at the bottom of the Layers panel to add a layer mask to the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/layer-mask-icon.gif\" alt=\"The Layer Mask icon in the Layers panel in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"335\" height=\"234\" \/>\n<div class=\"image-desc\">Click on the Layer Mask icon.<\/div>\n<p>A <strong>layer mask thumbnail<\/strong> will appear beside the layer's main <strong>preview thumbnail<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/layer-mask-thumbnail.gif\" alt=\"A layer mask thumbnail appears on the shadow layer. Image &copy; 2010 Photoshop Essentials.com.\" width=\"364\" height=\"223\" \/>\n<div class=\"image-desc\">The layer mask thumbnail.<\/div>\n<h4>Step 11: Drag Out A Black-To-White Gradient On The Layer Mask<\/h4>\n<p>Select Photoshop's <strong>Gradient Tool<\/strong> from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/photoshop-gradient-tool.gif\" alt=\"The Gradient Tool in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"65\" height=\"127\" \/>\n<div class=\"image-desc\">Select the Gradient Tool.<\/div>\n<p>With the Gradient Tool selected, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the document window and choose the <strong>black-to-white gradient<\/strong> by clicking on its thumbnail (third from 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\/type\/effects\/perspective-shadow\/choose-gradient.jpg\" alt=\"The Gradient Picker in Photoshop. Image &copy; 2010 Photoshop Essentials.com.\" width=\"262\" height=\"165\" \/>\n<div class=\"image-desc\">Click on the thumbnail for the black-to-white gradient.<\/div>\n<p>We want this extra blurry version of the shadow to gradually fade into view as it extends away from the text, so click with the Gradient Tool at the very top of the shadow to set the starting point for the gradient, then hold down your <strong>Shift<\/strong> key and drag straight down to the bottom of the shadow. Release your mouse button when you reach the bottom  to set the end point for the gradient. Holding the Shift key as you drag once again limits the direction you can drag in, making it easier to drag straight down:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/drag-gradient.jpg\" alt=\"Dragging out a gradient on the layer mask. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">Click at the top of the shadow, hold Shift, drag down and release your mouse button at the bottom of the shadow.<\/div>\n<p>Since we dragged out the gradient on the layer mask, not the layer itself, the gradient is controlling the visibility of the shadow, which now slowly fades into view as it moves further away from the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/shadow-2-mask.jpg\" alt=\"The shadow now fades into view thanks to the gradient on the layer mask. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">The gradient on the layer mask controls the transparency of the shadow.<\/div>\n<h4>Step 12: Copy The Layer Mask Onto The Original Shadow Layer<\/h4>\n<p>Click once again on the <strong>layer visibility icon<\/strong> for the original shadow layer so it's visible inside the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/layer-visibility-2.gif\" alt=\"The layer visibility icon. Image &copy; 2010 Photoshop Essentials.com.\" width=\"380\" height=\"223\" \/>\n<div class=\"image-desc\">Turn the original shadow layer back on.<\/div>\n<p>Click on the layer mask thumbnail in the Layers panel, hold down <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac), then drag the mask down onto the original shadow's layer below it. When you see a highlight box appear around the original shadow's layer, release your mouse button to copy the mask onto the layer. You'll now see identical layer mask thumbnails on both shadow layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/drag-mask.gif\" alt=\"Copying the layer mask onto the layer below it. Image &copy; 2010 Photoshop Essentials.com.\" width=\"364\" height=\"223\" \/>\n<div class=\"image-desc\">The Alt (Win) \/ Option (Mac) key tells Photoshop to make a copy of the mask as you drag it.<\/div>\n<h4>Step 13: Invert The Layer Mask<\/h4>\n<p>We need the original shadow to fade away as it moves further from the text, exactly the opposite of what it's doing right now, so click on the new <strong>layer mask thumbnail<\/strong> on the original shadow layer in the Layers panel to select it. Then press <strong>Ctrl+I<\/strong> (Win) \/ <strong>Command+I<\/strong> (Mac), which will <strong>invert<\/strong> the gradient on the layer mask, so black becomes white and white becomes black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/inverted-mask.gif\" alt=\"The colors in the gradient on the layer mask are now inverted. Image &copy; 2010 Photoshop Essentials.com.\" width=\"364\" height=\"223\" \/>\n<div class=\"image-desc\">The layer mask thumbnail now shows a white-to-black gradient instead of black-to-white.<\/div>\n<p>With both shadow layers now blended together, the shadow appears softer as it moves away from the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/image-mask-inverted.jpg\" alt=\"The text shadow after inverting the layer mask. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"343\" \/>\n<div class=\"image-desc\">The image after inverting the layer mask.<\/div>\n<h4>Step 14: Lower The Opacity Of The Top Shadow Layer<\/h4>\n<p>Finally, click on the top shadow layer (the copy of the shadow) in the Layers panel to once again select it, then lower its opacity   to around <strong>60%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/layer-opacity-60.gif\" alt=\"Lowering the layer opacity to 50%. Image &copy; 2010 Photoshop Essentials.com.\" width=\"364\" height=\"189\" \/>\n<div class=\"image-desc\">Select the top shadow layer, then lower its opacity to 60%.<\/div>\n<p>And with that, we're done! Here is our final \"perspective shadow\" text effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/perspective-shadow\/photoshop-text-perspective-shadow.jpg\" alt=\"Photoshop text perspective shadow effect. Image &copy; 2010 Photoshop Essentials.com.\" width=\"650\" height=\"342\" \/>\n<div class=\"image-desc\">The final \"perspective shadow\" text effect.<\/div>\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! Visit our <a href=\"\/photoshop-text\/text-effects\/\">Text Effects<\/a> or <a href=\"\/photo-effects\/\">Photo Effects<\/a> sections for more Photoshop effects tutorials!<\/p>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Is your Photoshop text lacking perspective? Try adding an easy to create, classic 3D-style perspective shadow!<\/p>\n","protected":false},"author":1,"featured_media":548,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-547","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-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>Perspective Shadow Text Effect In Photoshop<\/title>\n<meta name=\"description\" content=\"In this tutorial, learn how to give your text a perspective shadow effect with Photoshop.\" \/>\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\/photoshop-text\/text-effects\/perspective-shadow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Perspective Shadow Text Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, learn how to give your text a perspective shadow effect with Photoshop.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-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-06T22:30:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:10:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/text-shadow-80j.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"80\" \/>\n\t<meta property=\"og:image:height\" content=\"80\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Perspective Shadow Text Effect In Photoshop\",\"datePublished\":\"2012-10-06T22:30:28+00:00\",\"dateModified\":\"2019-04-13T16:10:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/\"},\"wordCount\":1878,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/text-shadow-80j.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/\",\"name\":\"Perspective Shadow Text Effect In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/text-shadow-80j.jpg\",\"datePublished\":\"2012-10-06T22:30:28+00:00\",\"dateModified\":\"2019-04-13T16:10:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this tutorial, learn how to give your text a perspective shadow effect with Photoshop.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/text-shadow-80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/text-shadow-80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Perspective Shadow Text Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/perspective-shadow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Text\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Perspective 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":"Perspective Shadow Text Effect In Photoshop","description":"In this tutorial, learn how to give your text a perspective shadow effect with Photoshop.","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\/photoshop-text\/text-effects\/perspective-shadow\/","og_locale":"en_US","og_type":"article","og_title":"Perspective Shadow Text Effect In Photoshop","og_description":"In this tutorial, learn how to give your text a perspective shadow effect with Photoshop.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-06T22:30:28+00:00","article_modified_time":"2019-04-13T16:10:04+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/text-shadow-80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Perspective Shadow Text Effect In Photoshop","datePublished":"2012-10-06T22:30:28+00:00","dateModified":"2019-04-13T16:10:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/"},"wordCount":1878,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/text-shadow-80j.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/","name":"Perspective Shadow Text Effect In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/text-shadow-80j.jpg","datePublished":"2012-10-06T22:30:28+00:00","dateModified":"2019-04-13T16:10:04+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this tutorial, learn how to give your text a perspective shadow effect with Photoshop.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/text-shadow-80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/text-shadow-80j.jpg","width":"80","height":"80","caption":"Perspective Shadow Text Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/perspective-shadow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Text","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/"},{"@type":"ListItem","position":3,"name":"Text Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/"},{"@type":"ListItem","position":4,"name":"Perspective 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\/547","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=547"}],"version-history":[{"count":20,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/547\/revisions"}],"predecessor-version":[{"id":27329,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/547\/revisions\/27329"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/548"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}