<?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>PhotoShop Yag &#187; Icon</title>
	<atom:link href="http://www.psyag.com/tag/icon/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psyag.com</link>
	<description>Photoshop Tips, Tutorials for beginners and advanced</description>
	<lastBuildDate>Sun, 10 Apr 2011 12:37:30 +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>Design Clipboard Icon in photoshop</title>
		<link>http://www.psyag.com/icon/design-clipboard-icon-in-photoshop/</link>
		<comments>http://www.psyag.com/icon/design-clipboard-icon-in-photoshop/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 10:50:33 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Icon]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=1070</guid>
		<description><![CDATA[In this Photoshop tutorial we will design a cool looking clipboard icon. At the end of tutorial you can download PSD file and PNG file of the icon.

Final preview
Below is the final preview of clipboard icon.
<a href="http://www.psyag.com/wp-content/uploads/2010/08/54.jpg"></a>

So, lets start the tutorial.
Step 1:
Create a new&#8230;]]></description>
			<content:encoded><![CDATA[<p>In this Photoshop tutorial we will design a cool looking clipboard icon. At the end of tutorial you can download PSD file and PNG file of the icon.<br />
<span id="more-1070"></span></p>
<h2>Final preview</h2>
<p>Below is the final preview of clipboard icon.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/54.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/54.jpg" alt="54" title="54" width="254" height="256" class="alignnone size-full wp-image-1102" /></a><br />
</p>
<p>So, lets start the tutorial.</p>
<h2>Step 1:</h2>
<p>Create a new document in Photoshop of size 256 X 256 px and transparent background.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/32.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/32.jpg" alt="32" title="32" width="551" height="338" class="alignnone size-full wp-image-1072" /></a></p>
<p>Select &#8220;Rounded Rectangle tool&#8221; with 3px radius.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/33.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/33.jpg" alt="Rounded rectangle tool" title="Rounded rectangle tool" width="360" height="299" class="alignnone size-full wp-image-1073" /></a></p>
<p>Set color to #bb7107 and draw a round rectangle shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/34.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/34.jpg" alt="34" title="34" width="255" height="255" class="alignnone size-full wp-image-1074" /></a><br />
<br />
Apply following layer style to this rectangle shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/35.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/35.jpg" alt="35" title="35" width="610" height="454" class="alignnone size-full wp-image-1076" /></a></p>
<p>
<a href="http://www.psyag.com/wp-content/uploads/2010/08/36.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/36.jpg" alt="36" title="36" width="610" height="454" class="alignnone size-full wp-image-1077" /></a></p>
<p></p>
<p>So, it looks like this now.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/37.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/37.jpg" alt="37" title="37" width="255" height="255" class="alignnone size-full wp-image-1079" /></a></p>
<h2>Step 2:</h2>
<p>Select &#8220;<strong>Rectangle Tool</strong>&#8220;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/04/rectangle-tool.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/04/rectangle-tool.jpg" alt="rectangle tool" title="rectangle tool" width="256" height="195" class="alignnone size-full wp-image-846" /></a><br />
</p>
<p>With color set to #cbc8c3 draw a rectangle shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/38.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/38.jpg" alt="38" title="38" width="256" height="253" class="alignnone size-full wp-image-1080" /></a></p>
<p>
Apply following layer style to this rectangle shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/39.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/39.jpg" alt="39" title="39" width="610" height="454" class="alignnone size-full wp-image-1082" /></a></p>
<p>
<a href="http://www.psyag.com/wp-content/uploads/2010/08/40.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/40.jpg" alt="40" title="40" width="610" height="454" class="alignnone size-full wp-image-1083" /></a></p>
<p></p>
<p>So, it looks like this now.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/41.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/41.jpg" alt="41" title="41" width="252" height="251" class="alignnone size-full wp-image-1084" /></a></p>
<p></p>
<h2>Step 3:</h2>
<p>Again select &#8220;rectangle tool&#8221; and set color to #dfddd9 and draw another rectangle shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/42.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/42.jpg" alt="42" title="42" width="254" height="254" class="alignnone size-full wp-image-1086" /></a></p>
<p></p>
<p>Apply following layer style to this rectangle shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/39.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/39.jpg" alt="39" title="39" width="610" height="454" class="alignnone size-full wp-image-1082" /></a></p>
<p>
<a href="http://www.psyag.com/wp-content/uploads/2010/08/40.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/40.jpg" alt="40" title="40" width="610" height="454" class="alignnone size-full wp-image-1083" /></a></p>
<p></p>
<p>So, it looks like this now.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/43.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/43.jpg" alt="43" title="43" width="254" height="255" class="alignnone size-full wp-image-1088" /></a><br />
</p>
<h2>Step 4:</h2>
<p>Create a new layer (layer >> New >> layer). Select &#8220;Rounded Rectangle tool&#8221; with radius set to 3px and color set to #aca598<br />
Draw a shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/44.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/44.jpg" alt="44" title="44" width="489" height="495" class="alignnone size-full wp-image-1090" /></a></p>
<p>
Go to <strong>Edit >> Transform >> Perspective</strong><br />
Now drag the top right point to slightly right side.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/45.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/45.jpg" alt="45" title="45" width="477" height="209" class="alignnone size-full wp-image-1091" /></a><br />
<br />
So, it looks like this now.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/46.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/46.jpg" alt="46" title="46" width="389" height="134" class="alignnone size-full wp-image-1092" /></a><br />
</p>
<p>Again create a new layer and draw a rounded rectangle shape as shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/47.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/47.jpg" alt="47" title="47" width="496" height="267" class="alignnone size-full wp-image-1094" /></a><br />
</p>
<p>Now merge layers of both these rounded rectangle shape. Apply following layer style to the merged layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/39.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/39.jpg" alt="39" title="39" width="610" height="454" class="alignnone size-full wp-image-1082" /></a></p>
<p>
<a href="http://www.psyag.com/wp-content/uploads/2010/08/49.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/49.jpg" alt="49" title="49" width="610" height="454" class="alignnone size-full wp-image-1096" /></a><br />
<br/></p>
<h2>Step 5:</h2>
<p>Using line tool draw few lines.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/50.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/50.jpg" alt="50" title="50" width="251" height="251" class="alignnone size-full wp-image-1097" /></a><br />
</p>
<p>Now using custom shape, I will put a pen shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/51.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/51.jpg" alt="51" title="51" width="249" height="249" class="alignnone size-full wp-image-1098" /></a></p>
<h2>Step 6:</h2>
<p>Create a new layer. Select &#8220;Ellipse tool&#8221;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/ellipse-tool.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/ellipse-tool.jpg" alt="ellipse tool" title="ellipse tool" width="308" height="207" class="alignnone size-full wp-image-1107" /></a><br />
<br />
With black color draw a shape as show below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/52.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/52.jpg" alt="52" title="52" width="254" height="257" class="alignnone size-full wp-image-1100" /></a><br />
<br />
Now apply Gaussian blur to this shape. (Filter >> Blur >> Gaussian Blur).<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/53.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/53.jpg" alt="53" title="53" width="326" height="336" class="alignnone size-full wp-image-1101" /></a><br />
<br />
Free transform the shape (CTRL + T) and adjust it to have a shadow type effect. Our clipboard icon is ready.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/08/54.jpg"><img src="http://www.psyag.com/wp-content/uploads/2010/08/54.jpg" alt="54" title="54" width="254" height="256" class="alignnone size-full wp-image-1102" /></a></p>
<p></p>
<h2>icon License:</h2>
<p>Free to use for personal and commercial use. Everyone is free to distribute it. A kind request, please put a link back to our site as icon source.</p>
<p>Below you can download PSD file and PNG file of the icon.</p>
<p><a href='http://www.psyag.com/wp-content/uploads/2010/08/psyag-Clipboard-Icon.zip'><img src="http://www.psyag.com/wp-content/uploads/2010/08/download.png" alt="download" title="download" width="256" height="100" class="alignnone size-full wp-image-1104" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/icon/design-clipboard-icon-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Web 2.0 Chat icon in photoshop</title>
		<link>http://www.psyag.com/icon/web-20-chat-icon-in-photoshop/</link>
		<comments>http://www.psyag.com/icon/web-20-chat-icon-in-photoshop/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 14:13:22 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Icon]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.fotoshop7.com/?p=239</guid>
		<description><![CDATA[In this tutorial we will learn how to make a shiny web 2.0 type chat icon in photoshop.
1) Create a new decument (File -&#62; New), size 400 X 400 px and transparent background.

2) To create chat icon, select following:

Select text tool from tool palette.
Font type Webdings
Size&#8230;]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we will learn how to make a shiny web 2.0 type chat icon in photoshop.</p>
<p>1) Create a new decument (File -&gt; New), size 400 X 400 px and transparent background.</p>
<p><span id="more-461"></span></p>
<p>2) To create chat icon, select following:</p>
<ul>
<li>Select text tool from tool palette.</li>
<li>Font type Webdings</li>
<li>Size 250 px</li>
<li>color on your choise, I have taken red color.</li>
</ul>
<p>And type  <strong><span style="font-size: medium;">^</span></strong><br />
We will get a chat icon like this:<br />
<img class="alignnone size-full wp-image-244" title="16" src="http://www.psyag.com/wp-content/uploads/2009/06/161.jpg" alt="16" width="414" height="432" /></p>
<p>3) Right Click on layer and select &#8220;Blending Options&#8221; and do following settings.</p>
<p><img class="alignnone size-full wp-image-248" title="26" src="http://www.psyag.com/wp-content/uploads/2009/06/261.jpg" alt="26" width="490" height="359" /></p>
<p><img class="alignnone size-full wp-image-249" title="36" src="http://www.psyag.com/wp-content/uploads/2009/06/361.jpg" alt="36" width="490" height="359" /></p>
<p><img class="alignnone size-full wp-image-250" title="45" src="http://www.psyag.com/wp-content/uploads/2009/06/451.jpg" alt="45" width="490" height="359" /></p>
<p><img class="alignnone size-full wp-image-251" title="55" src="http://www.psyag.com/wp-content/uploads/2009/06/551.jpg" alt="55" width="490" height="359" /></p>
<p><img class="alignnone size-full wp-image-252" title="65" src="http://www.psyag.com/wp-content/uploads/2009/06/651.jpg" alt="65" width="490" height="359" /></p>
<p>5) Hold Ctrl key and click on the layer in the layer pallet to select all contents of this layer.</p>
<p><img class="alignnone size-full wp-image-254" title="74" src="http://www.psyag.com/wp-content/uploads/2009/06/741.jpg" alt="74" width="415" height="436" /></p>
<p>6) Creat a new layer (layer -&gt; New Layer)</p>
<p>7) Select &#8220;rectangular marquee tool&#8221;</p>
<p><img class="alignnone" title="rentaglr marquee tool" src="http://www.psyag.com/wp-content/uploads/2009/06/151.jpg" alt="" width="271" height="445" /></p>
<p>Now, hold Alt key and draw a shape like this:</p>
<p><img class="alignnone size-full wp-image-255" title="84" src="http://www.psyag.com/wp-content/uploads/2009/06/841.jpg" alt="84" width="394" height="361" /></p>
<p> <img src='http://www.psyag.com/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> Fill up the selection with white color using the “Paint Bucket Tool”.</p>
<p><img class="alignnone" title="photoshop bucket ool" src="http://www.psyag.com/wp-content/uploads/2009/06/251.jpg" alt="" width="227" height="449" /></p>
<p>9) Set the layer blend mode to Soft Light, opacity to 75%, and fill to 50%</p>
<p>Our chat icon is ready.</p>
<p><img class="alignnone size-full wp-image-258" title="94" src="http://www.psyag.com/wp-content/uploads/2009/06/941.jpg" alt="94" width="427" height="431" /></p>
<p><img class="alignnone size-full wp-image-259" title="final" src="http://www.psyag.com/wp-content/uploads/2009/06/final1.gif" alt="final" width="269" height="204" /></p>
<p>You can add some text and change color of icon of your choise.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/icon/web-20-chat-icon-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

