PFRE-Logo-white-bg
Reading
blue-triangle-element

Articles

PFRE is the original online resource for real estate and interior photographers. Since 2006, it has been a community hub where like-minded professionals from around the world gather to share information with a common goal of improving their work and advancing their business. With thousands of articles, covering hundreds of topics, PFRE offers the most robust collection of educational material in our field. The history of real estate photography has been documented within these pages.
All Articles
blue-triangle-element

Latest

Image banner for the November 2023 PFRE Photographer of the Month Winner Javier Sotomayor, with a featured image of his winning photo titled "Open"

Congratulations to Javier Sotomayor, November 2023 PFRE Photographer of the Month! The theme this month was "Open." Javier Sotomayor - Entry #879 Dave Koch - Entry #877 Peter Wingfield - Entry #874 Here's what Javier has to say: Hello First of all I wa ...

Contest
blue-triangle-element

OVERVIEW

For over a decade, photographers from around the world have participated in PFRE’s monthly photography contests, culminating in the year-end crowning of PFRE’s Photographer of the Year. With a new theme each month and commentary offered by some of the finest real estate & interior photographers anywhere, these contests offer a fun, competitive environment with rich learning opportunities. 

Contest Rules
blue-triangle-element

CURRENT CONTESTS

View / Submit
blue-triangle-element

PAST CONTESTS

View Archive
Resources
blue-triangle-element

Resources

PFRE prides itself on the depth and breadth of the information and professional development resources it makes available to our community. Our goal is to help real estate and interior photographers be successful while bringing the community together and elevating the industry as a whole.
blue-triangle-element

Conference News

No items found

How to Add Shadows to Text in Photoshop

Published: 10/05/2023

As an Amazon Associate we earn from qualifying purchases.

You might need to add text descriptions to draw the viewers to the subject featured in the real estate photo. Learning how to add shadows to text in Photoshop can help you create a sense of depth and dimensionality in the text, making it appear more three-dimensional and less flat.

How to Add Shadows to Text in Photoshop

Text can provide additional information about a real estates photo, such as location and date. Depending on the photo's background, adding shadows behind the text can contrast the text and the background, making it easier to read.

The following tips can help you add shadows to text in Photoshop, enhancing its readability and making it stand out more against the background.

Create a Text Layer

A text layer is a type of layer in Photoshop that contains text elements, just like a Microsoft Word document. This allows you to format the text using various font styles, sizes, colors, and effects.

Select the Text tool from the toolbar on the left-hand side of the screen.

Click anywhere on the canvas if you are working with a new document, or click on the image if adding text to a photo. Enter the text you want to add in the Text tool’s options bar at the top of the screen and adjust the font type, size, and color.

Once done, press the Enter key or click the checkmark icon in the options bar to confirm the text. Usually, your new text layer will appear in the Layers panel on the right-hand side of the screen. You can adjust the layer’s position, opacity, and blending options using the settings in this panel.

Using the Text tool to edit an image of a white house with a brown roof and two brown garage doors

Duplicate the Layer

Duplicating a layer allows you to change a separate copy of the original layer without affecting the original layer. This means you can experiment with different edits and revert to the original layer if needed. In the Layers panel, select the Text Layer you created.

Go to the Layer menu at the top of the screen and select Duplicate Layer. Alternatively, you can right-click the layer and select Duplicate Layer from the context menu. Usually, the duplicate will appear directly above the original Text layer in the panel.

Another way to quickly duplicate the Text layer is to hold down the Alt key on Windows or the Option key on Mac while dragging the layer to a new position in the Layers panel. This will automatically create a copy of the layer in the new location.

Duplicating a layer in Photoshop CC

Add the Layer Effects

Layer effects are special effects you can use to add depth and dimension to your text. With the Text layer highlighted, click on the Layer Style button (fx) and click on Drop Shadow from the menu that appears.

