The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Creating a Book Effect

Creating a Book Effect


We start with a blank White canvas, and we make a selection for a page in the book, like so:

Creating a Book Effect image 1

Now we want to distort this to look more like a page out of a book, by curving the middle. Right-click the selection and choose Make Work Path.. Then choose the Pen tool, Add Anchor Point:

Creating a Book Effect image 2

Zoom in if you need to and then add an anchor point at the top left, like so:

Creating a Book Effect image 3

Now hold Ctrl and drag the anchor up a little, like this:

Creating a Book Effect image 4

Now we want to do the same to the bottom, so we have something like this:

Creating a Book Effect image 5

Goto the Paths window (Window > Paths) and right-click the Work Path, choose Make Selection. We do not want to Feather Radius (0), click Ok. We should now have a selection of our Path:

Creating a Book Effect image 6

Now open up the Layer Styles by either double-clicking the layer or right-clicking it and choosing Blending Options. Choose a Drop Shadow, and reduce the Opacity to 45%, Distance to 3 and Size to 5.

Creating a Book Effect image 7

Now right-click this layer and Duplicate it. Adjust the Layer Style of this new layer - make the Drop Shadow Distance 1 and the Size also 1. Now choose the Move tool and hit the Left key twice, and the Up key once. Repeat this process for the number of pages you want. In this example, we have three pages:

Creating a Book Effect image 8

Now for the other side. Shift-click all the page layers we just created to select them al (in the Layers window) and then right-click one of them and choose Duplicate Layers. Shift-click all the duplicate layers and then do Edit > Transform > Flip Horizontal, then move them to the other side of the canvas. You will need to modify the Layer styles - edit each one and uncheck the Use Global Light option under Drop Shadow, and change the angle from 120 to 60. You should be left with this:

Creating a Book Effect image 9

Now what we want to do is to Ctrl-click the layer of the top page on the left, and Shift-Ctrl-click the layer of the top page on the right, so that we have a selection like this:

Creating a Book Effect image 10

Now create a new layer and move it to the top of all the other layers. On this layer, draw a 1px Gray line down the middle of the book. To make it exact, you can choose the Move tool and use the toolbar alignment to align to center:

Creating a Book Effect image 11

You may want to Filter > Blur > Gaussian Blur the line slightly (around 0.5px).

Next, create another new layer beneath this one and still with the selection of the two top pages, get a large soft brush of gray and paint down the center like so:

Creating a Book Effect image 12

If you need to, you can alter the opacity of either of these layers to get the right blend. Also consider adding a background. You should end up with something like this:

Creating a Book Effect Tutorial: Final Result



Author's URL: PhotoshopAtoms
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Creating a Book Effect"

Only registered users can write comment

No comments yet...