Photoshop Tutor

Open Book Tutorial

By Michael in Tutorials

In ten simple steps, ill teach you how to design a simple but an effect open book design that can be used either for your flash autobiography or as a splash page for your website. This tutorial can even be accomplished by beginners so go ahead and give it a try!

…………………………………………………………………………………………………………………………………

I have already prepared a background for you so begin by copying it over to Photoshop.

So lets begin by creating the hard cover of the book. Grab your Rectangular Marquee Tool and create a rectangle approximately the size shown below. Now select your Dodge Tool and set the raidus over to 150; lightly doge the tip of the cover.

We have our foundation now lets mold some detail into our cover. Start applying the following layer styles over the cover:

And now the shadows:

Great now lets begin with our pages. The idea is to create almost the same dimension rectangle however an inch cropped off from the right. So following the example below create a white rectangle:

The base is there so its time to add some detail, go to your layer styles and apply the following:

Now the gradient overlay:

Alright now we have to resize it little by little and center vertically to the original page. Make sure that the duplicate layers of the white page go underneath the original that way the shadow creates depth and volume.

And continue to do that over a few times

Okay so we are practically done here except now we have to actually add some detail to the white page since it looks really dull at the moment. Go back to your Rectangular Marquee tool and create a graphical page inside the white page. Follow my example:

Time to add a finish and some detail to our page by the uses of a Doge & Burn Tool. Being by taking out your Doge Tool and setting the diameter to at least 250px and lightly dodging the tip of the brown page.

Put on the first layer of shadows as the foundation. I used a Burn tip the size of 200 pixels

Finish it up with a second layer of shadows except this time focus on adding more shadows to the right hand side. In this i used a burn tip the size of 85 px

Great now you are pretty much done, all you have to do is put all the layers into a set then duplicate it and then Flip it Horizontally by going to Edit - Transform - Flip Horizontal. Make sure you have the set highlighted so you wont have to go through every layer. But wait, you will probably notice now that your right handside has a different gradient pattern on the white page then your left hand side of the book. No worries, go to the Layer Style Properties of your duplicated first white page and make sure there is a check by Reverse:

Great, now for our final touch. Take out the Burn Tool again and on the right handside layer of the brown page, add a layer of shadow.

And there you have it, a quick and easy way to design an open book that can probably be used for anything possible. Whether it would be a place holder for your poems or photographs this tutorial serve your needs in ten easy steps!

These icons link to social bookmarking sites where readers can share and discover new web pages.

You can leave a response, or trackback from your own site.

Arnaud Alves
Posted on May 13th, 2008

Awesome ! quality post !

Rajita - Logo Design
Posted on May 13th, 2008

This is very enlightening tutorial which teaches much to new learners of photoshop

Tim Dobson
Posted on May 14th, 2008

Nice work mike. Dropped you an e mail today. Did send it the other day but got errors on my account i use here, something to do with SSL. Anyways i explained what i meant.

Fantastic tutorial this is. Nice one.