open-book-tutorial

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.
  • Digg
  • del.icio.us
  • StumbleUpon

Comments



  1. Arnaud Alves
    Posted on May 13th, 2008

    Awesome ! quality post !



  2. Rajita - Logo Design
    Posted on May 13th, 2008

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



  3. 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.



  4. ADYBAH4iK
    Posted on May 14th, 2008

    Great tutorial, thank you very much for publishing it!


  5. [...] Tutorial: Open Book Design [...]



  6. Simon North
    Posted on June 7th, 2008

    Neat tut and great site, bookmarked and subscribed



  7. Mohan
    Posted on July 5th, 2008

    I have 3 Letters Gr8…



  8. Mohan
    Posted on July 5th, 2008

    I have 3 Words 4 U GR8 Job…




Want to comment? Leave feed back? Go on!


music mp3 download"