Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Easy See through Cut Out Text in Photoshop
  • By Design Bundles
  • 3 Mins
  • Photoshop Tutorials

Easy See through Cut Out Text in Photoshop

Create a see-through cut out text design in Photoshop with these easy to follow steps.

In today's tutorial we will show you how to create a see-through cut out text in Photoshop. This is a great way to impact in your projects including logos, social media and websites.

You will need an image to use as “Background”. You are welcome to browse through the Commercial Use Photos on Design Bundles for options. Better yet, why not check out the Free Design resources section!

1 - In Photoshop, open the Image you chose as “Background”.

2 - Select the “Rectangle Tool” (U). In the “Top Menu” choose White as “Fill” color.

3 - Make a rectangle that covers almost all the length of the image and has approximately 1000 pixels in “Height”.

4 - Select the “Type Tool” (T), choose your font (we used Myriad Pro Bold Italic) and type your text. It should be 950 px tall and it should fill almost the entire length of the rectangle.

5 - You may need to change the “Tracking” value in the “Character Panel”.

6 - Double-click on top of the “Text Layer” thumbnail to open the “Layer Styles” and in the “Advanced Blending” tab choose “Shallow” as the “Knockout” option. Lower the “Fill Opacity” to 0%.

7 - Select both the “Text” and “Shape” Layers and “Group” them together by clicking on the small “Folder” icon at the bottom of the “Layers Panel”.

8 - Make sure that the “Background” Layer is selected and create a “New Gradient Map Adjustment Layer” in the “Adjustments Panel”. Click on top of the “Gradient” on the “Properties Panel” to open the “Gradient Editor” and choose one of the Presets or create a Custom Gradient yourself (we chose Violet, Orange).

9 - Select the “Background” Layer again, head back to the “Adjustments Panel” and create a “New Color Lookup Adjustment Layer”. Use “Crisp_Warm.look” as “3DLUT File”.

10 - You can use one or both the “Adjustment Layers” or experiment with other treatments if you want.

by @lornacane


6 Related Photoshop Tutorials

For this Tutorial, we will use Barbaro Free Font from Iv·n N˙Òez.1 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” (M) and draw a rectangle covering the entire document. Choose white as “Fill” color and no “Stroke”. Then lock the rectangle by first clicking ...

For this tutorial, we are using the font “Reybro” from Font Bundles and some mandala vectors.1 – In Photoshop create a “New Document” and make it 3000 x 3000 pixels, 300 dpi, RGB Mode and use White as “Background” Color.2 – Double-click on the “Background” to make it editable and then double-click on the layer ...

1 – In Photoshop, create a New Document. Make it around 2500 pixels per side, and depending on the use you want to give to your artwork choose the “Resolution” and the “Color Mode”. (If you are only going to use it for screen viewing use 72 dpi and RGB as “Color Mode”, but ...

For this tutorial, we will use a “Cardboard” Texture as Background and “Maskoolin” Free Font from Fontbundles.net.1 - In Photoshop, open the image you chose as “Background”.2 - Select the “Type Tool” (T), choose your font and type your text. You can use any color as “Fill” color. The ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

*CM900 used.1- Open canvas workspace. Click on the text icon.2- Type your text.3- Change your font. I am using Garlic butter font from Font Bundles.4- If any letters are overlapping, click on the weld tool. Once all welded, click on offset.5- In the offset window, ...

You may also like

Help Center
ol image