Make text cut from newspapers in Photoshop

In this tutorial, you will learn how using a variety of fonts, shapes, textures and brushes to create a text effect in the form of cut newspaper fragments in Photoshop. Let’s start!

I was inspired to create this effect by the layer styles available on GraphicRiver.

1. Create the background and text layers.

Step 1

Create a new document with a size of 1000 x 1000 pixels, at the bottom of the layers panel click on the button Create new fill or adjustment layer (Create a new fill or adjustment layer), select Solid Color (Color) and set the color to # f6f6f6.

Step 2

We write the text. Each letter must be on a separate layer. For each layer, we use our own font and size. The color should be one for all – # 565656.

Each letter is added to the group (in the title we write the same letter), then each word is grouped into a separate group.

Step 3

After that, next to each letter on the left or right, we need to add additional letters to make the final result more realistic, since newspapers usually do not use text with a large distance between characters.

2. Add shapes and text blocks.

Step 1

Take Rectangle Tool (U) (Rectangle) and under any group of letters draw a line.

If you add additional details to the text, then add the text layer and the layers with the details to the new group within the group with the letter.

As a result, we will have a structure with folders nested in each other. This will keep the layer panel in order and not get confused while working.

Step 2

To add a block of text under any letter, take Type Tool (T) (Text), click and drag with the left mouse button to create a frame under the desired letter, then go Type – Paste Lorem Ipsum (Text – Paste Lorem Ipsum).

Customize the appearance of the text and choose any font and size.

Step 3

If you want to add blocks of text under other letters, then delete some of the text so that it does not repeat.

Step 4

We can also add dark rectangles under the letters. For this we use Rectangle Tool (U) (Rectangle). Fill the rectangles with the color # 565656, and the text – #ececec.

3. Add masks

Step 1

Take the Lasso Tool (L) (Lasso), select the group with the letter and draw a selection around the main letter, which is in the name of the group.

Try to draw a selection in the shape of a torn piece of paper.

Here we will need the letters that we added next to the main ones. This will give the effect of realism.

Step 2

After creating the selection, at the bottom of the layers panel, click on the button Add layer mask (Add layer mask).

Step 3

Repeat the first two steps and add a mask for the other groups with letters. If necessary, you can edit the mask at any time, so do not worry if you did not get a beautiful selection the first time.

4. Add paper texture

Step 1

Place the grainy texture of the paper in the bottom of the group with the first letter and, if necessary, adjust the size.

Step 2

Change the blending mode of the layer or group above the paper texture to Linear Burn (Line dimmer).

Step 3

Duplicate (Ctrl + J) the paper texture layer and add a copy to the next group with the letter. Repeat the process until we fill all the shreds with the texture.

Step 4

If after adding a mask you want to move the contents of the group, then first you need to detach the mask from the layer by clicking on the icon with the chain between them. Then move the layers and then re-associate the mask and layer.

5. Add the texture of crumpled paper.

Step 1

At the top of the group with the first letter we insert the texture of paper 1, adjust its size and change the blending mode to Multiply (Multiplication).

Step 2

Duplicate the texture and add it to the other groups.

6. Create a brush in the form of torn edges.

Take Brush Tool (B) (Brush) and open the panel Window – Brush (Window – Brush).

Select a 23 pixel Chalk brush and customize it:

Brush Tip Shape (Brush print form)

Shape Dynamics (Dynamics of the form)

7. Create a work path from the selection.

Step 1

Hold down the Ctrl key and click on the thumbnail of the group mask with the first letter to load its selection.

Step 2

Open the panel Window – Paths (Window – Outlines) and at the bottom we press the button Make work path from selection (Create a work path from the selected area).

8. Perform outline stroke.

Step 1

Make sure the tool Brush Tool (B) (Brush) is active and the brush created above is selected. Then we check that the group mask with the first letter is highlighted and set the foreground color to black.

Step 2

We press the Enter key to automatically draw a brush around the contour and add the effect of dangling edges.

Step 3

Repeat the process for the remaining letters.

When finished, take Direct Selection Tool (A) (Partial selection) and last click on the Enter key to remove the path.

9. Add white ragged edges.

Step 1

To make the result look more realistic, we will add white edges along the contour of the scraps of paper.

Insert paper texture 2 under the group with the first letter. At the same time make sure that the layer is just under the group, and not inside it.

Step 2

Hold down the Alt key, grab the group mask and drag it to the paper texture layer 2 to copy.

Step 3

Take Move Tool (V) (Move) and use the arrows on the keyboard to the right and down to shift the paper texture 2 so that it looks out from under the piece of paper.

Step 4

Repeat the action with the addition of textures for the remaining letters.

10. Add a shadow

Step 1

Double click on the paper texture 2 we added for the first letter and apply the layer style Drop Shadow (Shadow) with the following parameters:

  • Opacity (Opacity): 35%
  • Distance (Offset): 3
  • Size (Size): 7

Step 2

We right-click on the layer to which we applied the shadow, select Copy Layer Style (Copy layer style), select all the other layers with paper texture 2, right-click on them and select Paste Layer Style (Paste layer style).

11. Add a translucent effect.

Step 1

To add the effect of translucent paper, add a block with the text Lorem Ipsum in the upper part of the group with a letter.

Step 2

Move on Edit – Transform – Flip Horizontal (Editing – Transformation – Flip Horizontally) and reduce Opacity (opacity) layer up to 10%.

Repeat the process for other letters.

12. Transform fragments with letters

Step 1

Before the transformation of the fragments, we add a red and blue fill for some letters and pieces of paper to make the result look more attractive. For red, use shade # d66161, and for blue – # 6a8ebc.

Step 2

Next, we transform some fragments to give the text effect dynamics.

Select the group with the letter and the layer with the paper texture 2, press Ctrl + T to activate the free transformation mode.

If you immediately try to edit a fragment with a letter, the transformation will take place in a slightly strange way. This is due to the fact that the paper texture is quite large, and the reference point, relative to which the transformation occurs, is not in the center of the letter.

To fix this, hold down the Alt key and move the anchor point to the center of the letter.

Step 3

Move, rotate and adjust the size of the letter. When finished, press the Enter key to apply the transformation.

Step 4

Repeat the process to transform the remaining letters.

13. Add a background.

Step 1

Above the layer Solid Color (Color) add a copy of the paper texture 2, adjust its size and reduce the opacity to 50%.

Step 2

Keep in mind that at any time you can customize fonts, sizes and edit the masks of each letter.

Congratulations, we are done!

At the beginning of the lesson, we created many text layers using different fonts and sizes. Then we grouped all the letters and added some paper textures.

We also created pieces of paper, added blocks with the text Lorem Ipsum and created a special brush to create a torn edge effect.

In the end, we changed the color of some elements and applied a transformation to make the result look more realistic.

Feel free to leave comments, suggestions and share the results.

Like this post? Please share to your friends: