<?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>PSYAG- PhotoShop Yag</title>
	<atom:link href="http://www.psyag.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psyag.com</link>
	<description>Latest Photoshop Tutorials</description>
	<lastBuildDate>Tue, 09 Mar 2010 18:48:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Free Twitter Birds logo</title>
		<link>http://www.psyag.com/icon/free-twitter-birds-logo/</link>
		<comments>http://www.psyag.com/icon/free-twitter-birds-logo/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 18:47:34 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Icon]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=694</guid>
		<description><![CDATA[
After free RSS icons, I have another freebie for my readers, Twitter Birds.



If you use these free twitter bird logo, or put it for free on your website, please link back to our website as source. These icons are free to use for personal and commercial use.
Download Free twitter Bird icons set

]]></description>
			<content:encoded><![CDATA[
<p>After free RSS icons, I have another freebie for my readers, <strong>Twitter Birds</strong>.<br />
<span id="more-694"></span><br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/preview1.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/preview1.jpg" alt="free-twitter-bird-logo-preview" title="free-twitter-bird-logo-preview" width="400" height="360" class="alignnone size-full wp-image-695" /></a><br />
<br />
If you use these free twitter bird logo, or put it for free on your website, please link back to our website as source. These icons are free to use for personal and commercial use.<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/twitter-bids-icon.zip">Download Free twitter Bird icons set</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/icon/free-twitter-birds-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Fresh 15 RSS Icons</title>
		<link>http://www.psyag.com/icon/free-fresh-15-rss-icons/</link>
		<comments>http://www.psyag.com/icon/free-fresh-15-rss-icons/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 14:41:58 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Icon]]></category>
		<category><![CDATA[rss]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=689</guid>
		<description><![CDATA[
I just made few RSS icons. Icons are in PNG format and of size 128px X 128px You are free to use these icons for personal and commercial use.

Preview Of RSS icons:

If you use these free icons, or put it for free on your website, please link back to our website as source of the [...]]]></description>
			<content:encoded><![CDATA[
<p>I just made few RSS icons. Icons are in PNG format and of size 128px X 128px You are free to use these icons for personal and commercial use.<br />
<span id="more-689"></span></p>
<p><strong>Preview Of RSS icons:</strong><br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/preview.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/preview.jpg" alt="Free-RSS-Icons-preview" title="Free-RSS-Icons-preview" width="500" height="795" class="alignnone size-full wp-image-690" /></a></p>
<p>If you use these free icons, or put it for free on your website, please link back to our website as source of the icon.<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/Free-RSS-Icon-set1.zip">Download Free RSS icons set</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/icon/free-fresh-15-rss-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chocolate Text Effect</title>
		<link>http://www.psyag.com/text-effects/chocolate-text-effect/</link>
		<comments>http://www.psyag.com/text-effects/chocolate-text-effect/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 10:32:45 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[chocolate]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=679</guid>
		<description><![CDATA[
In this Photoshop tutorial, we will turn look of a text into a chocolate type. Tutorial is again easy, and we will just apply some layer style to the text layer.

Preview of final image:


Step 1:
Create a new document.


Fill the layer with color #97bb19
Step 2:
Select  text tool and type some text in white color.


Step 3:
Right [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial, we will turn look of a text into a chocolate type. Tutorial is again easy, and we will just apply some layer style to the text layer.<br />
<span id="more-679"></span><br />
Preview of final image:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/chocolate-text-effect.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/chocolate-text-effect.jpg" alt="chocolate-text-effect" title="chocolate-text-effect" width="400" height="300" class="alignnone size-full wp-image-685" /></a><br />
</p>
<p><strong>Step 1:</strong><br />
Create a new document.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/110.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/110.jpg" alt="new document" title="new document" width="551" height="338" class="alignnone size-full wp-image-680" /></a><br />
<br />
Fill the layer with color #97bb19</p>
<p><strong>Step 2:</strong><br />
Select  text tool and type some text in white color.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/210.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/210.jpg" alt="2" title="2" width="394" height="294" class="alignnone size-full wp-image-681" /></a><br />
</p>
<p><strong>Step 3:</strong><br />
Right click text layer and select &#8220;Blending Options&#8221; and apply following layer style.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/310.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/310.jpg" alt="3" title="3" width="610" height="454" class="alignnone size-full wp-image-682" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/44.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/44.jpg" alt="4" title="4" width="610" height="454" class="alignnone size-full wp-image-683" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/510.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/510.jpg" alt="5" title="5" width="595" height="602" class="alignnone size-full wp-image-684" /></a><br />
<br />
Our chocolate text is ready. Below is the final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/chocolate-text-effect.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/chocolate-text-effect.jpg" alt="chocolate-text-effect" title="chocolate-text-effect" width="400" height="300" class="alignnone size-full wp-image-685" /></a></p>
<p><strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/chocolate-text-effect.zip">Download PSD File of this text effect</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/text-effects/chocolate-text-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Square Button with ribbon in Photoshop</title>
		<link>http://www.psyag.com/buttons/square-button-with-ribbon-in-photoshop/</link>
		<comments>http://www.psyag.com/buttons/square-button-with-ribbon-in-photoshop/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 14:39:52 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[ribbon]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=646</guid>
		<description><![CDATA[
In this Photoshop tutorial, we will make a square button and add a ribbon to the button. Such buttons can be used in logo designing, icons, new offer button, price tag button etc.
Tutorial is easy. I have used images to make tutorial very easy to understand.

Below is the preview of final image.


Step 1:
Create a new [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial, we will make a square button and add a ribbon to the button. Such buttons can be used in logo designing, icons, new offer button, price tag button etc.<br />
Tutorial is easy. I have used images to make tutorial very easy to understand.<br />
<span id="more-646"></span><br />
Below is the preview of final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/76.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/76.jpg" alt="76" title="76" width="289" height="287" class="alignnone size-full wp-image-673" /></a><br />
</p>
<p><strong>Step 1:</strong><br />
Create a new document (File >> New)<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/53.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/53.jpg" alt="New document" title="New document" width="551" height="338" class="alignnone size-full wp-image-648" /></a><br />
<br />
Select gradient tool. Set foreground color to #696a6a and background color to #9a9a99<br />
Press and hold shift key and drag mouse from top to bottom.<br />
Now background looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/54.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/54.jpg" alt="54" title="54" width="298" height="298" class="alignnone size-full wp-image-649" /></a><br />
<br />
rename this layer as &#8220;<strong>Background</strong>&#8220;.<br />
Create a new layer (Layer >> New >> Layer). Rename this layer as &#8220;<strong>Square</strong>&#8220;. Select &#8220;<strong>Rounded Rectangle tool</strong>&#8221; with 15px radius and set color to #bac014<br />
Press and hold SHIFT key and draw a rounded square shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/55.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/55.jpg" alt="55" title="55" width="297" height="294" class="alignnone size-full wp-image-650" /></a><br />
<br />
Right click &#8220;Square&#8221; layer and select Blending options. Apply following layer style to this rounded square shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/56.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/56.jpg" alt="56" title="56" width="610" height="454" class="alignnone size-full wp-image-651" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/57.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/57.jpg" alt="57" title="57" width="610" height="454" class="alignnone size-full wp-image-652" /></a><br />
<br />
Now our button looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/58.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/58.jpg" alt="58" title="58" width="296" height="291" class="alignnone size-full wp-image-653" /></a><br />
</p>
<p><strong>Step 2:</strong><br />
Create a new layer. Rename the layer to &#8220;<strong>Ribbon</strong>&#8220;. Select &#8220;rectangle Tool&#8221; and set color to #023a5d<br />
Draw a shape as show below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/591.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/591.jpg" alt="59" title="59" width="301" height="302" class="alignnone size-full wp-image-655" /></a><br />
<br />
Go to <strong>Edit >> Free Transform</strong>. And place as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/60.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/60.jpg" alt="60" title="60" width="292" height="297" class="alignnone size-full wp-image-656" /></a><br />
<br />
Press and hold CTRL key and click on ribbon layer. This will load ribbon shape. Select &#8220;rectangular Marquee Tool&#8221; and select one end as shown in below image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/61.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/61.jpg" alt="61" title="61" width="402" height="430" class="alignnone size-full wp-image-657" /></a><br />
<br />
Press DEL key to delete the selection. Similar delete extra parts from other end.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/62.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/62.jpg" alt="62" title="62" width="407" height="419" class="alignnone size-full wp-image-658" /></a><br />
<br />
Right click Ribbon later and select <strong>blending options</strong>. Apply following layer style to ribbon layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/63.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/63.jpg" alt="63" title="63" width="610" height="454" class="alignnone size-full wp-image-659" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/64.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/64.jpg" alt="64" title="64" width="610" height="454" class="alignnone size-full wp-image-660" /></a><br />
<br />
now our button looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/65.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/65.jpg" alt="65" title="65" width="296" height="296" class="alignnone size-full wp-image-661" /></a><br />
</p>
<p><strong>Step 3:</strong><br />
Create a new layer just above background layer. Select &#8220;rectangle Tool&#8221; and set color to black. Draw a small shape at left end of ribbon, as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/66.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/66.jpg" alt="66" title="66" width="183" height="190" class="alignnone size-full wp-image-662" /></a><br />
<br />
Similarly add another black shape on other end of ribbon.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/67.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/67.jpg" alt="67" title="67" width="294" height="298" class="alignnone size-full wp-image-663" /></a><br />
 </p>
<p><strong>Step 4:</strong><br />
Create a new layer. Select &#8220;text tool&#8221; and set color to white. Write some text. Use &#8220;Free Transform&#8221; to rotate the text and place the text just over the ribbon.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/68.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/68.jpg" alt="68" title="68" width="295" height="295" class="alignnone size-full wp-image-664" /></a><br />
<br />
<strong>Step 5:</strong><br />
Create new layer. Select text tool and type PSYAG with white color<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/69.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/69.jpg" alt="69" title="69" width="293" height="291" class="alignnone size-full wp-image-665" /></a><br />
<br />
Apply following layer style to this text layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/701.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/701.jpg" alt="70" title="70" width="610" height="454" class="alignnone size-full wp-image-667" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/71.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/71.jpg" alt="71" title="71" width="610" height="454" class="alignnone size-full wp-image-668" /></a><br />
<br />
Now button looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/72.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/72.jpg" alt="72" title="72" width="291" height="292" class="alignnone size-full wp-image-669" /></a><br />
<br />
<strong>Step 6:</strong><br />
Press and hold CTRL key and click on the &#8220;Square&#8221; layer. This will load rounded square layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/73.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/73.jpg" alt="73" title="73" width="295" height="294" class="alignnone size-full wp-image-670" /></a><br />
<br />
Go to <strong>Select >> Modify >> Contract</strong> and contract the selection by 3px<br />
Select &#8220;Rectangular Marquee tool&#8221; and make a selection as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/74.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/74.jpg" alt="74" title="74" width="294" height="293" class="alignnone size-full wp-image-671" /></a><br />
<br />
Set foreground color to #4d2000 and background color to #943e00 Press and hold SHIFT key and drag mouse from top to bottom of the selection.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/75.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/75.jpg" alt="75" title="75" width="296" height="291" class="alignnone size-full wp-image-672" /></a><br />
<br />
<strong>Step 7:</strong><br />
Create a new layer. Select text tool and type some text over below shape. Our button is ready. Below is the final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/76.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/76.jpg" alt="76" title="76" width="289" height="287" class="alignnone size-full wp-image-673" /></a><br />
<br />
I hope you like the tutorial and you have not faced any trouble in understanding the tutorial.<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/square-ribbon-button.zip">Download PSD File FREE</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/buttons/square-button-with-ribbon-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cool Looking Navigation Bar in Photoshop</title>
		<link>http://www.psyag.com/web-2-0/cool-looking-navigation-bar-in-photoshop/</link>
		<comments>http://www.psyag.com/web-2-0/cool-looking-navigation-bar-in-photoshop/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 11:27:43 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Navigation Bar]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[bar]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=619</guid>
		<description><![CDATA[
In this Photoshop tutorial we will make a cool looking navigation bar for website. Tutorial is easy, but please follow steps carefully.

Below is the final image of navigation bar.


Step 1:
Create a new document. File &#62;&#62; New

Now we will add a gradient background color. Select Gradient tool. Set foreground color to #8fb107 and background color to [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial we will make a cool looking navigation bar for website. Tutorial is easy, but please follow steps carefully.<br />
<span id="more-619"></span><br />
Below is the final image of navigation bar.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/51.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/51.jpg" alt="51" title="51" width="297" height="293" class="alignnone size-full wp-image-638" /></a><br />
</p>
<p><strong>Step 1:</strong><br />
Create a new document. File &gt;&gt; New<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/32.jpg"><img class="alignnone size-full wp-image-620" title="New document in photoshoop" src="http://www.psyag.com/wp-content/uploads/2010/03/32.jpg" alt="New document in photoshoop" width="551" height="338" /></a></p>
<p>Now we will add a gradient background color. Select Gradient tool. Set foreground color to #8fb107 and background color to #adce26<br />
Press and hold shift key and drag mouse from top to bottom. Background will look like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/33.jpg"><img class="alignnone size-full wp-image-621" title="33" src="http://www.psyag.com/wp-content/uploads/2010/03/33.jpg" alt="33" width="304" height="301" /></a></p>
<p><strong>Step 2:</strong><br />
Create a new layer (Layer &gt;&gt; New &gt;&gt; Layer). Select &#8220;Rectangle tool&#8221;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/34.jpg"><img class="alignnone size-full wp-image-622" title="Rectangle tool" src="http://www.psyag.com/wp-content/uploads/2010/03/34.jpg" alt="Rectangle tool" width="277" height="139" /></a></p>
<p>With color set to #e0c324 draw a horizontal rectangle shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/35.jpg"><img class="alignnone size-full wp-image-623" title="35" src="http://www.psyag.com/wp-content/uploads/2010/03/35.jpg" alt="35" width="303" height="300" /></a><br />
</p>
<p><strong>Step 3:</strong><br />
Create a new layer (Layer &gt;&gt; New &gt;&gt; Layer). Select &#8220;Rounded Rectangle tool&#8221;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/36.jpg"><img class="alignnone size-full wp-image-624" title="36" src="http://www.psyag.com/wp-content/uploads/2010/03/36.jpg" alt="36" width="246" height="157" /></a></p>
<p>With radius set to 10px and color #a54611, draw a shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/37.jpg"><img class="alignnone size-full wp-image-625" title="37" src="http://www.psyag.com/wp-content/uploads/2010/03/37.jpg" alt="37" width="302" height="301" /></a><br />
Rename this layer as &#8220;<strong>Round Shape 1</strong>&#8221;</p>
<p><strong>Step 4:</strong><br />
Right click the Rounded Rectangle shape and select &#8220;Duplicate Layer&#8221;. Rename this layer as &#8220;<strong>Round Shape 2</strong>&#8221; Press and hold CTRL key and click on the Round Shape 2 layer. This will load the duplicate shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/38.jpg"><img class="alignnone size-full wp-image-626" title="38" src="http://www.psyag.com/wp-content/uploads/2010/03/38.jpg" alt="38" width="299" height="301" /></a></p>
<p>Select rectangular marquee tool, and select only lower portion of the selection, and press DEL button to delete lower portion of the duplicate shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/39.jpg"><img class="alignnone size-full wp-image-627" title="39" src="http://www.psyag.com/wp-content/uploads/2010/03/39.jpg" alt="39" width="301" height="301" /></a></p>
<p>Press CRTL + D to deselect selection.</p>
<p><strong>Step 5:</strong><br />
Create a new layer. Select &#8220;Rectangular Tool&#8221;. With color set to #a54611 draw a rectangle shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/40.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/40.jpg" alt="40" title="40" width="300" height="297" class="alignnone size-full wp-image-628" /></a><br />
<br />
Rename this layer as &#8220;<strong>top 1</strong>&#8221;</p>
<p><strong>Step 6:</strong><br />
Press and hold CTRL key and click the &#8220;Round Shape 2&#8243; layer. This will load this shape. Move the shape as shown in below image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/41.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/41.jpg" alt="41" title="41" width="299" height="301" class="alignnone size-full wp-image-629" /></a><br />
<br />
Using CTRL key select &#8220;Round Shape 2&#8243; layer and &#8220;top 1&#8243; layer. Right click on any one layer and select &#8220;Merge Layers&#8221;. This will merge both layer into one layer. Now press DEL key. Now our navigation bar looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/42.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/42.jpg" alt="42" title="42" width="302" height="298" class="alignnone size-full wp-image-630" /></a><br />
<br />
Repeat same process to make it from left side also. Rename this shape as &#8220;<strong>top 2</strong>&#8221;<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/43.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/43.jpg" alt="43" title="43" width="300" height="300" class="alignnone size-full wp-image-631" /></a><br />
</p>
<p><strong>Step 7:</strong><br />
Using CTRL key select &#8220;<strong>Round shape 1</strong>&#8220;, &#8220;<strong>Top 1</strong>&#8220;, &#8220;<strong>Top 2</strong>&#8221; layers. Right click any layer and select &#8220;Merge Layers&#8221;. This will merge all layers into one layer. Rename this layer as <strong>button</strong><br />
Now apply following layer to the <strong>Button</strong> layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/45.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/45.jpg" alt="45" title="45" width="610" height="454" class="alignnone size-full wp-image-632" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/46.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/46.jpg" alt="46" title="46" width="610" height="454" class="alignnone size-full wp-image-633" /></a><br />
<br />
Now it looks like this.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/47.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/47.jpg" alt="47" title="47" width="300" height="300" class="alignnone size-full wp-image-634" /></a><br />
<br />
<strong>Step 8:</strong><br />
Create a new layer. Drag and place the layer just below <strong>Button</strong> layer. Select &#8220;Rounded Rectangle tool&#8221;. Set radius to 10px and color to #5c2600. Draw a shape as shown in below image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/48.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/48.jpg" alt="48" title="48" width="356" height="300" class="alignnone size-full wp-image-635" /></a><br />
<br />
Repeat same process for right side also.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/49.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/49.jpg" alt="49" title="49" width="304" height="261" class="alignnone size-full wp-image-636" /></a><br />
<br />
Now our navigation bar looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/50.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/50.jpg" alt="50" title="50" width="300" height="291" class="alignnone size-full wp-image-637" /></a><br />
<br />
<strong>Step 9:</strong><br />
Create a new layer. Select Text tool and type a menu link test. Our navigation bar is ready. Below is the final image of the tutorial.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/51.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/51.jpg" alt="51" title="51" width="297" height="293" class="alignnone size-full wp-image-638" /></a><br />
<br />
I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/navigation-bar2.zip">Download PSD File FREE</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/web-2-0/cool-looking-navigation-bar-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple ribbon in Photoshop</title>
		<link>http://www.psyag.com/web-graphics/simple-ribbon-in-photoshop/</link>
		<comments>http://www.psyag.com/web-graphics/simple-ribbon-in-photoshop/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 06:45:09 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[ribbon]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=594</guid>
		<description><![CDATA[
In this Photoshop tutorial, I will show you how to make a simple vertical ribbon in Adobe Photoshop.
Difficulty Level: Easy
Estimated Completion Time: 15 minutes

Below is the preview of final image.

Step 1:
Create a new document.


Select paint bucket tool and fill the layer with color #870202



Step 2:
Create a new layer. Select &#8220;Rectangular marquee tool&#8221; and draw a [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial, I will show you how to make a simple vertical ribbon in Adobe Photoshop.<br />
<strong>Difficulty Level:</strong> Easy<br />
<strong>Estimated Completion Time:</strong> 15 minutes<br />
<span id="more-594"></span><br />
Below is the preview of final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/simple-ribbon.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/simple-ribbon.jpg" alt="simple-ribbon" title="simple-ribbon" width="300" height="300" class="alignnone size-full wp-image-611" /></a></p>
<p><strong>Step 1:</strong><br />
Create a new document.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/16.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/16.jpg" alt="New document" title="New document" width="551" height="338" class="alignnone size-full wp-image-595" /></a><br />
<br />
Select paint bucket tool and fill the layer with color #870202<br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/17.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/17.jpg" alt="17" title="17" width="300" height="300" class="alignnone size-full wp-image-596" /></a><br />
</p>
<p><strong>Step 2:</strong><br />
Create a new layer. Select &#8220;Rectangular marquee tool&#8221; and draw a rectangle as shown in below image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/18.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/18.jpg" alt="18" title="18" width="301" height="301" class="alignnone size-full wp-image-597" /></a><br />
</p>
<p>Select Gradient tool with foreground color #88a60e and background color #576d01<br />
Press and hold shift key and drag mouse from bottom to top of rectangular selection. Now the image looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/19.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/19.jpg" alt="19" title="19" width="298" height="298" class="alignnone size-full wp-image-598" /></a><br />
</p>
<p><strong>Step 3:</strong><br />
Select &#8220;Pen tool&#8221;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/20.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/20.jpg" alt="pen tool" title="pen tool" width="265" height="197" class="alignnone size-full wp-image-599" /></a><br />
</p>
<p>Make a triangular shape as show below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/21.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/21.jpg" alt="21" title="21" width="180" height="128" class="alignnone size-full wp-image-600" /></a><br />
<br />
Right click on the line and select &#8220;make selection&#8221;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/22.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/22.jpg" alt="22" title="22" width="385" height="485" class="alignnone size-full wp-image-601" /></a><br />
<br />
Make selection with 0 radius.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/23.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/23.jpg" alt="23" title="23" width="312" height="244" class="alignnone size-full wp-image-602" /></a><br />
<br />
Now press Del button to delete the selected area. Now it looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/24.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/24.jpg" alt="24" title="24" width="300" height="299" class="alignnone size-full wp-image-603" /></a><br />
<br />
<strong>Step 4:</strong><br />
Right click the rectangle shape layer and select &#8220;Blending options&#8221;. Apply following layer style.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/25.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/25.jpg" alt="25" title="25" width="610" height="454" class="alignnone size-full wp-image-604" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/26.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/26.jpg" alt="26" title="26" width="610" height="454" class="alignnone size-full wp-image-605" /></a><br />
<br />
Now it looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/27.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/27.jpg" alt="27" title="27" width="300" height="299" class="alignnone size-full wp-image-606" /></a><br />
<strong>Step 5:</strong><br />
Create a new layer. Select &#8220;text tool&#8221; and type some text in #f0f0f0 color.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/28.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/28.jpg" alt="28" title="28" width="298" height="297" class="alignnone size-full wp-image-607" /></a><br />
<br />
Now go to <strong>Edit >> Transform >> Rotate 90 CCW</strong><br />
Now the text will appear vertical.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/29.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/29.jpg" alt="29" title="29" width="297" height="298" class="alignnone size-full wp-image-608" /></a><br />
<br />
Apply following layer style to text layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/30.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/30.jpg" alt="30" title="30" width="610" height="454" class="alignnone size-full wp-image-609" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/31.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/31.jpg" alt="31" title="31" width="602" height="588" class="alignnone size-full wp-image-610" /></a><br />
<br />
Our ribbon is ready. Below is the final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/simple-ribbon.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/simple-ribbon.jpg" alt="simple-ribbon" title="simple-ribbon" width="300" height="300" class="alignnone size-full wp-image-611" /></a><br />
<br />
I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/simple-ribbon.zip">Download PSD File FREE</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/web-graphics/simple-ribbon-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Add digital star effect to your image</title>
		<link>http://www.psyag.com/photo-effect/add-digital-star-effect-to-your-image/</link>
		<comments>http://www.psyag.com/photo-effect/add-digital-star-effect-to-your-image/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 04:08:21 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[star]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=584</guid>
		<description><![CDATA[
In this Photoshop tutorial, I will show you how to change your photo into a digital star type.
Difficulty Level: Easy
Estimated Completion Time: 20 minutes

Below is the preview of final image.

Step 1:
Open any image to which you want to add digital star effect. I am using a intel logo image.

Step 2:
In this step we will apply [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial, I will show you how to change your photo into a digital star type.<br />
<strong>Difficulty Level:</strong> Easy<br />
<strong>Estimated Completion Time</strong>: 20 minutes<br />
<span id="more-584"></span><br />
Below is the preview of final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/15.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/15.jpg" alt="15" title="15" width="233" height="232" class="alignnone size-full wp-image-590" /></a><br />
<strong>Step 1:</strong><br />
Open any image to which you want to add digital star effect. I am using a intel logo image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/10.jpg"><img class="alignnone size-full wp-image-585" title="10" src="http://www.psyag.com/wp-content/uploads/2010/03/10.jpg" alt="10" width="350" height="350" /></a></p>
<p><strong>Step 2:</strong><br />
In this step we will apply <strong>Mosaic filter</strong>. Got to <strong>Filter &gt;&gt; Pixelate &gt;&gt; Mosaic</strong> and apply filter with Cell Size 6 square.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/11.jpg"><img class="alignnone size-full wp-image-586" title="11" src="http://www.psyag.com/wp-content/uploads/2010/03/11.jpg" alt="11" width="569" height="337" /></a></p>
<p><strong>Step 3:</strong><br />
In this step we will apply edges filter. Go to <strong>Filter &gt;&gt; Stylize &gt;&gt; Find Edges</strong> and apply filter.<br />
Now the image looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/12.jpg"><img class="alignnone size-full wp-image-587" title="12" src="http://www.psyag.com/wp-content/uploads/2010/03/12.jpg" alt="12" width="236" height="235" /></a></p>
<p><strong>Step 4:</strong><br />
In this step we will apply median noise. Go to <strong>Filter >> Noise >> Median</strong> apply with a Radius 1 pixels.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/13.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/13.jpg" alt="13" title="13" width="565" height="353" class="alignnone size-full wp-image-588" /></a><br />
<br />
<strong>Step 5:</strong><br />
In this step we will add Blur filter. Go to <strong>Filter >> Blur >> Motion Blur</strong>. Set the angle to 45º and the distance to 10 pixels.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/14.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/14.jpg" alt="14" title="14" width="567" height="388" class="alignnone size-full wp-image-589" /></a><br />
<br />
<strong>Step 6:</strong><br />
In this step we will add Auto tone. Apply auto tone from <strong>Image >> Auto tone</strong>.<br />
Below is the final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/15.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/15.jpg" alt="15" title="15" width="233" height="232" class="alignnone size-full wp-image-590" /></a><br />
<br />
I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/digital-star-effect.zip">Download PSD File FREE</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/photo-effect/add-digital-star-effect-to-your-image/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Multi colors glossy text effect</title>
		<link>http://www.psyag.com/text-effects/multi-colors-glossy-text-effect/</link>
		<comments>http://www.psyag.com/text-effects/multi-colors-glossy-text-effect/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 13:10:31 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=565</guid>
		<description><![CDATA[
In this Photoshop tutorial, we will make multi color glossy text in Photoshop.
Difficulty Level: Easy
Estimated Completion Time: 15 minutes

Below is the preview of final image.


Step 1:
Create a new document in photoshop (File >> New). Fill the background with #5e5e5e color.
Step 2:
Select &#8220;Text Tool&#8221; and type some text in white color. Here I am using PSYAG [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial, we will make multi color glossy text in Photoshop.<br />
<strong>Difficulty Level:</strong> Easy<br />
<strong>Estimated Completion Time:</strong> 15 minutes<br />
<span id="more-565"></span><br />
Below is the preview of final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/multi-color-glossy-text.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/multi-color-glossy-text.jpg" alt="multi-color-glossy-text" title="multi-color-glossy-text" width="339" height="339" class="alignnone size-full wp-image-575" /></a><br />
<br />
<strong>Step 1:</strong><br />
Create a new document in photoshop (File >> New). Fill the background with #5e5e5e color.</p>
<p><strong>Step 2:</strong><br />
Select &#8220;Text Tool&#8221; and type some text in white color. Here I am using PSYAG as text.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/1.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/1.jpg" alt="1" title="1" width="329" height="232" class="alignnone size-full wp-image-566" /></a><br />
</p>
<p><strong>Step 3:</strong><br />
Select individual letter one by one and change to different color.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/2.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/2.jpg" alt="2" title="2" width="307" height="181" class="alignnone size-full wp-image-567" /></a><br />
<br />
<strong>Step 4:</strong><br />
Right click text layer and select blending options. Apply following layer style.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/3.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/3.jpg" alt="3" title="3" width="610" height="454" class="alignnone size-full wp-image-568" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/4.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/4.jpg" alt="4" title="4" width="610" height="454" class="alignnone size-full wp-image-569" /></a><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/5.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/5.jpg" alt="5" title="5" width="610" height="454" class="alignnone size-full wp-image-570" /></a></p>
<p>Now our image looks like this.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/6.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/6.jpg" alt="6" title="6" width="342" height="232" class="alignnone size-full wp-image-571" /></a><br />
<br />
<strong>Step 5:</strong><br />
Press and hold <strong>ctrl</strong> key and click on the text layer. This will load text layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/7.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/7.jpg" alt="7" title="7" width="288" height="134" class="alignnone size-full wp-image-572" /></a><br />
<br />
Go to <strong>Select >> Modify >> Contact</strong>. And contract by 1 px.</p>
<p>Select &#8220;rectangular marquee tool&#8221; with &#8220;intersect with selection&#8221;<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/8.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/8.jpg" alt="8" title="8" width="289" height="214" class="alignnone size-full wp-image-573" /></a><br />
<br />
Select upper half of the selection. Create a new layer and fill it with white color.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/9.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/9.jpg" alt="9" title="9" width="288" height="154" class="alignnone size-full wp-image-574" /></a><br />
<br />
Change layer mode to &#8220;Soft Light&#8221; and opacity to 40%.<br />
Our multi color glossy text is ready.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/03/multi-color-glossy-text.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/03/multi-color-glossy-text.jpg" alt="multi-color-glossy-text" title="multi-color-glossy-text" width="339" height="339" class="alignnone size-full wp-image-575" /></a></p>
<p><strong><a href="http://www.psyag.com/wp-content/uploads/2010/03/multi-color-glossy-text.zip">Download PSD file this tutorial</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/text-effects/multi-colors-glossy-text-effect/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Old Rubber Stamp in Photoshop</title>
		<link>http://www.psyag.com/text-effects/old-rubber-stamp-in-photoshop/</link>
		<comments>http://www.psyag.com/text-effects/old-rubber-stamp-in-photoshop/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 04:40:38 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[old]]></category>
		<category><![CDATA[stamp]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=536</guid>
		<description><![CDATA[
In this Photoshop tutorial, we will make old rubber stamp. As usual, you can download the PSD file of tutorial at the end of tutorial.
Difficulty Level: Easy
Estimated Completion Time: 15 minutes

Below is the preview of final image.

Step 1:
Create a new document. File >> New

Select paint bucket tool and fill the layer with white color.



Step 2:
Create [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial, we will make old rubber stamp. As usual, you can download the PSD file of tutorial at the end of tutorial.<br />
<strong>Difficulty Level:</strong> Easy<br />
<strong>Estimated Completion Time</strong>: 15 minutes<br />
<span id="more-536"></span><br />
Below is the preview of final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/rubber-stamp.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/rubber-stamp.jpg" alt="rubber-stamp" title="rubber-stamp" width="300" height="300" class="alignnone size-full wp-image-553" /></a></p>
<p><strong>Step 1:</strong><br />
Create a new document. File >> New<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/11.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/11.jpg" alt="new document" title="new document" width="551" height="338" class="alignnone size-full wp-image-537" /></a></p>
<p>Select paint bucket tool and fill the layer with white color.<br />
<img alt="" src="http://www.psyag.com/wp-content/uploads/2010/02/691.jpg" title="paint bucket tool" class="alignnone" width="241" height="239" /><br />
<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/12.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/12.jpg" alt="12" title="12" width="298" height="298" class="alignnone size-full wp-image-538" /></a></p>
<p><strong>Step 2:</strong><br />
Create a new layer (Layer >> New >> Layer). Select &#8220;Text Tool&#8221; and type some text ending with * symbol. Here I am using &#8220;<strong>Latest Photoshop Tutorial *</strong>&#8221;<br />
Use font weight <strong>Bold</strong> and font size <strong>14pt</strong><br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/13.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/13.jpg" alt="13" title="13" width="299" height="298" class="alignnone size-full wp-image-539" /></a><br />
<br />
Click on &#8220;<strong>Create Warped Text</strong>&#8221; icon<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/14.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/14.jpg" alt="create warped text" title="create warped text" width="386" height="160" class="alignnone size-full wp-image-540" /></a><br />
<br />
And apply following settings.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/151.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/151.jpg" alt="Arc" title="Arc" width="377" height="262" class="alignnone size-full wp-image-541" /></a><br />
<br />
Now the image should look like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/161.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/161.jpg" alt="16" title="16" width="302" height="298" class="alignnone size-full wp-image-542" /></a><br />
<br />
<strong>Step 3:</strong><br />
Right Click the text layer and select &#8220;Duplicate Layer&#8221;. Rotate the duplicate layer by 180 degrees (<strong>Edit >>Transform >>Rotate 180</strong>). Move the duplicate text layer below to create a circle shape, as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/171.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/171.jpg" alt="17" title="17" width="293" height="294" class="alignnone size-full wp-image-543" /></a><br />
<br />
<strong>Step 4:</strong><br />
Create a new layer. Select &#8220;<strong>Elliptical Marquee Tool</strong>&#8220;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/181.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/181.jpg" alt="Elliptical marquee tool" title="Elliptical marquee tool" width="267" height="203" class="alignnone size-full wp-image-544" /></a><br />
<br />
Draw a circle outside the text as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/191.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/191.jpg" alt="19" title="19" width="300" height="300" class="alignnone size-full wp-image-545" /></a><br />
<br />
Go to <strong>Edit >>Stroke</strong> and apply 5px width stroke.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/201.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/201.jpg" alt="stroke" title="stroke" width="347" height="322" class="alignnone size-full wp-image-546" /></a><br />
This will create a border of 5px width. Now our image looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/211.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/211.jpg" alt="21" title="21" width="298" height="300" class="alignnone size-full wp-image-547" /></a><br />
</p>
<p>Again create a new layer, and create another circle inside text. But this time use stroke width 3px.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/221.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/221.jpg" alt="22" title="22" width="297" height="298" class="alignnone size-full wp-image-548" /></a><br />
</p>
<p><strong>Step 5:</strong><br />
Create a new layer. Select &#8220;Text Tool&#8221; and type some text in large and bold font style. Here I am using PSYAG text.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/231.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/231.jpg" alt="23" title="23" width="297" height="295" class="alignnone size-full wp-image-550" /></a><br />
<br />
<strong>Step 6:</strong><br />
Create a new layer. Go to <strong>Filter >> Render >> Clouds</strong>.<br />
Change layer mode to &#8220;<strong>Screen</strong>&#8220;. Now our image looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/241.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/241.jpg" alt="24" title="24" width="297" height="300" class="alignnone size-full wp-image-551" /></a><br />
<br />
Now go to: <strong>Filter >>Noise >> Add Noise</strong> and add some noise.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/251.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/251.jpg" alt="25" title="25" width="332" height="431" class="alignnone size-full wp-image-552" /></a><br />
<br />
Our rubber stamp is ready. Below is the final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/rubber-stamp.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/rubber-stamp.jpg" alt="rubber-stamp" title="rubber-stamp" width="300" height="300" class="alignnone size-full wp-image-553" /></a><br />
<br />
I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/02/rubber-stamp.zip">Download PSD File FREE</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/text-effects/old-rubber-stamp-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Woven Navigation Bar in Photoshop</title>
		<link>http://www.psyag.com/navigation-bar/woven-navigation-bar-in-photoshop/</link>
		<comments>http://www.psyag.com/navigation-bar/woven-navigation-bar-in-photoshop/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 08:46:46 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Navigation Bar]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navigation]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=521</guid>
		<description><![CDATA[
In this Photoshop tutorial, we will make a woven type navigation bar. Tutorial is very easy and should take 10-15 minute.

Difficulty Level: Easy
Estimated Completion Time: 10 minutes


Below is the preview of final image.

Step 1:
Create a new document in Adobe Photoshop (File >> New).


Create a new layer (Layer >> New >> Layer). Select paint bucket tool.


Fill [...]]]></description>
			<content:encoded><![CDATA[
<p>In this Photoshop tutorial, we will make a woven type navigation bar. Tutorial is very easy and should take 10-15 minute.</p>
<ul>
<li><strong>Difficulty Level</strong>: Easy</li>
<li><strong>Estimated Completion Time</strong>: 10 minutes</li>
</ul>
<p><span id="more-521"></span><br />
<strong>Below is the preview of final image.</strong><br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/10.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/10.jpg" alt="10" title="10" width="399" height="198" class="alignnone size-full wp-image-532" /></a></p>
<p><strong>Step 1:</strong><br />
Create a new document in Adobe Photoshop (File >> New).<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/1.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/1.jpg" alt="New document" title="New document" width="551" height="338" class="alignnone size-full wp-image-522" /></a><br />
<br />
Create a new layer (Layer >> New >> Layer). Select paint bucket tool.<br />
<img alt="" src="http://www.psyag.com/wp-content/uploads/2010/02/691.jpg" title="paint bucket tool" class="alignnone" width="241" height="239" /><br />
<br />
Fill the layer with #981300 color.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/2.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/2.jpg" alt="2" title="2" width="400" height="200" class="alignnone size-full wp-image-523" /></a></p>
<p><strong>Step 2:</strong><br />
Select &#8220;Rounded Rectangular Tool&#8221; with radius 8px and #000000 color<br />
<img alt="" src="http://www.psyag.com/wp-content/uploads/2010/02/81.jpg" title="rounded rectangular tool" class="alignnone" width="267" height="232" /><br />
<br />
Draw a navigation bar and change opacity to 50%<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/3.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/3.jpg" alt="3" title="3" width="399" height="198" class="alignnone size-full wp-image-524" /></a><br />
</p>
<p><strong>Step 3:</strong><br />
Create a new layer (Layer >> New Layer). Select &#8220;Rectangle tool&#8221;. Set color to #b84208 and draw a shape as shown in below image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/410.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/410.jpg" alt="4" title="4" width="398" height="198" class="alignnone size-full wp-image-526" /></a></p>
<p><strong>Step 4:</strong><br />
Create a new layer. Select &#8220;Ellipse tool&#8221; and color to black. Draw a ellipse shape as shown in below image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/5.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/5.jpg" alt="5" title="5" width="401" height="200" class="alignnone size-full wp-image-527" /></a></p>
<p>Right click the layer and select <strong>Rasterize Layer</strong>. Now go to Filter >> Blur >> Gaussian Blur and apply following.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/6.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/6.jpg" alt="6" title="6" width="332" height="343" class="alignnone size-full wp-image-528" /></a><br />
<br />
Select rectangular marquee tool and select top 50% of the ellipse shape and press delete key.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/7.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/7.jpg" alt="7" title="7" width="400" height="203" class="alignnone size-full wp-image-529" /></a><br />
<br />
Change opacity to 65% It will now look like this.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/8.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/8.jpg" alt="8" title="8" width="399" height="202" class="alignnone size-full wp-image-530" /></a></p>
<p><strong>Step 5:</strong><br />
Now we will create bottom shadow. Right click the top ellipse shape and select &#8220;Duplicate Layer&#8221;. This will create duplicate shape of top shadow. Drag the shape to bottom. Now go to <strong>Edit >> Transform >> Flip Vertical</strong></p>
<p>Our Navigation bar will now look like this.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/9.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/9.jpg" alt="9" title="9" width="400" height="199" class="alignnone size-full wp-image-531" /></a><br />
</p>
<p><strong>Step 6:</strong><br />
Create a new layer, select &#8220;text tool&#8221; and type menu links with #FFFFFF color.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/10.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/02/10.jpg" alt="10" title="10" width="399" height="198" class="alignnone size-full wp-image-532" /></a><br />
<br />
I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!<br />
<strong><a href="http://www.psyag.com/wp-content/uploads/2010/02/nav-bar.zip">Download PSD file</a></strong></p>

]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/navigation-bar/woven-navigation-bar-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
