Cut the text out of cardboard in Photoshop

Deforming objects is an amazing way to create beautiful and realistic effects. In this tutorial, I will show you how to use shapes, smart objects, textures, layer styles, and brushes to create simple stencilled text. Next, we apply the command Deformation (Warp) to give our text a final look, and also add some depth. So let’s get started!

Download the source materials for the lesson

You will also need to load a set of standard brushes in Photoshop. Let’s go Editing – Manage Sets (Edit> Presets> Preset Manager), in the drop-down box Type of set (Preset Type), select the option Brushes (Brushes). Next, click on the small icon in the upper right corner and in the drop-down menu, select the Square Brushes brush. When the dialog box appears, just click To add (Append), so you load the Square Brushes brush set.

Final result

1. Create the Back Background

Step one

Create a new document with the following dimensions 909 x 620 px, set Resolution (Resolution) 200.

Open the cardboard texture, move this texture to our working paper, placing it on top of the layer with the background. Apply scaling if necessary, and then merge the layer with the cardboard texture and the layer with the background. Next, duplicate the merged layer, and then go Filter – Convert to Smart Filters (Filter> Convert for Smart Filters).

Step 2

Press the button Create a new adjustment or fill layer (Create new fill or adjustment layer) in the lower toolbar and in the window that appears, select the option Levels (Levels).

Step 3

Click icon Create clipping mask (Clip adjustment to layer) there in the bottom toolbar. In the level settings, set the value to 15 for Of shadows (Shadows).

Step 4

Next, add an adjustment layer. Color Balance (Color Balance). Also convert this adjustment layer to a clipping mask. In the settings for Medium tones (Midtones), set the following values ​​to -45, 0, and 2.

2. We create and lay out cardboard cards and text.

Step one

Choose a tool Rectangle (Rectangle Tool), create a rectangle with the following dimensions 140 x 200 px, the color of the rectangle is #edebdf.

Step 2

Next, select the tool Ellipse (Ellipse Tool), in the settings panel of this tool, select the option Subtract the figure area (Subtract Front Shape). Next, click the icon Geometric parameters (Geometry Options), select the option Preset size (Fixed Size) for W and H set to 7.

What you need to do is click on the rectangle and gently pull the mouse to create two holes in the top of the rectangle. You can also use guide lines to arrange circles on one line, but this is not necessary.

Step 3

Create text in capital letters, each letter should be on a separate layer, to create text, use the font Lintsec Regular, the font size is 43 pt, the font color is black.

Step four

Place the first letter layer below the rectangle layer you created. Rename the layer with the rectangle using the same name as the letter layer. Next, select both layers.

Choose a tool Move (Move Tool), in the settings of this tool, select the options Vertical distribution of centers (Align vertical centers), and Horizontal distribution of centers (Align horizontal centers).

Step five

Duplicate the rectangle layer, place the duplicate layer on top of another letter. Repeat all actions, for each letter create your own rectangle.

3. Cut letters and add shadows.

Step one

Select all layers with letters, then go Text – Convert to Shape (Type> Convert to Shape) or click on the selected layers and in the window that appears, select the option Convert to Shape (Convert to Shape).

Step 2

Next, select the letter layer and the rectangle layer. Let’s go Layer – Merge shapes – Subtract Shapes on Overlay (Layer> Combine Shapes> Subtract Shapes at Overlap). This action will merge both layers into one layer and cut the shape of the letter, creating a stencil from a rectangle.

Step 3

Repeat all steps for the remaining letters.

Step four

Duplicate each layer with a cut-out letter (Translator’s Note: stencil layer), place the duplicate layer below the original layer, then double click on the thumbnail of the duplicate layer to change the color to # afaba3.

Once you have changed the color, then convert each layer with a stencil into a smart object, to do this, right-click on the selected layer and in the window that appears, select the option Transform at Smart-an object (Convert to Smart Object). This will help to apply Transformation (Transforming) and Deformation (Warping) without damaging effects when editing.

Step five

For each duplicate layer with a stencil, apply a filter Gaussian blur (Gaussian Blur), for this we go Filter – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur). Set the blur radius 3.

Step 6

After Gaussian Blur, change the blending mode for duplicate layers (layers with a shadow) to Multiplication (Multiply) degree Opacity (Opacity) of layers of 85%.

So, we have completed the creation of stencils of letters, as well as layers with shadows.

4. Apply styling to the layers with stencils and distort the shadows.

Step 1

Double click on the layer with the first stencil of the letter to apply the layer styles. Apply layer style Overlapping pattern (Pattern Overlay). Set the following values:

Blend mode (Blend Mode): Multiplication (Multiply)
Opacity (Opacity): 50%
Pattern (Pattern): Soft wallpaper (Soft Wallpaper)

Step 2

Right-click on the layer to which you have already applied the layer style and in the appeared window select the option Copy layer style (Copy Layer Style). Next, select the remaining layers with stencils of letters, right-click on the selected layers and in the window that appears, select the option Paste style layer (Paste Layer Style). So we apply this layer style. Overlapping pattern (Pattern Overlay) to all remaining layers.

Step 3

Select the layer with the stencil and the layer with the shadow and then go Editing – Free Transformation (Edit> Free Transform). You can rotate, shift, apply scaling to selected layers, placing a stencil at your discretion. Press the (Enter) key to apply the changes. Do the same with the other letters until you are satisfied with their location.

Step four

Now, we will work with the shadow. Select the layer with the shadow and then go Editing – Transformation – Deformation (Edit> Transform> Warp) and play around with a little shadow, pulling the anchor points, as well as the guide lines.

Step 5

Do not rush to create shadows, do not be afraid to experiment with shadows, try several options until you are satisfied with the result. Press the (Enter) key to apply the changes.

Using Deformations (Warp) to create shadows instead of layer style Shadow (Drop Shadow) gives more control over the final result and helps us get the most realistic and interesting final effect.

5. Add a layer style gradient overlay.

Step 1

This step is selective. The created effect is subtle, however, it enhances the final light effect.

Double click the first letter pattern to apply the layer style. Gradient Overlay (Gradient Overlay). Apply a black and white gradient. Also set the other settings listed below:
Blend mode (Blend Mode): Soft light (Soft Light)
Opacity (Opacity): 10%
Angle (Angle): 20

Step 2

Apply the same effect to the other letters, but at the same time, try to change Angle (Angle) depending on the direction of the shadow created by the stencil. You can change the angle value in the parameter settings. Gradient Overlay (Gradient Overlay).

After applying the effect Gradient Overlay (Gradient Overlay) to all letters, the result should be as in the screenshot below:

6. Add texture to stencils

Step one

Open the grunge texture. Move this texture to our working paper, placing it on top of all other layers. Apply scaling if necessary.

Step 2

Hold the key (Ctrl + Shift) + click on the thumbnail of each layer with a stencil of the letter to load the active selection.

Step 3

Next, to the texture layer, add a layer mask through the bottom toolbar. This action uses the active selection to create a mask and apply a texture only to letter patterns.

Step four

Next, change the blending mode for the texture layer to Darkening basics (Color Burn), and also reduce the opacity of the layer to 25%.

7. Create a contour for the string

Step 1

Create a new layer on top of all other layers. Name this layer ‘little rope’. Choose a tool Pen (Pen Tool), in the settings of this tool, set the option Contours (Path).

