<?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>Webdesigner Lab &#187; Tutorials</title>
	<atom:link href="http://webdesignerlab.com/category/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>http://webdesignerlab.com</link>
	<description>Web design blog - tutorials, templates, resources</description>
	<lastBuildDate>Thu, 22 Jul 2010 08:00:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Making a beautiful wallpaper in Photoshop</title>
		<link>http://webdesignerlab.com/photoshop/making-a-beautiful-wallpaper-in-photoshop/ </link>
		<comments>http://webdesignerlab.com/photoshop/making-a-beautiful-wallpaper-in-photoshop/ #comments</comments>
		<pubDate>Thu, 17 Sep 2009 09:45:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://webdesignerlab.com/?p=112</guid>
		<description><![CDATA[<img align="left" hspace="5" width="100" height="80" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper-150x150.jpg" class="alignleft wp-post-image tfe" alt="wallpaper" title="wallpaper" />Today I am going to show you how to make a beautiful  wallpaper using Photoshop. Hope you&#8217;ll enjoy following it and you&#8217;ll learn new techniques in using Photoshop. The final result is going to look like this: (Click on the picture to enlarge it.)

Now, let’s get to work&#8230;Open a new document. Mine is 1280px wide [...]


Related posts:<ol><li><a href='http://webdesignerlab.com/photoshop/creating-a-twitter-icon/ ' rel='bookmark' title='Permanent Link: Creating a Twitter icon'>Creating a Twitter icon</a></li><li><a href='http://webdesignerlab.com/photoshop/creating-a-download-button/ ' rel='bookmark' title='Permanent Link: Creating a download button'>Creating a download button</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Today I am going to show you how to make a beautiful  wallpaper using Photoshop. Hope you&#8217;ll enjoy following it and you&#8217;ll learn new techniques in using Photoshop. The final result is going to look like this: (Click on the picture to enlarge it.)</p>
<p><a rel="lightbox" href="http://www.webdesignerlab.com/resources/spacewallpaper.jpg"><img class="size-full wp-image-113 alignnone" title="wallpaper" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper.jpg" border="0" alt="wallpaper" width="450" height="360" /></a></p>
<p>Now, let’s get to work&#8230;Open a new document. Mine is 1280px wide by 1024 px high. Fill the background layer with dark blue (#01132e). Create a new layer, set the foreground color to #c6dbfc and the background color to #01b8ff <img class="alignleft size-full wp-image-116" title="wallpaper1" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper1.jpg" alt="wallpaper1" width="46" height="60" /></p>
<p>. Select the „Brush tool” and choose the „Soft Mechanical 65 pixels” brush from the Basic Brushes Set. <img class="alignnone size-full wp-image-117" title="wallpaper2" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper2.jpg" alt="wallpaper2" width="450" height="409" /></p>
<p style="text-align: justify;">Click on the Brushes button on the Icon Palette</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-123" title="wallpaper3" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper3.jpg" alt="wallpaper3" width="411" height="540" /></p>
<p style="text-align: justify;">and choose the folowing options:</p>
<p style="text-align: justify;">Shape Dynamics:</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-124" title="wallpaper4" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper4.jpg" alt="wallpaper4" width="376" height="456" /></p>
<p style="text-align: justify;">Scattering:</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-125" title="wallpaper5" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper5.jpg" alt="wallpaper5" width="377" height="455" /></p>
<p style="text-align: justify;">Color dynamics:</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-126" title="wallpaper6" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper6.jpg" alt="wallpaper6" width="377" height="452" /></p>
<p style="text-align: justify;">And finally Other dynamics:</p>
<p style="text-align: justify;"><img class="alignnone size-full wp-image-127" title="wallpaper7" src="http://webdesignerlab.com/wp-content/uploads/2009/09/wallpaper7.jpg" alt="wallpaper7" width="377" height="453" /></p>
<p style="text-align: justify;">
<!-- Easy AdSense V2.81 -->
<!-- Post[count: 2] -->
<div class="ezAdsense adsense adsense-leadout" style="text-align:center;margin:12px; "><script type="text/javascript"><!--
google_ad_client = "pub-4939357588516690";
/* banner468 */
google_ad_slot = "4537756897";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>

<p>Related posts:<ol><li><a href='http://webdesignerlab.com/photoshop/creating-a-twitter-icon/ ' rel='bookmark' title='Permanent Link: Creating a Twitter icon'>Creating a Twitter icon</a></li><li><a href='http://webdesignerlab.com/photoshop/creating-a-download-button/ ' rel='bookmark' title='Permanent Link: Creating a download button'>Creating a download button</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://webdesignerlab.com/photoshop/making-a-beautiful-wallpaper-in-photoshop/ /feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Creating a download button</title>
		<link>http://webdesignerlab.com/photoshop/creating-a-download-button/ </link>
		<comments>http://webdesignerlab.com/photoshop/creating-a-download-button/ #comments</comments>
		<pubDate>Sat, 15 Aug 2009 10:33:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://webdesignerlab.com/?p=31</guid>
		<description><![CDATA[<img align="left" hspace="5" width="100" height="80" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download12-150x150.jpg" class="alignleft wp-post-image tfe" alt="download12" title="download12" />In this tutorial I’ll teach you how to create a download button.The final result will look like this:

OK then, let’s start.
Open a new document (mine is 600&#215;600).
Create a new layer and pick the „Elipse Tool”. Draw a blue circle holding SHIFT down. (I used #3c88fa).

Now, let’s apply some blending options:
First is „Drop Shadow”

Next is „Gradient [...]


Related posts:<ol><li><a href='http://webdesignerlab.com/photoshop/creating-a-twitter-icon/ ' rel='bookmark' title='Permanent Link: Creating a Twitter icon'>Creating a Twitter icon</a></li><li><a href='http://webdesignerlab.com/photoshop/making-a-beautiful-wallpaper-in-photoshop/ ' rel='bookmark' title='Permanent Link: Making a beautiful wallpaper in Photoshop'>Making a beautiful wallpaper in Photoshop</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I’ll teach you how to create a download button.The final result will look like this:</p>
<p><img class="alignleft size-full wp-image-42" title="download12" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download12.jpg" alt="download12" width="450" height="197" /></p>
<p>OK then, let’s start.</p>
<p>Open a new document (mine is 600&#215;600).</p>
<p>Create a new layer and pick the „Elipse Tool”. Draw a blue circle holding SHIFT down. (I used #3c88fa).</p>
<p><img class="alignnone size-full wp-image-30" title="download1" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download1.jpg" alt="download1" width="450" height="245" /></p>
<p>Now, let’s apply some blending options:<br />
First is „Drop Shadow”</p>
<p><img class="alignnone size-full wp-image-32" title="download2" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download2.jpg" alt="download2" width="450" height="335" /></p>
<p>Next is „Gradient overlay”</p>
<p><img class="alignnone size-full wp-image-33" title="download3" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download3.jpg" alt="download3" width="450" height="337" /></p>
<p>Create a new layer. Select the „Custom Shape Tool” and choose the „Arrows”.</p>
<p><img class="alignnone size-full wp-image-34" title="download4" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download4.jpg" alt="download4" width="450" height="639" /></p>
<p><img class="alignnone size-full wp-image-35" title="download5" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download5.jpg" alt="download5" width="450" height="221" /></p>
<p>Pick arrow9 and draw an arrow in the middle of the blue circle:</p>
<p><img class="alignnone size-full wp-image-36" title="download6" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download6.jpg" alt="download6" width="450" height="234" /></p>
<p>Right click on the arrow layer and choose „Rasterize layer”. Then pick the „Rectangular Marquee Tool” and draw a small rectangle like in the picture below:</p>
<p><img class="alignnone size-full wp-image-37" title="download7" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download7.jpg" alt="download7" width="450" height="245" /></p>
<p>Delete the selected rectangle and after that move the rectangle down, press the Delete key and continue until your arrow looks like this:</p>
<p><img class="alignnone size-full wp-image-38" title="download8" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download8.jpg" alt="download8" width="450" height="232" /></p>
<p>Let’s add now some blending options to the arrow layer:</p>
<p>First „Stroke”:</p>
<p><img class="alignnone size-full wp-image-39" title="download9" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download9.jpg" alt="download9" width="450" height="337" /></p>
<p>And then „Drop Shadow”</p>
<p><img class="alignnone size-full wp-image-40" title="download10" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download10.jpg" alt="download10" width="450" height="338" /></p>
<p>And finally „Gradient Overlay”:</p>
<p><img class="alignnone size-full wp-image-41" title="download11" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download11.jpg" alt="download11" width="450" height="335" /></p>
<p>And the button is now ready:</p>
<p><img class="alignnone size-full wp-image-42" title="download12" src="http://webdesignerlab.com/wp-content/uploads/2009/08/download12.jpg" alt="download12" width="450" height="197" /></p>


<p>Related posts:<ol><li><a href='http://webdesignerlab.com/photoshop/creating-a-twitter-icon/ ' rel='bookmark' title='Permanent Link: Creating a Twitter icon'>Creating a Twitter icon</a></li><li><a href='http://webdesignerlab.com/photoshop/making-a-beautiful-wallpaper-in-photoshop/ ' rel='bookmark' title='Permanent Link: Making a beautiful wallpaper in Photoshop'>Making a beautiful wallpaper in Photoshop</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://webdesignerlab.com/photoshop/creating-a-download-button/ /feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Creating a Twitter icon</title>
		<link>http://webdesignerlab.com/photoshop/creating-a-twitter-icon/ </link>
		<comments>http://webdesignerlab.com/photoshop/creating-a-twitter-icon/ #comments</comments>
		<pubDate>Thu, 13 Aug 2009 16:03:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://webdesignerlab.com/?p=10</guid>
		<description><![CDATA[<img align="left" hspace="5" width="100" height="80" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter12-150x150.jpg" class="alignleft wp-post-image tfe" alt="twitter12" title="twitter12" />In this tutorial I am going to show you how to make a twitter icon. You need  to be pacient with me because this is my first tutorial&#8230; The final result of this tutorial will look like this:

First of all you need to download the twitter font (I found it here : http://twitterfont.com/ , [...]


Related posts:<ol><li><a href='http://webdesignerlab.com/photoshop/creating-a-download-button/ ' rel='bookmark' title='Permanent Link: Creating a download button'>Creating a download button</a></li><li><a href='http://webdesignerlab.com/photoshop/making-a-beautiful-wallpaper-in-photoshop/ ' rel='bookmark' title='Permanent Link: Making a beautiful wallpaper in Photoshop'>Making a beautiful wallpaper in Photoshop</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I am going to show you how to make a twitter icon. You need  to be pacient with me because this is my first tutorial&#8230; The final result of this tutorial will look like this:</p>
<p><img class="alignleft size-full wp-image-25" title="twitter12" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter12.jpg" alt="twitter12" width="306" height="233" /></p>
<p>First of all you need to download the twitter font (I found it here : <a href="http://twitterfont.com/">http://twitterfont.com/</a> , Twitter font 1)  . Install the font and then start Photoshop.</p>
<p>Open a new document (mine is 600&#215;600 , I like to have space to move  around).</p>
<p>Create a new layer and then pick the „Rounded Rectangle Tool”. On the top of  the screen you have a toolbar. Set the properties like in the image below:</p>
<p><img class="alignleft size-full wp-image-11" title="twitter0" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter0.jpg" alt="twitter0" width="625" height="20" /></p>
<p>While holding „Shift” on your keyboard, create a shape in the middle of the document.</p>
<p>You should have something like this:</p>
<p><img class="size-full wp-image-12 alignnone" title="twitter1" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter1.jpg" alt="twitter1" width="450" height="348" /></p>
<p>Now, we are going to add a gradient to the shape. Click on the „Gradient tool” <img class="size-full wp-image-13 alignnone" title="twitter3" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter3.jpg" alt="twitter3" width="33" height="20" />.</p>
<p>Choose the following colors:<img class="alignnone size-full wp-image-14" title="twitter4" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter4.jpg" alt="twitter4" width="41" height="48" /></p>
<p><strong>#1c86fb</strong> for foreground and <strong>#045dbf</strong> for background.</p>
<p>Then hold the CTRL key while clicking on the image next to your layer name, to select it.</p>
<p>Take the „Gradient tool” and while holding „Shift” down make a gradient from top to bottom.</p>
<p>And this is the result:</p>
<p><img class="alignnone size-full wp-image-17" title="twitter5" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter5.jpg" alt="twitter5" width="209" height="193" /></p>
<p>Now let’s add some effects to that layer. Right click on the layer and select Blending Options. First apply „Drop Shadow”. Set the properties like in the image below:</p>
<p><img class="alignnone size-full wp-image-19" title="twitter6" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter6.jpg" alt="twitter6" width="449" height="335" /></p>
<p>Then apply „Stroke”:</p>
<p><img class="alignnone size-full wp-image-20" title="twitter7" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter7.jpg" alt="twitter7" width="449" height="333" /></p>
<p>And „Inner Shadow”:</p>
<p><img class="alignnone size-full wp-image-21" title="twitter8" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter8.jpg" alt="twitter8" width="449" height="335" /></p>
<p>Create a new layer and grab the „Text tool”. Select the font you’ve just installed (PicoBlackAl). Set the font size to 150 pt an type „t”.</p>
<p><img class="alignnone size-full wp-image-22" title="twitter9" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter9.jpg" alt="twitter9" width="262" height="222" /></p>
<p>Let’s add „Bevel and Emboss” to the letter:</p>
<p><img class="alignnone size-full wp-image-23" title="twitter10" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter10.jpg" alt="twitter10" width="449" height="337" /></p>
<p>And finally create a new layer, then while holding the CTRL key click on the blue shape layer to select it. Take the „Elliptical Marquee Tool” an hold down SHIFT and ALT while drawing a elipse. You should get something like this:</p>
<p><img class="alignnone size-full wp-image-24" title="twitter11" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter11.jpg" alt="twitter11" width="449" height="255" /></p>
<p>Change the foreground color to white and grab the „Paint Bucket Tool” then color the selected new layer to white. Change the opacity of the layer to 10%. And here is the result:</p>
<p><img class="alignnone size-full wp-image-25" title="twitter12" src="http://webdesignerlab.com/wp-content/uploads/2009/08/twitter12.jpg" alt="twitter12" width="306" height="233" /></p>


<p>Related posts:<ol><li><a href='http://webdesignerlab.com/photoshop/creating-a-download-button/ ' rel='bookmark' title='Permanent Link: Creating a download button'>Creating a download button</a></li><li><a href='http://webdesignerlab.com/photoshop/making-a-beautiful-wallpaper-in-photoshop/ ' rel='bookmark' title='Permanent Link: Making a beautiful wallpaper in Photoshop'>Making a beautiful wallpaper in Photoshop</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://webdesignerlab.com/photoshop/creating-a-twitter-icon/ /feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
