<?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>BlogWatts</title>
	<atom:link href="http://www.blogwatts.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogwatts.com</link>
	<description>look.learn.create.play</description>
	<lastBuildDate>Sat, 07 May 2011 06:48:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Artist Focus: Dave Hill</title>
		<link>http://www.blogwatts.com/inspiration/artis-focus-dave-hill/</link>
		<comments>http://www.blogwatts.com/inspiration/artis-focus-dave-hill/#comments</comments>
		<pubDate>Sat, 09 May 2009 23:31:38 +0000</pubDate>
		<dc:creator>Anthony</dc:creator>
				<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/?p=61</guid>
		<description><![CDATA[While looking online for some inspiration I found some amazing photos by Dave Hill. Dave is a commercial photographer originally from California. The effects that he applies to his photography truly amazing. I would definitely suggest visiting his site to see more of his work and stop by his blog to read up one what [...]]]></description>
			<content:encoded><![CDATA[<p>While looking online for some inspiration I found some amazing photos by Dave Hill. Dave is a commercial photographer originally from California. The effects that he applies to  his photography truly amazing. I would definitely suggest visiting his <a title="Dave Hill Photo" href="http://www.davehillphoto.com/" target="_blank">site</a> to see more of his work and stop by his <a title="Dave Hill Blog" href="http://www.photographyisrad.com/" target="_blank">blog</a> to read up one what he is up to.</p>
<p><span id="more-61"></span><br />
Here are a few photos from his portfolio:</p>
<p><img class="alignnone" src="http://www.blogwatts.com/inspiration/davehill/dave_hill_1.jpg" alt="" /></p>
<p><img class="alignnone" src="http://www.blogwatts.com/inspiration/davehill/dave_hill_2.jpg" alt="" /></p>
<p><img class="alignnone" src="http://www.blogwatts.com/inspiration/davehill/dave_hill_3.jpg" alt="" /></p>
<p><img class="alignnone" src="http://www.blogwatts.com/inspiration/davehill/dave_hill_4.jpg" alt="" /></p>
<p><img class="alignnone" src="http://www.blogwatts.com/inspiration/davehill/dave_hill_5.jpg" alt="" /></p>
<p><img class="alignnone" src="http://www.blogwatts.com/inspiration/davehill/dave_hill_6.jpg" alt="" /></p>
<p><img class="alignnone" src="http://www.blogwatts.com/inspiration/davehill/dave_hill_7.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/inspiration/artis-focus-dave-hill/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Enhancing a Photo with Gradients and Filters</title>
		<link>http://www.blogwatts.com/tutorials/enhancing-a-photo-with-gradients-and-filters/</link>
		<comments>http://www.blogwatts.com/tutorials/enhancing-a-photo-with-gradients-and-filters/#comments</comments>
		<pubDate>Sun, 07 Sep 2008 09:29:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Gradients]]></category>
		<category><![CDATA[Photo editing]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/?p=14</guid>
		<description><![CDATA[Gradients and filters can be used for many things in Photoshop, but my personal favorite is to use them on photos. This tutorial will teach you some basic techniques to use when applying gradients and filters to a photo or image. As always experimentation is key, so feel free to try different colors and filter [...]]]></description>
			<content:encoded><![CDATA[<p>Gradients and filters can be used for many things in Photoshop, but my personal favorite is to use them on photos. This tutorial will teach you some basic techniques to use when applying gradients and filters to a photo or image.</p>
<p><span id="more-14"></span></p>
<p>As always experimentation is key, so feel free to try different  colors and filter settings when trying this on your own work.</p>
<p><strong>Step 1:</strong> Find an image that you would like to use. I found this photo on <a href="http://www.blogwatts.com/resources/resource-stockxchng-free-stock-photography/" target="blank">Stock.xchng</a>. (Unfortunately I lost the link, if someone finds it please feel free to post it under comments)<br />
<img src="http://blogwatts.com/tutorials/gradientphoto/1.png" alt="" /></p>
<p><strong>Step 2:</strong> Create a <span style="text-decoration: underline;">new layer</span>. Choose the gradient tool and set your foreground color to #FFFFFF and your background color to #D59832, and then create a gradient across the whole image as shown below.<br />
<img src="http://blogwatts.com/tutorials/gradientphoto/2.png" alt="" /></p>
<p><strong>Step 3:</strong> Set the layer style to <strong>color burn</strong><br />
<img src="http://blogwatts.com/tutorials/gradientphoto/3.png" alt="" /></p>
<p><strong>Step 4:</strong> Create a <span style="text-decoration: underline;">new layer</span> again, but this time fill it with #D59832 using the paint bucket tool. Set this layer to <strong>color burn</strong> as well.<br />
<img src="http://blogwatts.com/tutorials/gradientphoto/4.png" alt="" /></p>
<p><strong>Step 5:</strong> Copy your original photo layer and move it above all of the other layers that we have created so far. Set the <strong>layer mode</strong> to <strong>color</strong>.<br />
<img src="http://blogwatts.com/tutorials/gradientphoto/5.png" alt="" /></p>
<p><strong>Step 6:</strong> We are now going to adjust the brightness and contrast of the image. To do this go to <strong>Image&gt;&gt;Adjustments&gt;&gt;Brightness/Contrast.</strong> For this photo I decided to go +33 on the brightness and +39 on the contrast but this will vary depending on the image itself. The best way to do this is to simply experiment. Make sure you have the preview box checked so that you can see your changes as they are made.<br />
<img src="http://blogwatts.com/tutorials/gradientphoto/6.png" alt="" /><br />
<strong>Step 7:</strong> Select all by pressing &#8220;<strong>Ctrl+A</strong>&#8221; and then press &#8220;<strong>Shift+Ctrl+C</strong>&#8220;. This will copy merged which means that everything that you see will be copied together and not in separate layers. Now <strong>paste</strong> it on the top of all of the layers.</p>
<p>Now go to <strong>Filter&gt;&gt;Blur&gt;&gt;Gaussian Blur</strong> and use a <strong>radius</strong> of about <strong>0.6</strong> (Again this will depend on your image, you want the image to look slightly blurry).</p>
<p>Set the <strong>layer mode </strong>to <strong>Overlay</strong>. This enhances the colors of the image and leaves us with a photo that looks amazing. But we need to still work on the sky.<br />
<img src="http://blogwatts.com/tutorials/gradientphoto/8.png" alt="" /></p>
<p><strong>Step 8:</strong> To give the sky some life I selected the brush tool and set the <strong>Hardness</strong> to <strong>0</strong>. Then use #56a4da (or any other &#8220;sky&#8221; color) and painted over the sky. Then set the layer mode to <strong>Overlay</strong>.</p>
<p><strong>We are done <img src='http://www.blogwatts.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> :</strong> Quite a huge difference!!<br />
<a class="alignleft" href="http://blogwatts.com/tutorials/gradientphoto/9.png" target="_self" rel="lightbox[14]" rel="wp-prettyPhoto[g14]"><img src="http://blogwatts.com/tutorials/gradientphoto/10.png" alt="" /></a><br />
<img src="http://blogwatts.com/tutorials/gradientphoto/12.png" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/tutorials/enhancing-a-photo-with-gradients-and-filters/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>9 Great HDR Car Photos</title>
		<link>http://www.blogwatts.com/uncategorized/9-great-hdr-car-photos/</link>
		<comments>http://www.blogwatts.com/uncategorized/9-great-hdr-car-photos/#comments</comments>
		<pubDate>Fri, 18 Jul 2008 03:59:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[cars]]></category>
		<category><![CDATA[hdr]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/?p=15</guid>
		<description><![CDATA[Car photos taken with high dynamic range (HDR) shots are a great way to get started if you are a beginner are experienced in taking great HDR photos. Why you might ask? Well with all of the reflections and shine that a car has, as well as plenty of shadows and darker areas in the [...]]]></description>
			<content:encoded><![CDATA[<p>Car photos taken with high dynamic range (HDR) shots are a great way to get started if you are a beginner are experienced in taking great HDR photos. Why you might ask? Well with all of the reflections and shine that a car has, as well as plenty of shadows and darker areas in the wheel wells, grills etc, it becomes a great subject for HDR photos.</p>
<p><span id="more-15"></span></p>
<p>Just look at these 9 examples of great HDR car photos that I found on flickr. Each photo is linked to the original photo&#8217;s URL so if you wish to comment on their photo you can do so, also feel free to post a comment or post your own HDR car photos at the comment box below.</p>
<p><a title="Old police car" href="http://www.flickr.com/photos/bjurman/2487329640/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/police.jpg" alt="Old police car" /></a></p>
<p><a href="http://www.flickr.com/photos/hermanau/809862003/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/blueaudi.jpg" alt="Blue Audi" /></a></p>
<p><a href="http://www.flickr.com/photos/gtmq8/2201259725/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/audir8.jpg" alt="Audi R8" /></a></p>
<p><a href="http://www.flickr.com/photos/mikegk/2595385382/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/lamb1.jpg" alt="Yellow Lamborghini" /></a></p>
<p><a href="http://www.flickr.com/photos/mexikanec/492173828/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/porsche.jpg" alt="Porsche" /></a></p>
<p><a href="http://www.flickr.com/photos/elementalpaul/2579296858/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/porsche2.jpg" alt="Porsche" /></a></p>
<p><a href="http://www.flickr.com/photos/ozan_d/210238400/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/430.jpg" alt="Ferrari F430" /></a></p>
<p><a href="http://www.flickr.com/photos/kozicka/2592685534/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/f1williams.jpg" alt="F1 Willaims" /></a></p>
<p><a href="http://www.flickr.com/photos/antiundersteer/2085454385/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/sebring.jpg" alt="Sebring" /></a></p>
<p><a href="http://www.flickr.com/photos/msc72/459747100/" target="_blank"><img class="alignnone" src="http://www.blogwatts.com/inspiration/hdr/cars1/mcLaren.jpg" alt="McLaren" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/uncategorized/9-great-hdr-car-photos/feed/</wfw:commentRss>
		<slash:comments>42</slash:comments>
		</item>
		<item>
		<title>Great Site for Free Icons</title>
		<link>http://www.blogwatts.com/uncategorized/great-site-for-free-icons/</link>
		<comments>http://www.blogwatts.com/uncategorized/great-site-for-free-icons/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 22:32:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[icons]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/?p=12</guid>
		<description><![CDATA[Now days there are many sites that advertise free icons, many of them unfortunately have pages filled with spam and adverts. FreeIconsDownload.com is a great site, if you are looking for some unique icons, or just want some inspiration before creating your own. Many of these icons that can be used for your desktop, website [...]]]></description>
			<content:encoded><![CDATA[<p>Now days there are many sites that advertise free icons, many of them unfortunately have pages filled with spam and adverts. <a href="http://www.freeiconsdownload.com" target="_blank">FreeIconsDownload.com</a> is a great site, if you are looking for some unique icons, or just want some inspiration before creating your own.</p>
<p><span id="more-12"></span>Many of these icons that can be used for your desktop, website or just  about any other projects that you might need icons for.<br />
Here are a few of my favorite:</p>
<p><a title="Star Wars" href="http://www.freeiconsdownload.com/Free_Downloads.asp?id=43" target="_blank"><img src="http://www.freeiconsdownload.com/site-images/Large/StarWars_Icons.jpg" alt="" width="452" height="336" /></a></p>
<p><a title="Blue Web 2.0" href="http://www.freeiconsdownload.com/Free_Downloads.asp?id=142" target="_blank"><img src="http://www.freeiconsdownload.com/site-images/Large/Dragonicons.jpg" alt="" width="452" height="336" /></a></p>
<p><a title="Mortal Kombat" href="http://www.freeiconsdownload.com/Free_Downloads.asp?id=297" target="_blank"><img src="http://www.freeiconsdownload.com/site-images/Large/mortalkombat-icons-452.jpg" alt="" width="452" height="336" /></a></p>
<p><a title="Developers Icons" href="http://www.freeiconsdownload.com/Free_Downloads.asp?id=255" target="_blank"><img src="http://www.freeiconsdownload.com/site-images/Large/developer_icons_452x336.jpg" alt="" width="452" height="336" /></a></p>
<p><a title="Pool Icons" href="http://www.freeiconsdownload.com/Free_Downloads.asp?id=237" target="_blank"><img src="http://www.freeiconsdownload.com/site-images/Large/pool.jpg" alt="" width="452" height="336" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/uncategorized/great-site-for-free-icons/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>High Tech Preloader</title>
		<link>http://www.blogwatts.com/uncategorized/tutorial-high-tech-preloader/</link>
		<comments>http://www.blogwatts.com/uncategorized/tutorial-high-tech-preloader/#comments</comments>
		<pubDate>Fri, 24 Aug 2007 00:15:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/tutorials/4/</guid>
		<description><![CDATA[I saw some pretty nice prelaoders on a lot of templates that people are selling. So I decided to try it and it turns out it is pretty straight forward. I wanted to go with a high-tech look so I found some great shapes that would match my design. Here is the tutorial on the [...]]]></description>
			<content:encoded><![CDATA[<p align="left">I saw some pretty nice prelaoders on a lot of templates that people are selling. So I decided to try it and it turns out it is pretty straight forward. I wanted to go with a high-tech look so I found some great shapes that would match my design. Here is the tutorial on the graphics side of the flash preloader.</p>
<p><span id="more-4"></span></p>
<p>Step 1: Create a new document (300p x 200px) with the background color of your choice</p>
<p>Step 2: Create a rectangle using <span style="text-decoration: underline;"><strong>#242424</strong></span><strong> </strong></p>
<p><img title="Rectangle" src="http://blogwatts.com/tutorials/preloader/1.png" alt="Rectangle" width="136" height="46" /></p>
<p>Step 3: Apply the following layer style to this layer.</p>
<p><img src="http://blogwatts.com/tutorials/preloader/2.png" alt=" " width="474" height="400" /></p>
<p>Add the following pattern you can <a title="Pattern" href="http://blogwatts.com/tutorials/preloader/PreloaderPatternBlogWatts.pat" target="_blank"><strong>DOWNLOAD IT HERE</strong></a></p>
<p><img src="http://blogwatts.com/tutorials/preloader/3.png" alt=" " width="462" height="316" /></p>
<p>Step 4: Create a new rectangle inside of the previous one that we created this time using color <span style="text-decoration: underline;"><strong>#333333</strong></span><strong><br />
</strong><em>(IGNORE THE BLUE IN THE FOLLOWING IMAGE AS IT IS JUST TO SHOW SOME CONTRAST BETWEEN THE TWO RECTANGLES)</em><br />
<img title="Inside Rectangle" src="http://blogwatts.com/tutorials/preloader/4.png" alt="Inside Rectangle" width="199" height="83" /></p>
<p>Step 5: Add the following layer style to this rectangle<br />
<img src="http://blogwatts.com/tutorials/preloader/5.png" alt=" " width="484" height="327" /></p>
<p><img src="http://blogwatts.com/tutorials/preloader/6.png" alt=" " width="484" height="327" /></p>
<p>Step 6: Now we are going to add some text, I used <span style="text-decoration: underline;"><strong>Tahoma 10px #FFFFFF</strong></span></p>
<p><img title="Loading Text" src="http://blogwatts.com/tutorials/preloader/7.png" alt="Loading Text" width="199" height="83" /></p>
<p>Step 7: Next create a really small thin rectangle I used <span style="text-decoration: underline;"><strong>#341713</strong></span><strong> </strong>for the dark red and I added a 1<strong><span style="text-decoration: underline;">px outside stroke</span><br />
<em>(This is for the background of the loading bar so whatever color you are going to use for the loading bar make this background a much darker color, so if you were to use a light blue you would probably want to use a dark navy blue for this rectangle)</em></strong></p>
<p><img src="http://blogwatts.com/tutorials/preloader/8.png" alt=" " width="199" height="83" /></p>
<p>Step 8: Duplicate the rectangle you just created but this time using the rectangle marquee tool cut off about 2/3 of it, and add a color overlay. I used <span style="text-decoration: underline;"><strong>#7b1d0e</strong></span> in the example below.</p>
<p><img src="http://blogwatts.com/tutorials/preloader/9.png" alt=" " width="199" height="83" /></p>
<p>Step 9: Now for the fun part! Get out your brushes or any images that you can use to create a tech like border. I found these really cool tech parts from a deviant art user ~kopus. Download them at the following <strong><a title="Deviant Art" href="http://kopus.deviantart.com/art/Tech-27033294" target="_blank">Link</a></strong></p>
<p>Step 10: I decided to use two of the images from the link above and use them on the corners.</p>
<p><img src="http://blogwatts.com/tutorials/preloader/10.png" alt=" " width="199" height="83" /></p>
<p>Step 11: Now if you look you will see that bright white in the top right corner, you do not want this here as it create too much contrast and will be the first thing that people look at. So to correct this simply use a small soft round brush and set its hardness to 0% and select color <span style="text-decoration: underline;"><strong>#333333</strong></span> then simply paint over it, next set the layer to Multiply and set Opacity = 85%. This should take care of it.</p>
<p><em>(You can do this same thing with a light color to create highlights, as always experimentation is key) </em></p>
<p><img title="Complete" src="http://blogwatts.com/tutorials/preloader/11.png" alt="Complete" width="199" height="83" /></p>
<p>To turn this into a flash preloader I would really suggest checking out some of <span style="text-decoration: underline;"><strong><a title="Tutorials" href="http://www.good-tutorials.com/search/tutorials/preloader" target="_blank">THESE</a></strong></span><strong> </strong>great tutorials on Good-Tutorials.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/uncategorized/tutorial-high-tech-preloader/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Vista Inspired Thumbnail</title>
		<link>http://www.blogwatts.com/tutorials/tutorial-vista-login-inspired-thumbnail/</link>
		<comments>http://www.blogwatts.com/tutorials/tutorial-vista-login-inspired-thumbnail/#comments</comments>
		<pubDate>Sun, 05 Aug 2007 04:57:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/tutorials/tutorial-vista-login-inspired-thumbnail/</guid>
		<description><![CDATA[I was looking at the Windows Vista login screen the other day and was inspired by the thumbnails of the users that were used. I decided to create this tutorial so that if anybody wanted to use thumbnails for the blog or any other type of site they could try something unique. You can use [...]]]></description>
			<content:encoded><![CDATA[<p>I was looking at the Windows Vista login screen the other day and was inspired by the thumbnails of the users that were used. I decided to create this tutorial so that if anybody wanted to use thumbnails for the blog or any other type of site they could try something unique. You can use the &#8220;shiny&#8221; effect used in this tutorial can be used in just about any button.</p>
<p><span id="more-5"></span></p>
<p align="left">
<p align="left">
<p>Step 1: Create the following shape  &#8211; <a title="Shape" href="http://blogwatts.com/tutorials/thumb/download/Blogwatts.com_Shapes.csh" target="_blank">DOWNLOAD THE SHAPE HERE</a></p>
<p><img src="http://blogwatts.com/tutorials/thumb/1.png" alt="" width="134" height="133" /></p>
<p>Step 2: Apply a gradient style to the shape as shown below. <a title="Gradient" href="http://blogwatts.com/tutorials/thumb/download/Blogwatts.com_Gradients.grd" target="_blank">DOWNLOAD THE GRADIENT HERE</a></p>
<p><img src="http://blogwatts.com/tutorials/thumb/2.png" alt="" width="490" height="429" /></p>
<p>Here is a better view with the colors and positions of each point.</p>
<p><img src="http://blogwatts.com/tutorials/thumb/3.png" alt="" width="408" height="241" /></p>
<p>You should know see something similar below</p>
<p><img src="http://blogwatts.com/tutorials/thumb/4.png" alt="" width="131" height="123" /></p>
<p>Step 3: Create a <strong><span style="text-decoration: underline;">black square over the bottom layer</span></strong> as shown below. Position it in the middle of the first shape that we created.</p>
<p><img src="http://blogwatts.com/tutorials/thumb/5.png" alt="" width="131" height="123" /></p>
<p>Step 4: In this step choose the picture that you would like to use or simply copy the one below. Paste it in a new layer at the top.</p>
<p><img src="http://blogwatts.com/tutorials/thumb/6.png" alt="" width="131" height="123" /></p>
<p>Step 5: <strong><span style="text-decoration: underline;">While holding the Alt key</span></strong> (Option key on Mac), <strong><span style="text-decoration: underline;">click on the line</span></strong> in between the picture and the square.</p>
<p><img src="http://blogwatts.com/tutorials/thumb/7.png" alt="" width="191" height="84" /></p>
<p>The thumbnail should now look similar to below.</p>
<p><img src="http://blogwatts.com/tutorials/thumb/8.png" alt="" width="131" height="123" /></p>
<p>Step 6: Create a new layer and create a shape similar to the one below, for this I used the pen tool.</p>
<p><img src="http://blogwatts.com/tutorials/thumb/9.png" alt="" width="131" height="123" /></p>
<p>Step 7: Change the <strong><span style="text-decoration: underline;">opacity</span></strong> of this layer to <strong><span style="text-decoration: underline;">47%</span></strong></p>
<p><img src="http://blogwatts.com/tutorials/thumb/10.png" alt="" width="131" height="123" /></p>
<p>Step 8: We are now going to <strong><span style="text-decoration: underline;">repeat step 5</span></strong> but this time we are going to hold Alt and <span style="text-decoration: underline;"><strong>click between the white layer and the picture layer</strong></span>.</p>
<p><img src="http://blogwatts.com/tutorials/thumb/11.png" alt="" width="131" height="123" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/tutorials/tutorial-vista-login-inspired-thumbnail/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Web 2.0 Button</title>
		<link>http://www.blogwatts.com/uncategorized/tutorial-web-20-button/</link>
		<comments>http://www.blogwatts.com/uncategorized/tutorial-web-20-button/#comments</comments>
		<pubDate>Sat, 04 Aug 2007 03:30:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/?p=3</guid>
		<description><![CDATA[Create a unique web 2.0 inspired button. These buttons can be used for navbars as well as buttons throughout a website. In this tutorial I will show you how to create a unique web 2.0 button. Remember that the colors that are provided in this tutorial are just for this example, you can try a [...]]]></description>
			<content:encoded><![CDATA[<p>Create a unique web 2.0 inspired button. These buttons can be used for navbars as well as buttons throughout a website. In this tutorial I will show you how to create a unique web 2.0 button. Remember that the colors that are provided in this tutorial are just for this example, you can try a lot of diiferent colors/gradients etc and get some very unique styles.</p>
<p><span id="more-3"></span></p>
<p align="left">
<p align="left">
<ul>
<li>First of you want to create a new document (any size will do, in this example I used 164 x 50)</li>
</ul>
<ul>
<li>Create a <strong><span style="text-decoration: underline;">rounded rectangle</span></strong> of the color of your choice this will be the main button color. In this example I am using black which is <strong><span style="text-decoration: underline;">#000000 </span></strong>- Set the <span style="text-decoration: underline;"><strong>radius to 5px</strong></span> on the top toolbar</li>
</ul>
<p><img src="http://www.blogwatts.com/tutorials/web20button/1.png" alt="First Shape" width="164" height="50" /></p>
<ul>
<li>Apply the following styles <img src="http://www.blogwatts.com/tutorials/general/style.gif" alt="Style" width="19" height="14" /></li>
</ul>
<p><img src="http://www.blogwatts.com/tutorials/web20button/2.png" alt=" " width="490" height="449" /></p>
<p><img src="http://www.blogwatts.com/tutorials/web20button/3.png" alt=" " width="490" height="449" /></p>
<ul>
<li>Create another <span style="text-decoration: underline;"><strong>rounded rectangle</strong></span>, with the same radius (5px). This one will be the reflection, so it is going to be smaller and positioned at the top. I used <strong><span style="text-decoration: underline;">#DEDEDE</span></strong> for the color of this shape.</li>
</ul>
<p><img src="http://www.blogwatts.com/tutorials/web20button/4.png" alt=" " width="164" height="50" /></p>
<ul>
<li>Next click the &#8220;<strong><span style="text-decoration: underline;">Add to vector mask</span></strong>&#8221; button on the bottom of the layers palette.</li>
</ul>
<p><img src="http://blogwatts.com/tutorials/web20button/5.png" alt=" " width="205" height="17" /></p>
<ul>
<li>Press the letter <strong><span style="text-decoration: underline;">D</span></strong> and then X this will set the forground to white and the background to black. With the <strong><span style="text-decoration: underline;">Gradient Tool</span></strong> drag a line from the top of the small rectangle to the bottom of it, you should see something that looks like this.</li>
</ul>
<p><img src="http://blogwatts.com/tutorials/web20button/6.png" alt=" " width="164" height="50" /></p>
<ul>
<li>We are going to now add some text between the layer you just created and the base layer (the one we added some styling to) In this example I am using <strong>Helvetica &#8211; Medium Condensed &#8211; 14pt &#8211; Sharp </strong>We are going to be using two colors in this tutorial White <strong><span style="text-decoration: underline;">(#FFFFFF</span></strong>) and a nice Green (<strong>#DCF414</strong>). Put the text on the right side of the button so that we can put a small image on the left side.</li>
</ul>
<p><img src="http://blogwatts.com/tutorials/web20button/7.png" alt="Add Text" width="164" height="50" /></p>
<ul>
<li> Next we are going to add a small image to the left side. For this I am going to use the check mark shape that comes standard with Photoshop.</li>
</ul>
<p><img src="http://blogwatts.com/tutorials/web20button/8.png" alt="Add Shape" width="164" height="50" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/uncategorized/tutorial-web-20-button/feed/</wfw:commentRss>
		<slash:comments>46</slash:comments>
		</item>
		<item>
		<title>Intermediate Photo Effect</title>
		<link>http://www.blogwatts.com/tutorials/tutorial-intermediate-photo-effect/</link>
		<comments>http://www.blogwatts.com/tutorials/tutorial-intermediate-photo-effect/#comments</comments>
		<pubDate>Fri, 03 Aug 2007 18:59:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photography]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photo editing]]></category>

		<guid isPermaLink="false">http://www.blogwatts.com/tutorials/tutorial-intermediate-photo-effect/</guid>
		<description><![CDATA[This is a Intermediate tutorial on how to make your pictures have a very proffesional look. In this tutorial you will learn about sharpening techniques, and some coloring techniques, to make your photos more vibrant. I personally use this on many photos and they come out great! Check back soon as there is another photo [...]]]></description>
			<content:encoded><![CDATA[<p>This is a Intermediate tutorial on how to make your pictures have a very proffesional look. In this tutorial you will learn about sharpening techniques, and some coloring techniques, to make your photos more vibrant. I personally use this on many photos and they come out great! Check back soon as there is another photo tutorial coming soon.</p>
<p><span id="more-7"></span></p>
<p align="center">
<p align="center">
<p align="left">In this tutorial I will show you some unique effects to try on your photos. For this tutorial I am using an image from <a title="http://www.sxc.hu" href="http://www.sxc.hu/" target="_blank">sxc.hu</a>, you can access the photo directly by clicking <a title="http://www.sxc.hu/photo/470403" href="http://www.sxc.hu/photo/470403" target="_blank">this link</a>.</p>
<p>First open the picture you would like to use.</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/1.jpg" border="1" alt="Original Photo" width="500" height="397" /></p>
<p>Duplicate the layer by pressing Ctrl J or by going to layer then duplicate layer on the menu bar.</p>
<p>Next go to <strong>Filter &gt; Other &gt; High Pass</strong> . Use a <strong>setting</strong> of about <strong>0.8</strong> if you are using the sample photo, otherwise the golden rule is to make it so that just enough of the image is showing so that you don’t see a lot of colors, but rather different shades of gray.</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/2.jpg" border="1" alt="High Pass" width="500" height="397" /></p>
<p>Now change the <strong>layer mode to overlay</strong>, Notice the added sharpness to the edges of the towers.</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/3.jpg" border="1" alt="Shaprened" width="500" height="397" /></p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/unsharpened.jpg" border="1" alt="Unsharpened" width="152" height="280" /><img src="http://blogwatts.com/tutorials/intermediatephoto/sharpened.jpg" border="1" alt="Sharpened" width="152" height="280" /><br />
We are now going to adjust the color of the image by going to <strong>Image &gt; Adjustments &gt; Curves</strong>. Drag the two points as shown in the image below.</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/curves.png" alt="Curves" width="335" height="363" /></p>
<p>We are now going to adjust the color of the image by going to <strong>Image &gt; Adjustments &gt; Levels</strong> Drag the two points as shown in the image below.</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/levels.png" alt="Levels" width="407" height="299" /></p>
<p>Now we are going to select all <strong>Ctrl + A</strong> then press <strong>Shift + Ctr + C</strong> to copy the entire image. Now press <strong>Ctrl + V</strong> to paste the image as the top layer. Change this new layers mode to <strong>Overlay</strong> and opacity to<strong> 23%. </strong></p>
<p>What this does is emphasize the color of the image.</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/4.jpg" alt="Overlayed Color" width="500" height="397" /></p>
<p>Now we are going to do the same thing we did in the last step press <strong>Ctrl + A</strong> then press <strong>Shift + Ctr + C</strong> to copy the entire image. Now press <strong>Ctrl + V</strong> to paste the image as the top layer.</p>
<p>Next go to <strong>Image &gt; Adjustments &gt; Shadow/Highlight</strong> set the <strong>Shadow</strong> value to about <strong>28%</strong> and leave the <strong>Highlights</strong> value at <strong>0%</strong></p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/5.jpg" border="1" alt="Shadow/Highlight" width="500" height="397" /></p>
<p>This makes the shadows not as overpowering so we can see more defined trees and we can get a bit more detail that is normally to dark to see.<br />
Now to add some <strong>Color Balance</strong>, click on the <img src="http://www.blogwatts.com/tutorials/general/adjustment.gif" alt="Adjustment Layer" width="21" height="14" /> icon below at the bottom of the layers pattlete then click on <strong>Color Balance… </strong>Add the following settings</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/colorbalance1_highlights.png" alt="Color Balance1" width="438" height="248" /></p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/colorbalance1_midtones.png" alt="Midtones1" width="440" height="245" /></p>
<p>As you might have noticed the sky is a bit washed out, to fix this we are going to use the color balance technique again. This time however we just want the sky. So go to <strong>Select &gt; Color Range</strong> then set the <strong>fuzziness</strong> to about <strong>80</strong>, and while the color range window is still open <strong>click the sky</strong>, and then <strong>press ok</strong>. You should now see that you have selected the sky.</p>
<p>Click on the <img src="http://www.blogwatts.com/tutorials/general/adjustment.gif" alt="Adjustment Layer" width="21" height="14" /> icon below at the bottom of the layers pattlete then click on <strong>Color Balance… </strong>Add the following settings</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/colorbalance2_highlights.png" alt="Color balance 2" width="435" height="247" /></p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/colorbalance2_midtones.png" alt="Midtones2" width="433" height="247" /></p>
<p>You are now left with a great looking photo!!</p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/7.jpg" border="1" alt="Final Photo" width="500" height="397" /></p>
<p><img src="http://blogwatts.com/tutorials/intermediatephoto/8.jpg" border="1" alt="Comparison" width="500" height="397" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwatts.com/tutorials/tutorial-intermediate-photo-effect/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

