<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Graphic Design Tutorials &#124; Web Design, Icons, Logos &#187; classic book design</title>
	<atom:link href="http://www.pstut.info/tag/classic-book-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pstut.info</link>
	<description>Graphics design tutorials on intermediate level Photoshop for web design, icons, logos, and text effects.</description>
	<lastBuildDate>Tue, 27 Dec 2011 16:59:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Open Book Tutorial &#8211; Photoshop Graphic Design Tutorial 21</title>
		<link>http://www.pstut.info/photoshop-tutorials/open-book-tutorial/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/open-book-tutorial/#comments</comments>
		<pubDate>Tue, 13 May 2008 00:31:58 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[beautiful book]]></category>
		<category><![CDATA[beautiful book design]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[book design]]></category>
		<category><![CDATA[book image]]></category>
		<category><![CDATA[book pages]]></category>
		<category><![CDATA[classic book]]></category>
		<category><![CDATA[classic book design]]></category>
		<category><![CDATA[design tutorial]]></category>
		<category><![CDATA[drawing tutorial]]></category>
		<category><![CDATA[open book]]></category>
		<category><![CDATA[open book design]]></category>
		<category><![CDATA[open page design]]></category>
		<category><![CDATA[open pages]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>

		<guid isPermaLink="false">http://www.pstut.info/?p=388</guid>
		<description><![CDATA[In a series of simple steps for this Photoshop graphic design tutorial, I will teach you how to design a simple but an effective open book design that can be used either for your flash autobiography or as a splash page for your website and web designs.  This Photoshop tutorial can even be accomplished by beginners, so [...]]]></description>
			<content:encoded><![CDATA[<p>In a series of simple steps for this Photoshop graphic design tutorial, I will teach you how to design a simple but an effective open book design that can be used either for your flash autobiography or as a splash page for your website and web designs.  This Photoshop tutorial can even be accomplished by beginners, so go ahead and give it a try!</p>
<p><span id="more-388"></span></p>
<p>&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;</p>
<p>I have already prepared a background for you, so begin by copying it over to Photoshop.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bobg.jpg"><img class="alignnone size-full wp-image-404" title="Open Book Design with Photoshop Image Background" src="http://www.pstut.info/wp-content/uploads/bobg.jpg" alt="open-book-design-photoshop-image-background" width="500" height="384" /></a></p>
<p>So let&#8217;s 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 radius over to 150; lightly dodge the tip of the cover.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo1.jpg"><img class="alignnone size-full wp-image-389" title="Open Book Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/bo1.jpg" alt="open-book-design-photoshop-image-1" width="500" height="384" /></a></p>
<p>We have our foundation now.  Let&#8217;s mold some detail into our cover.  Start applying the following layer styles over the cover:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo1overlay.jpg"><img class="alignnone size-full wp-image-390" title="Open Book Design with Photoshop Image 1 Overlay" src="http://www.pstut.info/wp-content/uploads/bo1overlay.jpg" alt="open-book-design-photoshop-image-1-overlay" width="500" height="370" /></a></p>
<p>And now the shadows:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo1shadow.jpg"><img class="alignnone size-full wp-image-391" title="Open Book Design with Photoshop Image 1 Shadow" src="http://www.pstut.info/wp-content/uploads/bo1shadow.jpg" alt="open-book-design-photoshop-image-1-shadow" width="500" height="370" /></a></p>
<p>Great.  Now let&#8217;s begin with our pages.  The idea is to create almost the same dimension rectangle except with an inch cropped off from the right.  So following the example below, create a white rectangle:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo2.jpg"><img class="alignnone size-full wp-image-392" title="Open Book Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/bo2.jpg" alt="open-book-design-photoshop-image-2" width="500" height="384" /></a></p>
<p>The base is there, so its time to add some detail.  Go to your layer styles and apply the following:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo2shadow.jpg"><img class="alignnone size-full wp-image-394" title="Open Book Design with Photoshop Image 2 Shadow" src="http://www.pstut.info/wp-content/uploads/bo2shadow.jpg" alt="open-book-design-photoshop-image-2-shadow" width="500" height="370" /></a></p>
<p>Now the gradient overlay:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo2gradient.jpg"><img class="alignnone size-full wp-image-393" title="Open Book Design with Photoshop Image 2 Gradient" src="http://www.pstut.info/wp-content/uploads/bo2gradient.jpg" alt="open-book-design-photoshop-image-2-gradient" width="500" height="370" /></a></p>
<p>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.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo3.jpg"><img class="alignnone size-full wp-image-395" title="Open Book Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/bo3.jpg" alt="open-book-design-photoshop-image-3" width="500" height="384" /></a></p>
<p>And continue to do that over a few times.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo4.jpg"><img class="alignnone size-full wp-image-396" title="Open Book Design with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/bo4.jpg" alt="open-book-design-photoshop-image-4" width="500" height="384" /></a></p>
<p>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:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo5.jpg"><img class="alignnone size-full wp-image-397" title="Open Book Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/bo5.jpg" alt="open-book-design-photoshop-image-5" width="500" height="384" /></a></p>
<p>Time to add a finish and some detail to our page by the uses of a Doge &amp; Burn Tool.  Begin by taking out your Doge Tool and setting the diameter to at least 250px and lightly dodging the tip of the brown page.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo6.jpg"><img class="alignnone size-full wp-image-398" title="Open Book Design with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/bo6.jpg" alt="open-book-design-photoshop-image-6" width="500" height="383" /></a></p>
<p>Put on the first layer of shadows as the foundation.  I used a Burn tip the size of 200 pixels</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo7.jpg"><img class="alignnone size-full wp-image-399" title="Open Book Design with Photoshop Image 7" src="http://www.pstut.info/wp-content/uploads/bo7.jpg" alt="open-book-design-photoshop-image-7" width="500" height="383" /></a></p>
<p>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 85px.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo8.jpg"><img class="alignnone size-full wp-image-400" title="Open Book Design with Photoshop Image 8" src="http://www.pstut.info/wp-content/uploads/bo8.jpg" alt="open-book-design-photoshop-image-8" width="500" height="383" /></a></p>
<p>Great.  Now you are pretty much done.  All you have to do is put all the layers into a set, duplicate it, and then Flip it Horizontally by going to Edit &#8211; Transform &#8211; Flip Horizontal.  Make sure you have the set highlighted so that you won&#8217;t have to go through every layer.</p>
<p>But wait, you will probably notice now that your right-hand side has a different gradient pattern on the white page than your left-hand side of the book.  No worries.  Go to the Layer Style Properties of your duplicated first white page and make sure that there is a check by Reverse:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo9.jpg"><img class="alignnone size-full wp-image-401" title="Open Book Design with Photoshop Image 9" src="http://www.pstut.info/wp-content/uploads/bo9.jpg" alt="open-book-design-photoshop-image-9" width="500" height="370" /></a></p>
<p>Great, now for our final touch.  Take out the Burn Tool again and on the right-hand side layer of the brown page, add a layer of shadow.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/b10.jpg"><img class="alignnone size-full wp-image-402" title="Open Book Design with Photoshop Image 10" src="http://www.pstut.info/wp-content/uploads/b10.jpg" alt="open-book-design-photoshop-image-10" width="500" height="383" /></a></p>
<p>And there you have it, a quick and easy way to design an open book that can probably be used for anything possible&#8211;whether it be a place holder for your poems or photographs this tutorial can serve your needs in a series of easy steps!</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bofin.jpg"><img class="alignnone size-full wp-image-402" title="Open Book Design with Photoshop Image 11" src="http://www.pstut.info/wp-content/uploads/bofin.jpg" alt="open-book-design-photoshop-image-11" width="500" height="383" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/open-book-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  www.pstut.info/tag/classic-book-design/feed/ ) in 0.64868 seconds, on Feb 8th, 2012 at 8:00 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 15th, 2012 at 8:00 am UTC -->
