Cutout or Punched out Text Effect in Photoshop Elements GA S REGULAR Menu Lifewire Tech for Humans Newsletter! Search Close GO Software & Apps > Design

Cutout Text Effect in Photoshop Elements

Add depth and dimension to text in Photoshop

By Sue Chastain Sue Chastain Writer St. Petersburg College Sue Chastain is a former Lifewire writer and a graphics software authority with web design and print publishing credentials. She's also skilled in WordPress administration. lifewire's editorial guidelines Updated on September 11, 2020 Tweet Share Email Tweet Share Email Design Graphic Design Photoshop Animation & Video 3D Design With Photoshop, you can apply multiple effects to shapes and photos. But you can also use some of these same tools with text because the program treats letters as more shapes you can modify. A cool effect you can create is a three-dimensional one in which text appears to be punched out of another service. Here's how to do it. These instructions apply to Photoshop Elements 15 and later and Photoshop CS5 and newer. Some menu items and commands may be different between versions. Pixabay

How to Create a Text Cutout in Photoshop

The general process of cutting out letters in Photoshop is to create the text and then delete it so that a lower layer shows through. Here's what to do. Create a new document in Photoshop. Make a new layer solid color fill layer by going to Layer > New Fill Layer > Solid Color. Type a name for the new layer in the Name text field and click OK. You don't have to name the new layer, but it might make it easier to keep track of it. Choose a color for the new layer and click OK. Select the Horizontal Type Mask tool by clicking the Text tool and then clicking the type mask tool in the toolbox. Depending on your design, you might want to use the Vertical Type Mask Tool instead. You can also use the keyboard shortcut T to select the Text tool and press Shift+T to cycle through the different options. Click inside the document and type some text. Highlight the text to select it and choose a bold font and a large font size. When you're happy with the type selection, click the checkmark or press Enter/Return to apply it. Press delete on the keyboard to "punch out" the text selection from the top layer, then Deselect or use the keyboard command Ctrl+D. If you get an error message when you try to delete the selection, make sure the fill layer isn't locked and that you've selected the "mask" section (the square on the right side of the layer). To complete the effect, add a drop shadow to the text layer. Select the fill layer, and then click the Effects menu at the bottom of the layers window and select Drop Shadow. You can also find this option by going to Layer > Layer Style > Drop Shadow. Adjust the settings in the menu to achieve the effect you want. Click OK to continue. The objective of a Drop Shadow is to show elevation. In this case, the shadow will give the text an embossed effect. In either case, subtlety should be your goal. The higher the object casting the shadow is above a surface the larger and fainter (opacity) it is on the edges. In some versions of Photoshop, you can click and drag on the element in your document and move it around instead of using the sliders in the menu. The settings will adjust automatically. To make a different background color, select the Paint Bucket by clicking it in the tool menu or using the keyboard shortcut G. Click the Foreground Color to select a new color. Click OK to save. Select the Background Layer and click anywhere on the document with the Paint Bucket Tool to change the color. You've now completed the text punch-out effect. Was this page helpful? Thanks for letting us know! Get the Latest Tech News Delivered Every Day Subscribe Tell us why! Other Not enough details Hard to understand Submit More from Lifewire How to Change Background Color in Photoshop 10 Best Free Photo Editing Programs How to Apply Rubber Stamp Effects in Photoshop Elements 8 Creating and Using Custom Brushes in Photoshop Elements How to Make a Pattern in Photoshop Greeting Card Template and Instructions for Adobe Photoshop How to Create the Out of Bounds Effect in Photoshop How to Use the Photoshop Background Eraser Tool How to Make a Torn Paper Edge in GIMP How to Make Digital Washi Tape in Photoshop or Elements Tutorial to Add Fake Rain to a Photo in GIMP How to Outline Text in Photoshop How to Make a GIF in Photoshop How to Use Photoshop's Dodge, Burn and Sponge Tools How to Put Text on an Image in Photoshop How to Make Rubber Stamp Effects in Paint.NET Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up Newsletter Sign Up By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Cookies Settings Accept All Cookies