Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
  • By Design Bundles
  • 15 Jan 2020
  • 8 Mins
  • Photoshop Tutorials

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 size will depend on the word you are typing.


3 - Center the text by selecting both Layers (“Shift” key) and clicking the “Align Vertical and Horizontal Centers” buttons on the Top Menu.


4 - Select the “Text” layer thumbnail and make a “Duplicate” (Command/Control + J). Name the Duplicate “Text Down” and place it under the original “Text”


5 - Right-click on top of the “Text” Layer thumbnail and “Convert to Smart Object”. This way, you can change your text without losing the effect.


6 - Change the “Fill” of both “Text” Layers to 0%.

7 - Select the “Text” layer thumbnail and make four (4) more “Duplicates” (Command/Control + J). Name the Duplicate “Effect 1 to 4” and place them under the original “Text” Layer. Repeat with the “Text Down” Layer.


8 - Select the “Text” and its duplicate “Effect” Layers thumbnails and “Group” them together by dragging them to the Small Folder icon on the bottom of the “Layers Panel”. Name the group “Up”. Repeat with the “Text Down” Layer and its duplicate “Effect” layers. Name this group “Down”.


9 - Double-click on top of the “Text” layer Thumbnail (in the “Up” group) and apply the following “Layer Styles”:
Bevel & Emboss:

10 - Double-click on top of the “Effect 1” layer Thumbnail (in the “Up” group) and apply the following “Layer Styles”:
Drop Shadow: (#ffffff)

11 - Go to Filter > Blur > Gaussian Blur and use a “Radius” of 0.5 Pixels.


12 - Double-click on top of the “Effect 2” layer Thumbnail (in the “Up” group) and apply the following “Layer Styles”:
Drop Shadow: (#000000)

Go to Filter > Blur > Gaussian Blur and use a “Radius” of 0.5 Pixels.

13 - Double-click on top of the “Effect 3” layer Thumbnail (in the “Up” group) and apply the following “Layer Styles”:
Bevel & Emboss:

Texture: (Grey Granite)

Color Overlay: (#ffffff)

Gradient Overlay: (Foreground to Background)

Drop Shadow:

14 - Go to Filter > Blur > Gaussian Blur and use a “Radius” of 0.5 Pixels.


15 - Double-click on top of the “Effect 4” layer Thumbnail (in the “Up” group) and apply the following “Layer Styles”:
Bevel & Emboss:

Inner Shadow:

Drop Shadow:

Go to Filter > Blur > Gaussian Blur and use a “Radius” of 0.5 Pixels.

16 - “Hide” the “Up” group by clicking on the “Small Eye” icon on the left side of its thumbnail and open the “Down” group. Double-click on top of the “Text Down” layer Thumbnail (in the “Down” group) and apply the following “Layer Styles”:

Bevel & Emboss:

17 - Double-click on top of the “Effect 1” layer Thumbnail (in the “Down” group) and apply the following “Layer Styles”:
Bevel & Emboss:

Go to Filter > Blur > Gaussian Blur and use a “Radius” of 5 Pixels.

18 - Double-click on top of the “Effect 2” layer Thumbnail (in the “Down” group) and apply the following “Layer Styles”:
Bevel & Emboss:

Inner Shadow:

Drop Shadow:

Go to Filter > Blur > Gaussian Blur and use a “Radius” of 0.5 Pixels.

19 - Double-click on top of the “Effect 3” layer Thumbnail (in the “Down” group) and apply the following “Layer Styles”:
Bevel & Emboss:

Texture: (Grey Granite)

Inner Shadow:

Color Overlay: (#000000)

Gradient Overlay: (Foreground to Transparent)

Drop Shadow:

Go to Filter > Blur > Gaussian Blur and use a “Radius” of 0.5 Pixels.

20 - Double-click on top of the “Effect 4” layer Thumbnail (in the “Down” group) and apply the following “Layer Styles”:
Bevel & Emboss:

Inner Shadow:

Drop Shadow:

Go to Filter > Blur > Gaussian Blur and use a “Radius” of 0.5 Pixels.

21 - Check out your work! You can use one or both effects together to achieve different results.



* To modify your text, just double-click on the “Text” Layer or “Text Down” (it will open it in another “Document”) change the text and “Save”. You should see the changes on your original file.

by @lornacane


6 Related Photoshop Tutorials

1- Open canvas workspace.2- Click on the shape tool.3- Create a square.4- Reshape the square to the shape you would like your frame.5- Click on the text icon. Type your text.6- To change your font click on the font drop down box. I am using ...

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

1- Open scan and cut canvas. Click on the text icon.2-Type your text.3-Select your font. I am using Pumpinko font from Font Bundles.4- Adjust the character spacing so each letter is just overlapping.5- With the text selected, click on the weld process overlap. this will join ...

1- Open scan and cut canvas. Click on the shape icon.2- Pick the shape you would like to use for your pop up. You can use a shape or a welded word.3-  Next select a square.4- Place the square over the shape. You need the left and ...

1- Open canvas workspace.2- You can use the node tool to change previously saved designs and text. to import your design, go to File - Import from your computer.3- Select your design.4- Your design will appear on the screen.5- Select the part of the design you ...

1- Open canvas workspace.2- Click on the shape icon. Select a circle.3- Click on the text icon.4- Type your text.5- Resize the circle to the curve you want your text. Place the text over the circle at the top. Select both the text and circle. Using ...

You may also like

Help Center
ol image