Drawing

Create a Leatherback Book Icon in Photoshop

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

final-results


Download the PSD

Leatherbook.zip | 2.29 MB

Download from Website


Create a Leatherback Book Icon in Photoshop


Resources


Step 1 New Document

Open up Photoshop and create a new document

step-001


Step 2

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

step-002


Step 3

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

step-003


Step 4

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

step-004


Step 5

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

step-005


Step 6

Add these layer styles

step-006

step-006a


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-007


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-008


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-009


Step 10

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

step-0010


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-0011


Step 12

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

step-0012



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-0013


Step 14

Add Inner Shadow

step-0014


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-0015


Step 16

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

step-0016


Step 17

Delete the unnecessary areas

step-0017


Step 18

Add a Gradient Overlay

step-0018


Step 19

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

step-0019


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-0020


Step 21

Add these layer styles to the first layer

step-0021

step-0021a


Step 22

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

step-0022


Step 23

Apply a Gaussian Blur

step-0023


Step 24

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

step-0024



Step 25

Erase some parts of the line and apply a Gaussian Blur

step-0025


Step 26

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

step-0026


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-0027


Step 28

Change the Opacity of this layer to 9%

step-0028


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

Related posts
DrawingPhotoshop TutorialsUpdated

Create a Set of Weather Icons in Adobe Photoshop

DrawingPhotoshop TutorialsUpdated

Create a Colorful Retro Poster in Photoshop and Illustrator

DrawingPhotoshop TutorialsUpdated

How to Create an Amazing Mixed Media Poster in Photoshop

DrawingPhotoshop TutorialsUpdated

Create a Pixel-Perfect Notebook Icon in Photoshop

4 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).