Alternatively, you can add a shadow by going to Layer, choosing Layer Style, and then selecting Drop Shadow. You can then adjust the following settings to enhance the positioning and looks.

  • Blend Mode: The blend mode determines how the shadow blends with the layer beneath it. The default blend mode is Multiply, which creates a dark shadow effect.
  • Opacity: The opacity setting determines the transparency of the shadow.
  • Angle: The angle determines the direction of the light source. If your text describes a real estate interior photo, you can adjust the angle to make the shadow rhyme with the shadows of the subject featured in the image, depending on the location of the interior lighting bulbs.
  • Distance: The distance is how far the shadow is from the text. A higher distance creates a more spread-out shadow, while a lower distance creates a closer shadow.
  • Spread: The spread determines the width of the shadow. A higher spread makes the shadow wider.
  • Size: As you can tell, the size determines the size of the shadow, whereby a larger size makes the shadow softer and more diffuse.
  • Noise: If the text is on a photo taken in poorly lit interiors with high ISO, you want shadows on the text to have the same image noise as the shadows on the photo. You can adjust the noise setting to mimic this appearance.
The Layer Style panel in Adobe Photoshop CC

Save the Document

After making the adjustments, click OK to save the changes and exit the window. To export the Text Layer as a separate image, go to File, choose Export, and click on Export As.

Select the desired file format for the exported image, such as PNG or JPEG, choose a file name and location for the exported image, and finally, click Save.

Saving an edited image of a white house with a brown roof and two brown garage doors in Photoshop CC

How to Add Long Shadows on Your Text

If you want to add longer shadows, the drop shadow method above might not work. However, you can create long shadows by creating copies of the text layer and then adjusting their angles using the following steps.

Change the Color of the Bottom Layer

Create a duplicate layer using the above steps and change the color of the bottom text layer by clicking on the Text Color icon in the Properties Panel and choosing a color from the color picker window that appears.

If it’s an image, hold down the Command key on Mac or the Control key on Windows, and click on the layer thumbnail. This will convert the image into a selection, which you can fill with a solid color. Navigate to the toolbar, select the foreground color, and pick your preferred color from the palette.

Hit Alt + Delete on Windows or Option + Delete on Mac to apply the foreground color to the active selection. Then press Command + D on Mac or Control + D on Windows to deselect the image layer.

The Color Picker window changes the color of the text in the image of a white house with a brown roof and two brown garage doors

Change the Angle of the Text

Highlight the underlying layer and press Command + T on Mac or Control + T on Windows to open the transform tool. In the rotation text box, enter the degrees you would like your long shadows to be transformed to, such as 30 degrees.

With the angled layer selected, press the V key on your keyboard to pick the Move tool, and then press and hold the Option + Up Arrow key on Mac or Alt + Up Arrow key on Windows to continuously duplicate the layer, up to around 100 times.

Adding text with shadows to an image of a white house with a brown roof and two brown garage doors in Photoshop CC

Adjust the Shadow

Click on the topmost layer, scroll down to the bottom layer, hold down the Shift key, and click on the bottom layer to highlight all of them. Press Control + E on a Windows PC or Command + E if you use a Mac to merge all the layers.

Hit Control + T on Windows or Command + T on Mac to open the transform tool, and then enter the negative of the initial angle entered. In this case, enter -30 degrees. This makes the shadow match your text or photo. You can also fine-tune the positioning using the Move tool.

White house with brown roof and two brown garage doors

Related Questions

Can I Remove Text Shadows in Photoshop?

Yes, you can remove shadows from a text in Photoshop by selecting the text layer and going to Layer Style, choosing Drop Shadow, and then unchecking the Drop Shadow box.

Can I Change the Drop Shadow Color in Photoshop?

Yes, you can change the drop shadow color in Photoshop by opening the Drop Shadow dialog box, clicking on the color swatch, choosing a new color from the color picker, or using the eyedropper tool to sample a color from the image.

Is Text Shadow the Same as Text Outline?

No, shadow on text is a visual effect that adds a shadow behind the text, giving the appearance of depth and dimensionality to the text. In contrast, a text outline is a feature that adds a border or strokes around the edges of the text.

Final Thoughts

Knowing how to add shadows to text in Photoshop can help make your text descriptions visually pleasing and more polished. Generally, you can add shadows using the drop shadow technique under the layer filters or manually by creating angled text layers.

Vendors

Rela Logo
CS6 PSE Logo
HD Photo Hub Logo
FullFrame Logo

Learning Topics

.
magnifiercrossmenucross-circle