<?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>Mindablaze&#187; Web 2.0</title>
	<atom:link href="http://mindablaze.com/category/web-2-0/feed/" rel="self" type="application/rss+xml" />
	<link>http://mindablaze.com</link>
	<description>Sharing Ideas on Faith, Family, Creativity and all things iPhone</description>
	<lastBuildDate>Sun, 07 Feb 2010 19:05:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>12 Easy Steps to Creating a Web 2.0 Title</title>
		<link>http://mindablaze.com/2009/08/12-easy-steps-to-creating-a-web-2-0-title/</link>
		<comments>http://mindablaze.com/2009/08/12-easy-steps-to-creating-a-web-2-0-title/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 01:32:32 +0000</pubDate>
		<dc:creator>Mike Askew</dc:creator>
				<category><![CDATA[How-to]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Blog Header]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Webpage Header]]></category>

		<guid isPermaLink="false">http://mindablaze.com/?p=282</guid>
		<description><![CDATA[Have you been wanting to spiff up your blog header to the latest look and feel? If so, here are my 12 steps that I use to create a Web 2.o style text title using PhotoShop Elements 6.0. The characteristics that give it the Web 2.o look and feel are the appearance of having a [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:justify;">Have you been wanting to spiff up your blog header to the latest look and feel? If so, here are my 12 steps that I use to create a Web 2.o style text title using PhotoShop Elements 6.0. The characteristics that give it the Web 2.o look and feel are the appearance of having a slight surface curvature, a reflective shine, and a partial reflection.</p>
<p style="text-align:justify;">Here we go&#8230;</p>
<p style="text-align:left;"><strong>Step 1: </strong>Create the text title layer</p>
<p style="text-align:left;"> </p>
<p style="text-align:left;"><img class="size-full wp-image-283 aligncenter" title="Web2.0-1" src="http://mikeaskew.files.wordpress.com/2009/08/web2-0-1.png" alt="Web2.0-1" width="450" height="90" /><strong>Step 2: </strong>Create a copy of the text title layer, rename the layer &#8220;reflection&#8221;, and shift it down below the text title.</p>
<p style="text-align:left;"><strong><img class="size-full wp-image-286 aligncenter" title="Web2.0-2" src="http://mikeaskew.files.wordpress.com/2009/08/web2-0-2.png" alt="Web2.0-2" width="450" height="150" /><span style="font-weight:normal;">Step 3:</span><span style="font-weight:normal;"> </span></strong>Invert the reflection layer &#8211; click-activate the layer then (Image Menu, Rotate, Flip Layer Vertical)</p>
<p style="text-align:left;"><img class="aligncenter size-full wp-image-287" title="Web2.0-3" src="http://mikeaskew.files.wordpress.com/2009/08/web2-0-3.png" alt="Web2.0-3" width="450" height="150" /><strong>Step 4</strong>: Simplify the reflection layer text  - click on reflection layer then (Layer Menu, Simply Layer)</p>
<p style="text-align:left;"><strong>Step 5:</strong> Command click (Mac) or control click (PC) the reflection layer icon in the layer panel to outline the simplified reflection text. You will see the text become outlined with a dashed line.</p>
<p style="text-align:left;"><strong>Step 6</strong>: Set gradient color for reflection layer. Choose your foreground color as the same color as your title text layer and your background color.</p>
<p style="text-align:left;"><strong>Step 7:</strong> Choose gradient type &#8211; foreground to  background gradient selection.</p>
<p style="text-align:left;"><strong>Step 8:</strong> Apply gradient &#8211; clicking on the top edge of reflection layer, draw a gradient direction line about half way down the width of the text (vertically)</p>
<p style="text-align:left;"><img class="aligncenter size-full wp-image-291" title="Web2.0-4" src="http://mikeaskew.files.wordpress.com/2009/08/web2-0-41.png" alt="Web2.0-4" width="450" height="150" /><strong>Step 9:</strong> Set transparency of the reflection layer &#8211; click on reflection layer and slide the transparency to 50%</p>
<p style="text-align:left;"><img class="aligncenter size-full wp-image-293" title="Web2.0-5" src="http://mikeaskew.files.wordpress.com/2009/08/web2-0-51.png" alt="Web2.0-5" width="450" height="150" /></p>
<p style="text-align:left;"><strong>Step 10: </strong>Create curved, glossy surface effect &#8211; using the ellipse tool, draw a white ellipse that is about half the height of the title text and slightly longer than the title text. Name this layer &#8221; text gloss&#8221;.</p>
<p style="text-align:left;"><img class="aligncenter size-full wp-image-295" title="Web2.0-6" src="http://mikeaskew.files.wordpress.com/2009/08/web2-0-6.png" alt="Web2.0-6" width="450" height="150" /><strong>Step 11:</strong> Create transparency for the curved, glossy surface effect &#8211; click on the text gloss layer and slide the transparency to about 50%.</p>
<p style="text-align:left;"><img class="aligncenter size-full wp-image-296" title="Web2.0-7" src="http://mikeaskew.files.wordpress.com/2009/08/web2-0-7.png" alt="Web2.0-7" width="450" height="150" /><strong>Step 12:</strong> Export a .png image of your new Web 2.o title for use in your blog or webpage. THE END!</p>
<p style="text-align:left;"> </p>
<p style="text-align:left;">If you have any questions about any of the steps, drop me a comment to this blog and I will respond as quickly as possible.  There is also a technique for this effect in Adobe Illustrator. However, more folks seem to be able to afford Adobe Photoshop Elements so I thought I would publish the technique for this package first.</p>
<p style="text-align:left;">My hope is that you will be able to knock out a Web 2.o style title for yourself in under 30 minutes.  In the event you would like a title like this but do not have the software, give me a shout at mike.askew@mindablaze.com and I can whip one out for you for a reasonable price (less than the cost of a fast food dinner for two). Have fun!</p>
<p style="text-align:left;"> </p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmindablaze.com%2F2009%2F08%2F12-easy-steps-to-creating-a-web-2-0-title%2F&amp;linkname=12%20Easy%20Steps%20to%20Creating%20a%20Web%202.0%20Title"><img src="http://mindablaze.com/wp-content/plugins/add-to-any/share_save_256_24.png" width="256" height="24" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://mindablaze.com/2009/08/12-easy-steps-to-creating-a-web-2-0-title/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

