Create Text Shadows In Photoshop With Two Simple Styles

Text shading in Photoshop will help you create a more wonderful feeling for your text, avoiding the boring phenomenon compared to conventional typefaces. This article of WebTech360  will help you easily learn how to create text shadows in Photoshop with simple but extremely beautiful and outstanding manipulations! 

Uses Of Creating Text Shadows In Photoshop

Creating text shadows in Photoshop is a beautiful effect that is popular with designers in the design process and produces impressive design products.

They appear not only in newspapers and magazines, but also on packaging , textual publications appearing in most media and social networks. Only with the shadow effect, there are many sub-effects contained in it, for example, 2D - 3D text shadow effects, reclining shadows, sinking shadows, floating shadows...

In the scope of this article, we will guide you through tips on how to shade text in Photoshop with 3 simple styles: create simple text shadows, create short shadows and create long shadows.

Create Text Shadows In Photoshop With Two Simple Styles

Tutorial How To Create Text Shadows With 3 Simple Styles In Photoshop

Create a simple text shadow

Step 1: To start creating text shadows in Photoshop, first open Adobe Photoshop, create a new working file with the parameters and sizes you set to suit and balance.

Step 2: Select the Text tool ( shortcut T ) to type a piece of text that you need to shade. Here I will use two contrasting colors to highlight the subject. Use red color with code #e50f38l for background and use color code #ffffff for text layer, font UTM Facebook.

Create Text Shadows In Photoshop With Two Simple Styles

Step 3: Use the tool to duplicate the text layer by selecting Layer > Duplicate Layer ... on the selection bar or using the Ctrl + J key combination with the window operating system.

Create Text Shadows In Photoshop With Two Simple Styles

Step 4: Select the layer that has just been duplicated, use Ctrl + T to adjust the position of this layer, right-click then select the Flip Vertical tool to reverse the new layer compared to the original position to change the position of the layer. create shadow.

Create Text Shadows In Photoshop With Two Simple Styles

Create Text Shadows In Photoshop With Two Simple Styles

Step 5: To continue creating text shadows in photoshop, right click on the newly adjusted layer then select > Rasterize Type to change the layer 's format to Graphic .

Create Text Shadows In Photoshop With Two Simple Styles

Step 6: Click the Add Vector mask icon to create a mask above this layer.

Create Text Shadows In Photoshop With Two Simple Styles

Step 7: Click on the Add Vector mask area of ​​the layer copy , then select the Gradient Tool (shortcut is G) to fill the text color. Hold and drag the mouse on this layer from bottom to top. Note, to keep the gradient direction straight, remember to hold shift when manipulating!

Create Text Shadows In Photoshop With Two Simple Styles

Step 8: Adjust the Opacity opacity for the newly created layer, the Opacity is about 60% for a more natural image.

So after 8 steps, we have created a simple text shadow effect with tools in photoshop.

Create Text Shadows In Photoshop With Two Simple Styles

Create short shadows

Step 1: To create a text shadow in photoshop with a short shadow. First you need to create a new document. Use the Type Tool to type the text that you want to create the effect on. In this example we will create a new document with dimensions of 600px by 600px and we will use the font UTM Facebook .

Create Text Shadows In Photoshop With Two Simple Styles

Step 2: Right click on the text layer > Then use Blending Option to create a shadow effect.

Create Text Shadows In Photoshop With Two Simple Styles

To get a short shadow choose Drop Shadow . After you have cast the shadow, go to the text layer and change the properties on the panel to the following parameters:

- Angle: let it be 135 degrees
- Distance: let it be 13px
- Spread: let it be 100%
- Size: let it be 5px

Create Text Shadows In Photoshop With Two Simple Styles

As a result we will have a small shadow after the text:

Create Text Shadows In Photoshop With Two Simple Styles

Long shadow

Step 1: To create a text shadow in photoshop with a long shadow. First you need to create a new document. Use the Type Tool to type the text that you want to create the effect on. In this example we will create a new document with dimensions of 600px by 600px and we will use the font UTM Facebook .

Step 2: Right click on the text layer > Then use Blending Option to create a shadow effect.

To get a long shadow, on the Layer Style panel , choose Stroke and Drop Shadow . In this case we will keep the stroke color the same color as the shadow color.

Create Text Shadows In Photoshop With Two Simple Styles

Now we will get the result:

Create Text Shadows In Photoshop With Two Simple Styles

Step 3: Next, to add another Drop Shadow by clicking the fx icon at the bottom of the Layer Style panel .

