By Design Bundles
20 Mar 2019
3 Mins

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

Cut Out Text in Illustrator

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 ...

Up and Down Cut Cardboard Text in Photoshop

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 ...

Paper Cut Out Effect in Photoshop

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 ...

Rainbow Cake Text Effect in Photoshop 3D Text

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Watercolor Text Effect in Photoshop (Part 2)

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 ...

How to Fill text in Brother scan and cut canvas workspace with the foil quill

*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, ...