Next, you need to do is to create a contour where you would like to thread the string. With the help of corner control points, you can create a curve. Do not forget that the contour created should not be perfect, therefore, at any time, you can use the tool Outline selection (Direct Selection Tool (A) for correcting anchor points or guide lines.

Step 2

The easiest way to create a contour is to click in the place where the contour starts, and then drag to the point where the contour to be created ends.

To create separate outlines, to do this, as soon as you have drawn the outline, press + hold the (Ctrl) key + click on the working document next to the outline that you have just drawn, so this will not allow you to connect to the next outline that you draw Further.

Once you have created the outlines, all the cardboard stencils should be interconnected.

8. Adjust the brush and stroke.

Step one

Set foreground color to # afaba2, select tool Brush (Brush Tool), then go to the bookmark Brushes (Brushes) Window – Brushes (Window> Brush). In settings Brush Print Form (Brush Tip Shape), set the following settings, which are shown in the screenshot below:

Step 2

Next, stroke the outline using the customized brush.

As an alternative to creating a stroke, you can choose a tool Outline selection (Direct Selection Tool (A), then click the right mouse button on the created contour and in the appeared window select the option Run stroke contour (Stroke Path). Next, select Brush (Brush) from the drop-down menu, do not forget to put a tick in the box Simulate pressure (Simulate Pressure), and then click OK.

Step 3

In settings Brush Print Form (Brush Tip Shape), choose a hard square brush 10 pixels (Square brush). Apply the settings shown in the screenshot below:

Step four

Next, select the option Dynamics forms (Shape Dynamics). Apply the settings shown in the screenshot below. Do not forget to choose in the settings Angle swings (Angle Jitter) Control (Control) Direction (Direction). In this case, the angle of the brush tip will follow the direction of the contour.

Step five

Create a new layer on top of the ‘string’ layer. Name this layer “Stripes”. Stroke the outline with the customized brush.

Now, select the tool Outline selection (Direct Selection Tool (A) and press the (Enter) key to delete the work path.

Step 6

Hold down (Ctrl) + click on the thumbnail of the layer with a string to load the active selection, then go to the ‘Stripes’ layer, press the keys (Ctrl + J) to duplicate the selection to a new layer, name this layer ‘Stripes’, and then, remove the original ‘Stripes’ layer.

Step 7

On the ‘Strips’ layer, decrease the value Fillings (Fill) to 0, then duplicate the layer ‘Little string’. Move the duplicate layer down below the original layer. Name this duplicate of the layer ‘Shadow of the rope’.

9. Apply styling to string and add stripes.

Double-click on the ‘Rope’ layer to apply the following layer styles:

Step one

Apply layer style Stamping (Bevel and Emboss):
The size (Size): 14

Step 2

Apply layer style Texture (Texture):
Pattern (Pattern): Concrete Wall 3
Depth (Depth): 71%

Step 3

Apply layer style Color overlay (Color Overlay):
Colour (Color): # f5f2ed

You can use any other color at your discretion.

The result is a stylized string.

Step 4

Now, double click on the ‘Stripes’ layer to apply the layer style. Color overlay (Color Overlay). In the settings, change the blending mode to Multiplication (Multiply). You can use any color of your choice. The color that I used is #aa4342.

Result with red stripes.

10. Create a shadow for the string

Step 1

Go to the ‘Shade of Rope’ layer. Choose a tool Rectangular area (Rectangular Marquee Tool). Using this tool, select the part of the string and then go Editing – Transformation – Deformation (Edit> Transform> Warp).

Step 2

Transform a shadow with the command Deformation (Warp) just as you created a shadow for the cardboard stencil. As soon as you are satisfied with the result, go Highlight- Unselect all (Select> Deselect (Ctrl + D) to cancel the active selection.

Step 3

Repeat with the selection and deformation of each area of ​​the shadow. In areas where small sections of string connect stencils, it will be better to create a little more subtle shadows.

11. Add a vignette effect to the final result.

Step one

Click the button on the bottom toolbar. Create a new adjustment or fill layer (Create a new fill or adjustment layer) and in the window that appears, select the option Gradient (Gradient).

Step 2

The gradient type is from transparent to the base color, the gradient colors are # e3e1d5 on the left and # 595959 on the right. Gradient style Radial (Radial) Scale (Scale) 450.

Step 3

Make sure this adjustment layer is Gradient (Gradient) was located on top of all other layers. Change the blending mode for this adjustment layer to Linear dimmer (Linear Burn).

Step four

Go to the duplicate layer with the background and then go Filter – Gallery of filters blur – Blur aperture (Filter> Blur Gallery> Iris Blur), set the value Blur (Blur) in option (Iris Blur) 5.

You can change the shape of the ellipse by shifting the four points that are connected by a line, as well as shifting the blur area, shifting the four large points located around the center point.

This will add a simple vignette effect to the final result.

We have completed the lesson! Thank you for being with me. Hope you enjoyed this tutorial:

In this tutorial, we used cardboard texture to create a background, adjusting its color and brightness.

Next, we used tools Figures (shape tools), to create card shapes, add text, convert text to shapes, and combine text with the created cards to create stencils from letters. Next, we duplicated the stencil layers to create the shadows and converted all the shapes with the shapes of the letters into smart objects. Next, we applied layer styles, tools Transformations (Transform) and Deformations (Warp) to offset card stencils before adding a simple texture to them.

Then, using the tool Pen (Pen Tool), we created a string outline, set up a brush to stroke the working outline and add stripes, we also applied layer styles, texture and added color. We also deformed the shadow of the string in accordance with the shadow of the card stencils.

Finally, we added an adjustment layer. Gradient (Gradient) and applied the filter Blur aperture (Iris Blur filter) to add a vignette effect to the final result.

Final result

Download the source materials for the lesson

Author: Rose

Like this post? Please share to your friends: