We draw a notebook in Photoshop

The result of the lesson

Step 1. Preparation of the document
Create a new document with the following parameters.

Then fill the background with the color # D4D4D4. Set the base color to #EDEDED, select the tool. Gradient tool (Gradient) and fill the radial gradient (from base color to transparent) from center to top, as shown in the figure.

Step 2. Drawing the base
Create a new layer and name it “Lower base“. Choose a tool Pen Tool (Pen), set the outline mode and draw a shape like in the image below. If you find it difficult to draw, you can simply circle this shape.

Next you need to fill the drawn form. Choose a tool Direct Selection Tool (Arrow) and RMB inside the shape select Make Selection (To form a selected area). Set the base color to # A69889, select the tool. Fill and fill the selected area. Duplicate the “Lower Base” layer, press the up arrow key several times on the keyboard. Rename the layer to “Upper Base”.

Step 3. Adding Layer Styles
Apply the following to the “Upper Base” layer layer styles.

Inner shadow:

Internal luminescence:

Embossing / Bevel:

Gradient overlay:


Apply the following to the “Lower Base” layer. layer styles.



Step 4. Texture
Create a new layer.Texture 1“And fill with black. Run the command Filter> Noise> Add Noise (Filter – Noise – Add Noise) and set the following parameter.

This layer should be above the “Upper Base” layer, click on it with RMB and select Create Clipping Mask (Create clipping mask). Install Blending Mode (Blend mode) on Multiply (Multiplication), Opacity (Opacity) 5%.

Create a new layer “Texture 2” and repeat the process with a fill and noise filter. Before you create a clipping mask, goFilter> Filter Gallery (Filter – Filter Gallery), select Dry Brush (Dry Brush) with the following settings: Brush Size: 2; Brush Detail (Detailing): 5; Texture: 1. If you did everything correctly, then you will see several white areas on a black background. Set the Blending Mode to Screen (Lightening) and 10% transparency. Now create Clipping mask.

Create another “Texture 3” layer and repeat the steps with added noise. Now go Filter> Brush Strokes> Crosshatch (Filter – Strokes – Cross Strokes), set the following values: Stroke length (Length of the stroke): 10; Sharpness (Sharpness): 5; Strength (Intensity): 1. Click OK and set the blending mode and opacity to be the same as the previous time. Create Clipping mask and finish with this step.

Step 5. Paper
Create a new layer and name it.Paper. Make sure it is selected and click Ctrl + G. You will create a group of layers and a layer of “Paper” will be placed in it. We will create about 15 copies of this layer, so name the group “Sheets”.

Choose a tool Pen and draw the shape shown below. If you are at a loss, circle this form.

As before, create a selection with the tool Arrow. Fill the selection with white and place it well on the bottom of the notebook. It is desirable that the paper was a little closer to the top edge.

Duplicate the layer; use the arrow on the keyboard to move it up 1 pixel. Note that the paper has become a little thicker. Name the copy of the “Darker” layer and apply the following settings.

A copy of the layer must be above the original. Select both layers (original and copy while holding shift) and press Alt + Up Arrow several times. Select the top layer of all copies, duplicate it again. From this top copy, delete the layer styles (right click on the layer Clear Layer style (Clear layer style)). Move this over the layer group and name it “Page 2“. Then make a copy and place below. Name “Page 1”. Both layers will be used to create visible content.

Step 6. Adding lines and details
Now you need to create a pattern that will look like lines. Create a new document 1px wide and 10px long. Zoom the image so that you can work with it.

Choose a tool Rectangular Marquee Tool (Rectangular selection) make a selection of the lower two pixels and fill them with colorE5FFFA.

Create a selection of the entire document (Ctrl + A). Navigate Edit> Define Pattern (Editing – Define Pattern), pattern name “Lines” and click OK. You can close this document. Now we need to create another document with the following parameters.

In the new document go Edit> Fill (Edit – Run Fill). Select the created “Lines” pattern and click OK.

The document will be filled with blue, horizontal lines. Create a selection of the entire document (Ctrl + A), copy it (Ctrl + C) and return to the main document with a notepad. Create a new layer above the “Page One” layer. Call him “Lines“.

Now you need to insert the lines on the paper so that they gently lay down on it. Navigate Filter> Vanishing Point (Filter – Outlook Correction). You will have a cursor in the form of a goal. Click on every corner of your document. See the drawing.

Next, press Ctrl + V to paste the lines. Drag the image line to the grid and click OK when done.

You should now have beautiful blue lines on the paper. Create clipping mask for the “Lines” layer. Choose a tool Polygonal lasso Tool (Polygonal lasso), select the top line and press Delete. This space will remain for the title. Set the layer Opacity to 25%.

You can add text. Choose a tool Horizontal Type Tool (Horizontal text), write the text in handwritten font. Then rotate it as shown.

Repeat this process several times to have as much text on the page as you need. Slightly change the size of the text as it approaches the bottom of the notebook, as it should look in perspective.

You may want to add a picture. So, just turning will not be enough. You will need to resize and possibly add a border.

At the end merge all the layers with the picture, name it “Picture”. Select the entire document (Ctrl + A), copy it (Ctrl + C) and hide the layer. Create a new layer. Applied Picture.

Go to the filter Perspective correction, Insert the picture in the same way as before. Picture can arrange as you want. After you are satisfied, click OK. The final size can be corrected with the tool. Transform Tool (Transform).
Depending on which image you are using, you can set the opacity to 50% to get a more realistic effect when you create a cover over a top sheet of paper.

If you want to create a sticky tape on the corner of the picture, then you need to create a new layer. Call it “Tape.” With the tool Polygonal Lasso draw the ribbon shape, fill it with black color and set the layer opacity to 5%. The author decided to draw another cloud to the right of the image with the same tool.

Step 7. Cover
To begin with, the author advises to bring order in the layers palette: create groups for layers.
Duplicate the “Lower Base” layer and name it “Cover”. Place it on top of all layers. Then remove all styles from this layer and move up by 8 pixels.

Apply layer style Color Overlay (Color overlay), Colour #CCCC. Create a new layer below and merge them.

Set the Fill to 10%, then apply the following layer styles.


Internal luminescence:

Embossing / Bevel:

Gradient overlay:


You should have it.

Add gloss. Create a new layer and name it “Gloss.” Choose a tool Pen and create several shapes like in the picture. With the tool Arrow fill them with white.

Next, apply a 5px blur to the shapes, set the opacity to 55%. Create clipping mask. The effect is not very noticeable, but adds a nice look to the edges.

Step 8. Rings
To give a finished look to a notebook, create a pair of rings for it. Choose a tool Elliptical marqueeTool (Oval selection) and draw a small circle.

Click Backspace on keyboard. As you can see, the hole looks quite attractive due to the layer styles. Repeat this step again for the second hole.

It’s time to create a ring. Create a new layer and name it “Lower ring“. With the tool Oval selectioncreate the following figure area.

Fill the selection with color #CCCC.

Next, go Select> Modify> Contract (Selection – Modification – Compress), install 3px. After click Delete.

Choose a tool Polygonal Lasso , create the next selection and click Delete.

Now repeat this step for the next ring. At the end, the author darkened the background and added reflections.

The lesson is over.

I hope that you have found something new and useful for yourself. See you soon!

Like this post? Please share to your friends: