Articles, Blog

Text Effects of Pop Shadow in Photoshop

September 9, 2019

Enter the base font. From the [File] menu, select [New]. In the [New] dialog, 800 Pixels in [Width:], 400 Pixels in [Height:], input 72 Pixels/Inch in [Resolution:]. Select [RGB Color] and [8 bit] for [Color Mode:]. Click [OK]. From the [Tools] panel, select [Horizontal Type Tool]. In the option bar, set any font. Although “Swis721 Rounded” is selected in the example, the font environment differs depending on your PC. Input 150 pt in [Set font size]. [Set the anti-aliasing method] Select [Smooth]. Select [Center text]. Click [Set the text color] to display the [Color Picker] dialog. Set the text color to contrast with the shadow. In the example, [H:57° S:100% B:100%] is set. Click [OK]. Click in the document and enter characters by point text. After entering the characters, press the [enter] key to confirm. In the option bar, click [Toggle the Character and Paragraph panels]. In the [Character] panel, [Set the kerning between two characters], Select [Optical]. When set to [Optical], realistic character spacing can be made even. Hold down the [command (Ctrl)] key and drag to center the character position. Set the character outer stroke. In the [Layers] panel, click [Add a layer style] and select [Stroke] from the menu. In the [Layer Style] dialog, adjust [Size:] in [Structure] section. The higher the number, the thicker, and the smaller, the thinner. In the example, 5 px was set. Set the [Stroke] color to a color that is easy to recognize. Click [OK]. From the [Layer] menu, apply [Layer Style]→ [Create Layer]. Then the layer style effects are rasterized. Check [Outer Stroke] which is the created layer. The purpose of rasterizing layer style effects is to get the selection that is thicker than the outside of character. Create a shadow base. In the [Layers] panel, select [FineBoy’s Outer Stroke]. click [Indicates layer visibility]. Hide the layer. Hold down the [command (Ctrl)] key and click the layer thumbnail of [FineBoy’s Outer Stroke]. Then, a selection is created on the thicker than the outside of character. In the [Layers] panel, click [Create new fill or adjustment layer] and select [Solid Color] from the menu. In the [Color Picker] dialog, set the shadow color. In the example, [H:150° S:100% B:60%] was set. Click [OK]. Shadow base creation is complete. Blur the base diagonally. In the [Layers] panel, select the layer mask thumbnail of [Color Fill 1]. Click to change to double border display. From the [Filter] menu, select [Blur] → [Motion Blur]. In the [Motion Blur] dialog, input -45° in [Angle:]. Drag the [Distance:] slider to adjust the shadow length. In the example, 75 Pixels is set to [Distance:]. Click [OK]. The operation to blur the base diagonally is complete. Clear the blurred base. From the [Image] menu, select [Adjustments]→[Levels]. In the [Levels] dialog, drag the highlight point of [Input level] to the left. The closer to the leftmost shadow point, the clearer the blurry border. When tone decreases, jaggies occur. Therefore, the blur width is set to remain slightly. In the example, [0 / 1.00 / 8] was set to [Input level]. Click [OK]. The operation to clear the blurred base is complete. Adjust the character position. In the [Layers] panel, select the text layer. Hold down the [command (Ctrl)] key and drag to adjust the character position. You can temporarily use [Move Tool] by pressing the [command (Ctrl)] key. Text Effects of Pop Shadow is complete all.


  • Reply fun yo March 21, 2017 at 4:03 am

    Hi! I would like to ask if there any possible to stroke the shadow? hope that you can answer me 😂😄😄 thanks!

  • Reply nettaboo1201 May 7, 2017 at 9:57 am

    Hi, I am a PS newbie so I do not know what what tnat symbol looks like the letter "H" that appears around 3:20 means, e.g. <something> + drag. Help?

  • Reply Tomm Wayfarer April 2, 2018 at 7:35 am

    wow, this is one of the top 10 best tutorial formats I've ever watched. I enjoyed it very much, and learned every step easy, very easy. Thank you!!!

  • Reply Ario Pro April 16, 2018 at 10:27 pm

    Thanks, You're awesome!!!

  • Reply Shamim Khan October 16, 2018 at 5:28 pm


  • Reply Lee designer December 29, 2018 at 12:26 am

    Thanks!! It's nice tutorial!!

  • Leave a Reply