Create a Leatherback Book Icon in Photoshop

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

Pages: 1 2 3

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

4 comments on “Create a Leatherback Book Icon in Photoshop”

  1. After I complete a step 16 I can't delete unescesary areas, they just fade out, but don't delete, HELP!

Leave a Reply

Your email address will not be published.

cross