Create a text from a notebook in Photoshop

?In this lesson you will learn how to create text from a notebook in Adobe Photoshop. First we will add the text using the original font, and then create fragments of the pages of the notebook. You will learn how to transform a font into a vector shape, how to cut off unnecessary fragments of text, as well as how to use anchor points. Finally, we apply the filter Distortion (Distort) and work with the layer mask. Let’s get started!

The final result:

Step 1

Create a new document in Adobe Photoshop. Set the following settings, which are shown in the screenshot below.

Step 2

Choose a tool Horizontal text (Horizontal Type Tool). Install the Lithos Pro Black font.

Type the text “write”. Font size 140 px, font color # FFE5CD.

Step 3

To the text layer, apply the following layer styles, as well as the settings shown in the screenshots below.

Step 4

Duplicate the text layer (Ctrl + J), in the layers palette make sure that you are on a duplicate of the text layer, decrease the value Fillings (Fill) layer to 0%.

Next, to the duplicate layer with the text, apply the layer style, which is shown in the screenshot below.

Step 5

Focus on the toolbar, set the foreground color to # 804C1C. Choose a tool Rectangle ( Rectangle Tool).

Draw a vector shape 522 x 15 px. Position this rectangle shape as shown in the first screenshot below.

Now hold down (Ctrl) + click on the thumbnail of the text layer to load the active selection around the text.

Make sure that the layer with the drawn rectangle is active, then press the button Add layer mask (Add Layer Mask) at the bottom of the layers panel.

Step 6

For the brown rectangle layer, apply the following layer styles as well as the settings shown in the following screenshots below.

Step 7

In the layers palette, duplicate the duplicate layer with the text “write” (Ctrl + J), then right-click on the duplicate layer created and in the appeared window select the option Clear layer styles (Clear Layer Style).

Once again, right-click on the duplicate layer created and in the window that appears, select the option Convert to curves (Convert to Shape). Change the text color to green (# 389149).

Step 8

Make sure you are on a layer with green text, select the tool Pen (Pen Tool). Create a shape approximately as shown in the screenshot below.

Step 9

Choose a tool Outline selection (Path Selection Tool), now, being on the green shape that you created in the previous step, select the mode Subtract front figure (Subtract Front Shape) in the top settings panel of this tool.

Step 10

Choose a tool Add anchor point (Add Anchor Point Tool), make sure that the layer with the green vector shape is active. Add an anchor point in the specified location, as shown in the first screenshot below.

Now, select the tool Arrow (Direct Selection Tool), select the control points at the bottom of the green shape, and then press the right arrow key (2-3 times) to shift them a few pixels.

Step 11

Load the graph paper texture, press the keys (Ctrl + T). Scale the texture to sizes 500 x 308 px.

Create an active selection around the green vector shape, make sure you are on a layer of graph paper, and then click Add layer mask (Add Layer Mask) at the bottom of the layers panel.

Next, go to the layer with the green vector shape, decrease the value Fillings (Fill) to 0%, and then position the layer with graph paper below the brown rectangle layer using the keys (Ctrl + [‘).

Step 12

For the graph paper layer, apply the following layer styles as well as the settings shown in the screenshots below.

Step 13

Change the foreground color to # E4F8FF. Choose a tool Pen (Pen Tool), draw the following vector shape.

Once again, make sure that the layer with this vector shape is located below the layer with the brown vector shape.

Step 14

Create an active selection around the green vector shape (Note of translator: holding the key (Ctrl) + click on the thumbnail of the text layer ‘write ’to load the active selection), and also make sure that the layer with the vector shape you drew in the previous step is active. Press the button Add layer mask (Add Layer Mask) at the bottom of the layers panel.

Step 15

Now, to the layer with the vector shape that you edited in the previous step, apply the layer styles as well as the settings shown in the screenshots below.

Step 16

Set foreground color to # 000000, select tool Rectangle (Rectangle Tool). Draw the following vector shapes as shown in the first screenshot below.

Selecting each layer with a drawn vector shape separately, randomly rotate each shape (Ctrl + T), as shown in the second screenshot below.

Step 17

In the layers palette, select all layers with black vector shapes, then right-click on the selected layers and in the appeared window select the option Combine shapes (Merge Shapes). On the merged layer with the created vector shape, click on this layer with the right mouse button and in the appeared window select the option Transform at Smart-an object (Convert to Smart Object).

Next, go Filter – Distortion – Ripples (Filter> Distort> Ripple), install Power (Amount) at 100%, The size (Size) on the parameter Big (Large), and then press the ‘OK’ button.

Step 18

Once again, open the texture of graph paper, press the keys (Ctrl + T), apply scaling to approximate dimensions 522 x 351 px.

Create an active selection around the combined black figures, now make sure that the layer of graph paper is active, click Add layer mask (Add Layer Mask) at the bottom of the layers panel.

Next, go to the merged layer with black shapes, and then decrease the value Fillings (Fill) for this layer to 0%.

Step 19

For the graph paper layer, apply the following layer styles as well as the settings shown in the screenshots below.

Step 20

Finally, we will add a background.

In the layers palette, go to the Background layer, click the lock icon to unlock this layer. Set foreground color to # 678F84, select tool Fill (Paint Bucket Tool). Fill the layer with the selected shade.

For the fill layer, apply the following layer styles as well as the settings shown in the screenshots below.

Step 21

If you prefer a beige color, then simply fill the layer with the background in the following color shade # D3C2B4. For the fill layer, apply the following layer styles as well as the settings shown in the screenshots below.

Step 22

If you prefer blue, just fill the layer with the background in the following color shade # AECCE6. For the fill layer, apply the following layer styles as well as the settings shown in the screenshots below.

We have completed the lesson! I hope you liked this lesson, and you can use this technique in your future projects. Thank you for being with me!

The final result:

PSD lesson

Like this post? Please share to your friends: