<?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>Web Design Dev &#187; chalk board</title>
	<atom:link href="http://www.webdesigndev.com/tag/chalk-board/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webdesigndev.com</link>
	<description></description>
	<lastBuildDate>Mon, 06 Feb 2012 16:30:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Chalk Board Splash Page in Adobe Photoshop</title>
		<link>http://www.webdesigndev.com/photoshop/chalk-board-splash-page-in-adobe-photoshop</link>
		<comments>http://www.webdesigndev.com/photoshop/chalk-board-splash-page-in-adobe-photoshop#comments</comments>
		<pubDate>Fri, 20 Jun 2008 16:12:56 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[chalk board]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[splash page]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=28</guid>
		<description><![CDATA[Want to send your visitors to different places on your website? Why not create a splash page! In this tutorial I'll be showing you how to make a creative website splash page based on a chalk board.]]></description>
			<content:encoded><![CDATA[<h2>Creating a Splash Page for you website in Adobe Photoshop</h2>
<p><a href="/chalk-board/01.jpg" target="_blank"><img src="/chalk-board/01.jpg" alt="" /></a></p>
<h3>Step 1. Background</h3>
<p>Start by creating a new document, I&#8217;ll be using a size of <strong>540 x 540</strong> pixels. Now fill the background with <strong>#a48034</strong>.</p>
<p>Now go and apply <strong>Filter &gt; Noise &gt; Add Noise</strong>, use similar settings to these:</p>
<p><a href="/chalk-board/02.gif" target="_blank"><img src="/chalk-board/02.gif" alt="" /></a></p>
<p>Duplicate the Background layer then apply <strong>Filter &gt; Artistic &gt; Underpainting</strong>, you can use the default settings.</p>
<p><a href="/chalk-board/03.jpg" target="_blank"><img src="/chalk-board/03.jpg" alt="" /></a></p>
<p>Lower the opacity for this layer to <strong>25%</strong> and change the layer mode to <strong>Overlay</strong>.</p>
<p><a href="/chalk-board/04.jpg" target="_blank"><img src="/chalk-board/04.jpg" alt="" /></a></p>
<h3>Step 2. Base</h3>
<p>First of all, get the <strong>Rectangular Marquee Tool</strong> then make a set-sized selection of <strong>366 x 220</strong> pixels in the middle of the document.</p>
<p>After making the selection, make a new layer then fill the selection with a dark brown color, I used <strong>#56220c</strong>.</p>
<p><a href="/chalk-board/05.jpg" target="_blank"></a></p>
<p><a href="/chalk-board/05.jpg" target="_blank"><img src="/chalk-board/05.jpg" alt="" /></a></p>
<p>Right-click the layer you just created and go into the <strong>Blending Options</strong>, apply the following settings:</p>
<ul>
<li><a href="/chalk-board/06.gif">Inner Shadow</a></li>
<li><a href="/chalk-board/07.gif">Outer Glow</a></li>
<li><a href="/chalk-board/08.gif">Gradient Overlay</a></li>
<li><a href="/chalk-board/09.gif">Pattern Overlay</a>To use this pattern, first download it from <a href="/chalk-board/wood.jpg">here</a>, open it in Photoshop then define it as a pattern (<strong>Edit &gt; Define Pattern</strong>)</li>
<li><a href="/chalk-board/10.gif">Stroke</a></li>
</ul>
<p>Be sure you paid attention to all the settings, and you should have gotten a result like this:</p>
<p><a href="/chalk-board/11.jpg" target="_blank"><img src="/chalk-board/11.jpg" alt="" /></a></p>
<h3>Step 3. Making the chalk board</h3>
<p>Create another new layer then with the <strong>Rectangular Marquee Tool</strong> make a selection of about <strong>360 x 190</strong> pixels inside of the other layer.</p>
<p><a href="/chalk-board/12.jpg" target="_blank"><img src="/chalk-board/12.jpg" alt="" /></a></p>
<p>Fill this selection with a dark grey, I used <strong>#232323</strong>. After filling your selection, apply the following layer styles:</p>
<ul>
<li><a href="/chalk-board/13.gif">Drop Shadow</a></li>
<li><a href="/chalk-board/14.gif">Inner Glow</a></li>
<li><a href="/chalk-board/15.gif">Gradient Overlay</a></li>
</ul>
<p>You should now have a chalk board like this:</p>
<p><a href="/chalk-board/16.jpg" target="_blank"><img src="/chalk-board/16.jpg" alt="" /></a></p>
<div id="in_post_ad_middle_1" style="margin: 5px;padding: 0px;"><a href="http://www.wix.com/amazingwebsites/editoreasy?utm_campaign=af_webdesigndev.com&experiment_id=af_webdesigndev.com1middlepostnewLP" target="_blank" rel="nofollow">
<img src="http://www.webdesigndev.com/expressions_website3.gif" width="300" height="250" alt="create a free website" /></a></div><p>Create a new layer then do a little bit of soft brushing on the inside of the chalk board. You can either leave the brushing, or erase away a bit with a grunge brush like I did.</p>
<p><a href="/chalk-board/17.jpg" target="_blank"><img src="/chalk-board/17.jpg" alt="" /></a></p>
<p>After finishing off, change the layer mode to <strong>Soft Light</strong> and lower the opacity if you think it needs it.</p>
<p><a href="/chalk-board/18.jpg" target="_blank"><img src="/chalk-board/18.jpg" alt="" /></a></p>
<p>Lastly you should add in your text. You can download the font that I used from <a href="http://www.1001fonts.com/font_details.html?font_id=1397">here</a>.</p>
<p><a href="/chalk-board/19.jpg" target="_blank"><img src="/chalk-board/19.jpg" alt="" /></a></p>
<p>After writing out my text in white I lowered the <strong>fill</strong> to <strong>70%</strong> and apply the following layer styles:</p>
<ul>
<li><a href="/chalk-board/20.gif">Drop Shadow</a></li>
<li><a href="/chalk-board/21.gif">Inner Shadow</a></li>
</ul>
<p><a href="/chalk-board/22.jpg" target="_blank"><img src="/chalk-board/22.jpg" alt="" /></a></p>
<h3>Step 4. Logo</h3>
<p>Get the <strong>Horizontal Type Tool</strong> out and write your text in white.</p>
<p><a href="/chalk-board/23.jpg" target="_blank"><img src="/chalk-board/23.jpg" alt="" /></a></p>
<p>The font I used above is called <strong>Helvetica Neue</strong>, but you&#8217;ll have to make use of what you have, be creative.</p>
<p>After writing your text, apply the following layer styles:</p>
<ul>
<li><a href="/chalk-board/24.gif">Drop Shadow</a></li>
<li><a href="/chalk-board/25.gif">Inner Shadow</a></li>
</ul>
<p><a href="/chalk-board/26.jpg" target="_blank"><img src="/chalk-board/26.jpg" alt="" /></a></p>
<p>Lastly for the logo I added in a &#8216;fresh&#8217; stamp, I&#8217;ve written a similar tutorial on this effect before, you can view it <a href="http://www.photoshopstar.com/graphics/branding-iron/">here</a>.</p>
<p><a href="/chalk-board/27.jpg" target="_blank"><img src="/chalk-board/27.jpg" alt="" /></a></p>
<h3>Step 5. Navigation text</h3>
<p>Lastly for this tutorial you&#8217;ll want to add in some navigation text, I added mine at the bottom of the blackboard in the brown area. First get the text tool and write out your links, then change the font and such.</p>
<p><a href="/chalk-board/28.jpg" target="_blank"><img src="/chalk-board/28.jpg" alt="" /></a></p>
<p>In the above image I used the font <strong>Tahoma</strong>, size: <strong>11 pt</strong>, color <strong>#ffffff</strong>.</p>
<p>Lower the fill for your text layer to <strong>70%</strong> then apply the following layer styles:</p>
<ul>
<li><a href="/chalk-board/29.gif">Drop Shadow</a></li>
<li><a href="/chalk-board/30.gif">Gradient Overlay</a></li>
</ul>
<p><a href="/chalk-board/31.jpg" target="_blank"><img src="/chalk-board/31.jpg" border="0" alt="" /></a></p>
<p>That&#8217;s pretty much it for this tutorial, you can download the PSD file from <a href="/chalk-board/psd.zip">here</a> if you need any help.</p>
<div style='clear:both'></div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/photoshop/chalk-board-splash-page-in-adobe-photoshop/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: basic
Object Caching 395/410 objects using disk: basic

Served from: www.webdesigndev.com @ 2012-02-11 23:30:39 -->
