By Design Bundles
16 Apr 2018
4 Mins

Sliced Text in Photoshop

For this tutorial, you will need the “Image” or “Pattern” of Paper to use as “Background”

1 - In Photoshop, create a “New Document”.

2 - Click on the “Create a New Fill or Adjustment Layer” button at the bottom of the “Layers” Panel and choose “Pattern”, select the Pattern of your choice and click “Ok” (or place the Image you chose).

3 - Create a second “Fill or Adjustment Layer” but this time choose “Gradient”. Use a “Linear” Gradient going from Black to Transparent to Black with a 95° Angle. Change the “Blending Mode” to “Soft Light”.

4 - Select the “Type Tool” (T), use Black as “Fill” color and type your text. Then, right-click on its thumbnail and “Rasterize Type” (remember that after this you won’t be able to modify your text).

5 - Select the “Polygonal Lasso Tool” (L) and make a selection of a portion of your text and background making a “Cut” of your text. Go to the “Paths” Panel and create a “Work Path” by clicking on the small button at the bottom of the Panel. Double-click in top of its thumbnail to save the “Path” and name it “Cut”.

6 - Click on the “Load Path as Selection” button at the bottom of the “Paths” panel to make the selection again and go back to your Text Layer in the “Layers” Panel. “Cut” (Command/Control + X) that portion of the text and then “Paste in Place” (Shift + Command/Control + V). Name them “Up” and “Down”.

7 - Select your two “Adjustment Layers”, right-click on top of their thumbnails and choose “Merge Layers”. Then “Duplicate” (Command/Control + J) the resulting layer.

8 - Make a selection of your “Cut” Path like in “Step 6”, go back to your duplicate layer and click on the “Add Layer Mask” button at the bottom of the “Layers” Panel.

9 - Select your Masked Layer and the “Down” Text Layer and using the “Move Tool” (V) move them a bit down and to the side.

10 - Double-click on the Masked Layer and apply the following “Layer Styles”:

Drop Shadow:

11 - Right-click on top of the “Drop Shadow” Effect and choose “Create Layer”, click “Ok” in the Pop-up window. Then, select the “Eraser Tool” with a “Size” of 50 Pixels and a “Hardness” of 50% and erase some portions of the “Shadow” to achieve the look ok a partially cut paper and text.

12 - Final result.

by @lornacane

6 Related Photoshop Tutorials

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

Sliced Text in Illustrator

We have several tutorials on creating different text designs, but today, we’ll show you how to create sliced text in Illustrator. This tutorial will cover dividing the text into pieces and moving them, arranging the layers in the correct order, applying an effect to make it look more realistic, ...

Hologram Text Effect in Photoshop

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

Rainbow Cake Text Effect in Photoshop

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

Watercolor Text Effect in Photoshop

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...