Learn how to create this leatherback book design in Photoshop. This tutorial will show you how to draw a book and apply textures and layer styles.

Preview of Final Results

Download the PSD

Leatherbook.zip | 2.29 MB

Download from Website

Create a Leatherback Book Icon in Photoshop

Resources

• Leather Pattern - Flickr
• Stripes Patterns - Brusheezy
• Striped Pattern - Deviant Art
• Champagne and Limousines - DaFont

Step 1 New Document

Open up Photoshop and create a new document

Step 2

On the background layer fill it in with #412405 using the paint brush tool.

Step 3

Create a new layer then Edit>Fill and select your pattern

Step 4

Change this layer to Pin Light with an Opacity of 24%

Step 5

Create a new layer and name it 'book' then grab your pen tool and make the shape of a book

Step 6

Add these layer styles

Step 7

Now we add a highlight to this book, create a new layer and name it 'shine'. Grab your 172 px soft round brush paint brush tool #b74322 and place it on the corner of your book

Step 8

Now we will add some shine to the spine of the book. Create a new layer and grab a 51 px soft round brush (#FFFFFF). Now while holding down the shift key, make a line across your image. Holding the shift key keeps the brush in a straight line.

Step 9

Now Edit>Free Transform and turn it so that it lines up with the angle of the book, erase away any parts that go beyond the book.

Step 10

Change this layer to Soft Light with an Opacity of 85%

Step 11 Shadow

Create a new layer and name it 'shadow' and with a 95px soft round brush #3b0d06 paint along the edges of the edges. I like to create a selection around the book so that I don't have to worry about erasing, to do this hold down the 'shift' key and click the image box on the 'book' layer

Step 12

Now add some more shadow but use a darker color #310c05

Step 13 Pages

Create a new layer and name it 'pages' and grab your pen tool and make this shape and fill it with #ffffff

Step 14

Add Inner Shadow

Step 15

Create a New layer and grab your rectangular marquee tool and make a box on your canvas and fill it with the stripe pattern. Edit>Fill>Pattern

Step 16

Edit>Free Transform and line it up so that it is at the same angle of your 'page' layer.

Step 17

Delete the unnecessary areas

Step 18

Add a Gradient Overlay

Step 19

Duplicate this layer but change the settings. First change the layer's Opacity to 38% and then change the Gradient Overlay.

Step 20 Ribbon

Create a new layer and name it 'ribbon' and with your pen tool create the shape of a ribbon. Duplicate this layer

Step 21

Add these layer styles to the first layer

Step 22

On the second Ribbon layer beneath the first layer change the Opacity to 49% and change the Color Overlay

Step 23

Apply a Gaussian Blur

Step 24

Create a new layer and make a selection of your 'page' layer and apply a stroke

Step 25

Erase some parts of the line and apply a Gaussian Blur

Step 26

Create another layer and apply another stroke. Make a selection from the 'book' layer

Step 27

Grab your pen tool and make sure that your paint brush tool is set to #ffffff 7px soft round brush and make markings on the spine of the book

Step 28

Change the Opacity of this layer to 9%

Step 29

Create a new layer and make some more markings but this time make sure your paint brush tool is set to 7px #421209

Step 30

Change this layer to Multiply with an Opacity of 76%

Step 31

Open up your texture and line up your texture, erase the outer parts

Step 32

Change this layer to Multiply

Step 33

Grab your Custom shape tool and make this shape

Step 34

Rotate it so that it lines up with the book. Change this layer to Soft Light with an Opacity of 64%

Step 35

Add these layer styles

Step 36

Grab your pen tool and make the strap, the color I used to fill it is #732811

Step 37

Create a new layer and apply the leather texture again to this strap. Change the layer to Multiply

Step 38

Apply a Drop Shadow

Step 39

Duplicate this layer but make the Drop shadow invisible by clicking the 'eye' on the duplicated layer

Step 40

Grab a soft round brush #240603 and paint along the edges of the strap on a new layer

Step 41

Change this layer to Soft Light with an Opacity of 48%

Step 42

Create a new layer and grab your pen tool and make a smaller strap

Step 43

Add these layer styles

Step 44

Create a new layer and add the leather texture and change it to Linear Burn

Step 45

Grab your paint brush tool and add some shadow around the smaller strap #a16a49. Change this layer to Multiply

Step 46

Create a new layer and with a 23 px soft round brush make another line. I'm using the color #2c0d05

Step 47

Edit>Free Transform and align it along the spine of the book and change this layer to Soft Light. Erase any parts that are not needed.

Step 48

Create a new layer and name it 'lock' and grab your pen tool and make this shape.

Step 49

Add these layer styles

Step 50

Make a selection of the lock and contract it 5px. Select>Modify>Contract

Step 51

Add a stroke. Edit>Stroke

Step 52

Add these layer styles

Step 53

Create a New layer and with your pen tool make the key hole

Step 54

Add these layer styles

Step 55

Grab a 9px hard round brush #000000 and place it beneath the key hole

Step 56

Add these layer styles

Step 57

Duplicate this notche layer and place it above the key hole.

Step 58

Select all the layers that pertain to your Leatherback book and place it in a group by dragging all the selected layers to the folder icon. Duplicate this layer and place it beneath your original book. Apply a layer mask and erase the bottom. On the duplicated book group find your ribbon and ribbon shadow layer and turn them vertical. Edit>Free Transform> Flip Vertical

Step 59

Create a new layer and grab the Rectangular Marquee Tool and make a rectangle on the left side of the canvas, fill it with #000000

Step 60

Change this layer to Soft Light

Step 61

Create a new layer and with a soft round paint brush place it at the top of your canvas #ffffff

Step 62

Change this layer to soft light

Step 63

Grab your type tool and type out whatever you want it to say. I'm using the word "Book Fair", the font I'm using 'Champagne & Limousines'

Step 64

Add these layer styles

Final Results

Download the PSD

Leatherbook.zip | 2.29 MB

Download from Website

Authors Comment