Create Text Shadows In Photoshop With Two Simple Styles

Select on Drop Shadow, now you will create a new shadow effect for your text layer .

Create Text Shadows In Photoshop With Two Simple Styles

Choose a new style and adjust the Distance property . You should increase the Distance slightly from the first Drop Shadow . Here we will leave it at 7px.

Continuing like this, add a Drop Shadow and adjust the Distance as above.

Now we will create a text shadow in photoshop with an extra long shadow by combining all the shadows placed into a single layer. You can also use the Layer Group feature to add additional Drop Shadows . Place the text layer into the Layer Group.

When adding a Drop Shadow to a Layer Group, some settings will need to be adjusted to match the color and style of the previous shadow. Also, you must set the drop shadow so that it appears as a continuation of the previous layer styles.

Create Text Shadows In Photoshop With Two Simple Styles

The result will be as follows:

Create Text Shadows In Photoshop With Two Simple Styles

So with a few simple steps, you can create text shadows in Photoshop , apply to be creative with the method you just learned. If you're interested in Photoshop, stay tuned for more of our group's posts!

You can refer to the following minimum configuration for Photoshop design: 

Configuration for Designer: HHPC GAMING - INTEL CORE i3 10100 | 16G RAM | GTX 1050Ti 

- MAINBOARD: GIGABYTE H410M-H
- CPU: INTEL CORE i3 10100 up to 4.3G | 4 CORE | 8 THREAD
- DISPLAY: JONSBO CR-1000 RGB
- RAM: COLORFUL BATTLE AX 16GB BUS 3000 DDR4 (1x16GB)
- VGA: NVIDIA GTX 1050Ti 4GB GDDR5
- SSD: GIGABYTE SSD 240G SATA III
- HDD: CUSTOMER OPTIONS 
- SOURCE: COOLERMASTER PC700 700W
- CASE: JETEK KAMADO ( NO FANS )

If you have any needs as well as answers to questions about photoshop, please contact  WebTech360 for more advice.

Sign up and earn $1000 a day ⋙

Leave a Comment

3 Extremely Effective Ways to Fix Dead Laptop Battery

3 Extremely Effective Ways to Fix Dead Laptop Battery

Your computer is always running out of battery and cannot be recharged, the computer has a damaged battery. Join WebTech360 to learn about how to fix a dead laptop battery!

5 Ways To Fix MSVCP140.Dll Is Missing Error On Windows 10, 7 Simple And Fast

5 Ways To Fix MSVCP140.Dll Is Missing Error On Windows 10, 7 Simple And Fast

To know how to handle it at home, read WebTech360's sharing on how to fix MSVCP140.Dll Is Missing on Windows 10.7.

Instructions for Cleaning Computer Mouse Correctly

Instructions for Cleaning Computer Mouse Correctly

To answer the question, does a computer mouse need cleaning? and know how to properly clean? Please refer to the article shared by WebTech360!

Instructions for Fixing Api-Ms-Win-Crt-Runtime-L1-1-0.Dll Error On Windows

Instructions for Fixing Api-Ms-Win-Crt-Runtime-L1-1-0.Dll Error On Windows

When using a computer, you will experience interruptions in opening a program on Windows. Let's help WebTech360 fix api-ms-win-crt-runtime-l1-1-0.dll error on Windows

Top 5 Professional, Free MP3 Cutter Software 2023

Top 5 Professional, Free MP3 Cutter Software 2023

5 professional and free MP3 cutting software in this article will be a powerful support tool for you to edit audio files perfectly.

Top 5 Best Free CD, DVD, Blu-Ray Burning Software 2023

Top 5 Best Free CD, DVD, Blu-Ray Burning Software 2023

With a comprehensive article on free CD, DVD, Blu-ray burning software, the best 2021 will definitely not disappoint you.

Top 5 Best Free Folder Lock Software 2023

Top 5 Best Free Folder Lock Software 2023

If you want the data on your computer to be secure, you can't ignore the top 5 best free folder lock software in this article.

A Guide To Self-Taught Basic Graphic Design From A - Z

A Guide To Self-Taught Basic Graphic Design From A - Z

Many of you want to become a designer but don't know where to start. This article will guide you to learn basic graphic design by yourself.

The Secret To Conquering How To Draw Perfect Lines And Curves In Photoshop

The Secret To Conquering How To Draw Perfect Lines And Curves In Photoshop

Adobe Photoshop software gives us two great tools Line Tool and Pen Tool to draw lines and curves become precise and simple.

5 Ways To Merge Layers In Photoshop In Just One Note

5 Ways To Merge Layers In Photoshop In Just One Note

You are familiar with Photoshop but do not know how to combine layers. Follow along with 5 ways to combine layers in Photoshop below.

Share 5 Super Fast Ways to Copy Layers in Photoshop for Users

Share 5 Super Fast Ways to Copy Layers in Photoshop for Users

Copying layers is a basic function that Photoshop users need to master in order to master the layer tool. The article will guide you to copy layers very quickly in Photoshop.

4 Simple Steps to Create Text Borders in Photoshop

4 Simple Steps to Create Text Borders in Photoshop

How to use border creation through Photoshop software, WebTech360 would like to share with you how to create text borders in Photoshop, very simple.

How To Draw Arrows In Photoshop With 3 Simple Tools

How To Draw Arrows In Photoshop With 3 Simple Tools

With the article on how to draw arrows in Photoshop with these 5 simple tools, you will easily draw arrows as you want.

Instructions to Check Your Google Chrome Runs 64 or 32 Bit

Instructions to Check Your Google Chrome Runs 64 or 32 Bit

Are you wondering if the version of Chrome you're running is 32-bit or 64-bit? If it's 32 bit, will it affect the speed?

Instructions for creating green ticks for Facebook

Instructions for creating green ticks for Facebook

Step-by-step guide on how to create a green tick for Facebook. Learn how to verify your account and gain credibility with the green verification mark.

How to download Torrent files on Mozilla Firefox

How to download Torrent files on Mozilla Firefox

Learn how to download torrent files directly using the Firefox web browser with the Torrent Tornado add-on. Simple steps for effective torrent downloading.

How To View Someone Else’s TikTok Followers

How To View Someone Else’s TikTok Followers

Learn how to view someone else’s TikTok followers, both on public and private accounts. Discover effective methods to access follower counts and improve your TikTok strategy.

Instructions to login to Facebook by Email

Instructions to login to Facebook by Email

Learn how to login to Facebook using your email, phone number, or even QR Code authentication without entering a password.

How To Stop An Echo In Parsec

How To Stop An Echo In Parsec

Learn how to stop echo during your Parsec streaming sessions with effective solutions. Echo is a common issue that disrupts communication in games, and we provide proven methods to eliminate it.

How to change your avatar and cover photo Zalo

How to change your avatar and cover photo Zalo

Discover how to change your avatar and cover photo on Zalo to express your personality. Follow our easy guide and optimize your Zalo profile image.

How to mark close friends on Zalo

How to mark close friends on Zalo

Learn how to manage your relationships on Zalo by marking close friends, similar to Instagram. This feature allows easy access to frequently contacted individuals.

Send screenshots super fast via Viber on Windows

Send screenshots super fast via Viber on Windows

Learn how to send screenshots via Viber quickly and without saving them. This guide provides step-by-step instructions to enhance your messaging experience.

Instructions to restore deleted messages on Zalo

Instructions to restore deleted messages on Zalo

Learn how to easily restore deleted messages on Zalo with our step-by-step instructions. Quickly recover your important chats on this popular messaging app.

Instructions to install background music for your personal page on Zalo

Instructions to install background music for your personal page on Zalo

Discover how to easily add background music to your personal Zalo page with our comprehensive guide on using Zalo for Android and iOS devices.

How To Find The Last Raider In Minecraft

How To Find The Last Raider In Minecraft

If you’ve ever found yourself at the end of a Minecraft raid, searching for the last raider to eliminate, you’re not alone. Many players have faced this challenge.

How to completely remove Coc Coc browser on your computer

How to completely remove Coc Coc browser on your computer

Learn how to uninstall Coc Coc browser completely from your computer, ensuring all data is removed. Follow these simple steps for an effective uninstallation.

How to use the Toshiba AW-A800SV washing machine control panel

How to use the Toshiba AW-A800SV washing machine control panel

Discover how to effectively use the Toshiba AW-A800SV washing machine control panel with our detailed guide!

How to use the emergency feature on Samsung Galaxy Watch and other smartwatches

How to use the emergency feature on Samsung Galaxy Watch and other smartwatches

Discover how to effectively use emergency features on Samsung Galaxy Watch and other smartwatches, including SOS alerts, fall detection, and health records.

Share personal QR code on Zalo

Share personal QR code on Zalo

Discover how to effectively <strong>share QR code on Zalo</strong>. QR codes enhance connectivity, enabling easy friend requests and more on Zalo.