• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » How To Make Beautiful Customizable Drop Shadows In Photoshop

How To Make Beautiful Customizable Drop Shadows In Photoshop

3
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Effects | Watch on YouTube

Want to make your texts stand out? In this tutorial, you’ll learn how to make beautiful, customizable drop shadows in Photoshop to make your text POP!

By adding drop shadows to the foreground objects on your composite, creates a contrast against the background and brings the object forward, which will grab the attention of the viewer.

Table of contents

  • Apply the Drop Shadow Layer Style
  • Convert Layer Styles into Layers
  • Convert the Shadow Layers into a Smart Object
  • Distort the Shadows Smart Object
  • Warp the Shadows Smart Object
  • Apply a Bevel & Emboss Layer Style

Apply the Drop Shadow Layer Style

Now, start off with two things on your working document.

On the Layers panel, there is a clean solid color Background layer and a simple Text layer.

Start by double-clicking on the side of the Text layer to bring out the Layer Style window. 

To make beautiful, customizable drop shadows in Photoshop, check the box for Drop Shadow and it will take you to its Properties panel. 

Use the Structure and Quality controls to edit the adjustments on your drop shadow.

You can also click-and-drag the shadow with the Move tool to reposition it. 

For a more natural look, you can change the color of the shadow to a darker pink. Sample the background color, then, darken the color from the color picker.

Then, press OK to apply the changes.

To add a few more shadows to the Text layer, click on the plus icon beside the Drop Shadow label.

Click-and-drag the shadow to reposition it where you want it to be.

Again, you may freely apply the adjustments to the new Drop Shadow. 

For the second Drop Shadow, you may need to increase the size in order to blur it out more.

Then, add a third Drop Shadow by clicking on the plus icon beside the label.

Adjust the first Drop Shadow and reduce its size and shadow opacity for the illusion that it’s closer to the Text itself.

Then, press OK to apply the changes.

Convert Layer Styles into Layers

Now, you have three Drop Shadow effects under your Text layer. 

To make the shadows look more realistic, you need to distort the shadows, and to do that, you need to convert them into Layers. 

Right-click on the Text layer’s fx icon and select Create Layers. Then, press OK.

Right away, you’ll see a new list of Drop Shadow layers under the Text layer.

Convert the Shadow Layers into a Smart Object

Before you can distort them, you need to convert them into a Smart Object so you can work non-destructively.

Note: A Smart Object is a container that can hold one or more layers. It allows you to apply editable adjustments, distortions, filters, and transformations.

With the three Drop Shadow layers selected, right-click > select Convert to Smart Object.

If you press Ctrl T (Windows) or Command T (macOS) to transform, you will get a bounding box that covers the entire canvas itself. You need to uncheck one box to prevent that from happening.

To show you, undo the latest step by pressing Ctrl Z (Windows) or Command Z  (macOS). 

On the Layers panel, notice the icon beside each of the Drop Shadow layers that is the cause of the issue.

Double-click on the side of the layer to bring out the Layer Style window.

Under Advanced Blending, check the box for Transparency Shapes Layer and you will notice that the dual box icon disappears from the Drop Shadow layer. 

Press OK to exit the window, and do the same for the other layers. 

NOTE: The reason why right-clicking on the layer and selecting Clear Layer Style is counterintuitive is because it removes the styles you apply on the layer.

Distort the Shadows Smart Object

Hold Shift as you click on all the Drop Shadow layers to select them. 

Then, right-click > Convert to Smart Object.  

You may notice that it is now confined to a smaller bounding box.

As you press Ctrl T (Windows) or Command T (macOS) to Transform, it is easier to apply distortion.

Right-click > Distort so you can move the shadow around to position and create the effect that you want. 

Warp the Shadows Smart Object

Right-click > Warp and you can click-and-drag on the points to warp the perspective of the shadow as shown below. 

On the Options bar, you can click the Vertical Split icon to create a split so when you adjust the points on the left, you don’t affect the right area.

When you’re happy with the warping, click on the checkmark in the Options bar to commit to the changes.

Since you are working with a Smart Object, you can always press Ctrl T (Windows) or Command T (macOS) to apply another transformation or edit your last transformation. 

Apply a Bevel & Emboss Layer Style

If you want to add more dimension to your text,  check the box for Bevel & Emboss to add it as a layer style. Be sure to adjust the Structure and Shading to achieve the look that you want. 

The added highlights and shadows will definitely make your text stand out.

This is also extremely helpful, especially if your background color and foreground color are similar or of the same luminosity.


That is how you make beautiful customizable drop shadows in Photoshop in just a couple of steps!

If you enjoyed this tutorial, make sure to follow PTC on YouTube! And if you create something using this tutorial, then share it on social media with the hashtag #PTCvids for a chance to get featured!

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • Make Money In PhotoshopHow To Make Money With Photoshop

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    How To Blur Backgrounds in Photoshop [FAST & EASY]...
    M
    138 Shares
  •  
    Photoshop 2021 All The Best NEW Features EXPLAINED!...
    P
    104 Shares
  •  
    Make Better Cut-Outs in Photoshop with These 3 Amazing Tricks!...
    L
    85 Shares
  •  
    Photoshop 2021: Color Grading in Camera Raw...
    59 Shares
  •  
    How To Remove a GREEN SCREEN in Photoshop!...
    L
    49 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.