<?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>Architecture &#38; Web Art &#187; Photoshop</title>
	<atom:link href="http://www.archtopia.com/category/web-design/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.archtopia.com</link>
	<description>Utopic Architecture and Web Design</description>
	<lastBuildDate>Wed, 01 Feb 2012 11:29:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>How To Create Glowing Neon Rings On Photoshop</title>
		<link>http://www.archtopia.com/2011/11/28/how-to-create-glowing-neon-rings-on-photoshop/</link>
		<comments>http://www.archtopia.com/2011/11/28/how-to-create-glowing-neon-rings-on-photoshop/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 10:13:02 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Designers]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=5828</guid>
		<description><![CDATA[Creating a glowing neon ring can be quite difficult but when the right process is carried out, you can really use these neon rings to your advantage when designing for a project. The process is quick, easy and once learnt, can be used time and time to again to help create a professional and futuristic look. ]]></description>
			<content:encoded><![CDATA[<p>Creating a glowing neon ring can be quite difficult but when the right process is carried out, you can really use these neon rings to your advantage when designing for a project. The process is quick, easy and once learnt, can be used time and time to again to help create a professional and futuristic look. The first thing you will need to do is add or select your image to Photoshop, note that the best neon effects are created with a dark background. I have selected this image. You will notice that the background is dark and her clothes are not overly bright, this is an ideal image to create neon rings. Also her body shape is definitive and this can be kept in mind when creating the rings. <a target="_blank" href="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/model1.jpg"><img src="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/model1-224x300.jpg" alt="model1 224x300 How To Create Glowing Neon Rings On Photoshop" width="104" height="140" title="How To Create Glowing Neon Rings On Photoshop" /></a></p>
<p>For each ring you make, create a new layer, this will help with adding effects individually later on. To get the best neon effect, set your foreground colour to white, and then select the pen tool, set the pen tool to paths at the top left hand side of the screen. Then create curves around your image. You can go as tight as you want, but here is my path that I have created.       <a target="_blank" href="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/model1.jpg"><img style="border-style: initial; border-color: initial;" src="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/PS-ring-path-300x168.png" alt="PS ring path 300x168 How To Create Glowing Neon Rings On Photoshop" width="300" title="How To Create Glowing Neon Rings On Photoshop" /></a></p>
<p>Once you are happy with the path you created, you need to select the brush tool then hit F5, this will bring up a selection of brushes. Select soft round, the pixel size will differ depending on the image you are using but in this instance I have used 21 pixels, remember that the pixel size you select will be the thickest part. Once your pixel size is selected, click onto shape dynamics and select control under size jitter as pen pressure. Go back to the pen tool and right click, select stroke path and a pop up box should be brought up. Select Brush and tick simulate pressure. Press enter and the brush pattern should appear, press enter again to get rid of the pen path. Here is what my image looks like: <a target="_blank" href="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/starting-rings.png"><img src="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/starting-rings-300x168.png" alt="starting rings 300x168 How To Create Glowing Neon Rings On Photoshop" width="300" height="168" title="How To Create Glowing Neon Rings On Photoshop" /></a></p>
<p>Now our Rings have been added, but we want them to wrap around our image so they appear to wrap around. Create a clipping mask on the layer of the ring and then select the erase tool, use a soft edged brush, then slowly take away part of the spiral to create the effect of it wrapping around the model. Your image should look something like this after. <a target="_blank" href="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/white-rings.png"><img src="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/white-rings-300x168.png" alt="white rings 300x168 How To Create Glowing Neon Rings On Photoshop" width="300" height="168" title="How To Create Glowing Neon Rings On Photoshop" /></a></p>
<p>In this case the, white looks really good with this image, however I will show you how to change the neon glow. Double click on the layer and select outer glow, this is where you can choose the colour of your neon glow. For the brightest colours, drag the colour picker to the top right and select the colour via the slider on the right hand side. Once you have chosen your colour, change the opacity to 100% then the contour to half round. Once all of these settings have been chosen you should be left with something like this: <a target="_blank" href="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/lady-in-a-purple-swirl.jpg"><img src="http://www.webdesignpositive.co.uk/wp-content/uploads/2011/11/lady-in-a-purple-swirl.jpg" alt="lady in a purple swirl How To Create Glowing Neon Rings On Photoshop" width="500" height="667" title="How To Create Glowing Neon Rings On Photoshop" /></a></p>
<h2>Conclusion</h2>
<p>Neon Rings can be tough sometimes, but attention to detail and a steady hand will create the perfect neon glow to any image. Remember that a dark background is almost essential to create a glowing effect and that if you want the neon colour to really stand out, set the brush to white. This effect can really draw focus to your image, creating a futuristic and professional look to your work.</p>
<p><em>This article was written by <a target="_blank" href="https://plus.google.com/102988949852481814739/posts">Lewis Austin</a> who is the social media marketer for <a target="_blank" href="http://www.seopositiveltd.co.uk">SEO </a>Positive and also <a target="_blank" href="http://www.webdesignpositive.co.uk">Web Design</a> Positive, for more information about them, follow their <a target="_blank" href="http://www.twitter.com/seopositiveltd">Twitter</a> profile.</em></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/" rel="bookmark" class="crp_title">Photoshop Shortcuts To Make Your Life Easier</a></li><li><a href="http://www.archtopia.com/2010/12/27/photoshop-tutorial-adding-driveway-texture-and-changing-the-facade-color/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; Adding Driveway Texture and Changing The Facade Color</a></li><li><a href="http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; How to Create a Reflection in Photoshop CS5</a></li><li><a href="http://www.archtopia.com/2011/02/17/6-photoshop-tricks-you%e2%80%99ve-never-seen-before/" rel="bookmark" class="crp_title">6 Photoshop Tricks You’ve Never Seen Before</a></li><li><a href="http://www.archtopia.com/2011/12/09/acdsee-photo-manager-resize/" rel="bookmark" class="crp_title">Resize Images with ACDSee Photo Manager</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2011/11/28/how-to-create-glowing-neon-rings-on-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cool Photoshop Action Scripts</title>
		<link>http://www.archtopia.com/2011/11/25/photoshop-action-scripts/</link>
		<comments>http://www.archtopia.com/2011/11/25/photoshop-action-scripts/#comments</comments>
		<pubDate>Fri, 25 Nov 2011 17:41:36 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Designers]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Action Scripts]]></category>
		<category><![CDATA[photoshop action scripts]]></category>
		<category><![CDATA[Photoshop CS5]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=5821</guid>
		<description><![CDATA[If you don't know what Action Scripts are, then let me tell you: they are a series of actions that you would normally do manually, but they've been recorded by someone else, in order to ease your work. So for example if you want to change the brightness, the levels, and the contrast of an image, you'll have to click your mouse a couple of times, whereas with action scripts you will have to push your mouse button once, and you would have the result you've wanted.]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://www.youtube.com/embed/MjYOj28GKsk?hd=1" frameborder="0" width="550" height="309"></iframe></p>
<p>Hi, and thanks for dropping by to check out this short tutorial on <strong>Photoshop Action Scripts</strong>. I&#8217;ve been using this for a while, and I thought there might be some of you interested in this sort of things.</p>
<p>If you don&#8217;t know what Action Scripts are, then let me tell you: they are a series of actions that you would normally do manually, but they&#8217;ve been recorded by someone else, in order to ease your work. So for example if you want to change the brightness, the levels, and the contrast of an image, you&#8217;ll have to click your mouse a couple of times, whereas with action scripts you will have to push your mouse button once, and you would have the result you&#8217;ve wanted.</p>
<p>It might sound unreal, but believe me, this is one feature of <em>Photoshop</em> you don&#8217;t want to ignore.</p>
<p><span style="text-decoration: underline;">Action scripts</span>, can do so much more than just change a couple of things to your image, they can create 3D like images in mere seconds, and all you have to do is create the flat design, and the script will do everything else.</p>
<p>Here are a couple of images created with action scripts:</p>

<div class="ngg-galleryoverview" id="ngg-gallery-63-5821">

	<!-- Slideshow link -->
	<div class="slideshowlink">
		<a class="slideshowlink" href="http://www.archtopia.com/2011/11/25/photoshop-action-scripts/?show=slide">
			[Show as slideshow]		</a>
	</div>

	<!-- Piclense link -->
	<div class="piclenselink">
		<a class="piclenselink" href="javascript:PicLensLite.start({feedUrl:'http://www.archtopia.com/wp-content/plugins/nextgen-gallery/xml/media-rss.php?gid=63&amp;mode=gallery'});">
			[View with PicLens]		</a>
	</div>
	
	<!-- Thumbnails -->
		
	<div id="ngg-image-798" class="ngg-gallery-thumbnail-box" style="width:25%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/cover++_resize.png" title=" " class="shutterset_set_63" >
								<img title="Worship Guitar" alt="thumbs cover++ resize Cool Photoshop Action Scripts" src="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/thumbs/thumbs_cover++_resize.png" width="125" height="100" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-797" class="ngg-gallery-thumbnail-box" style="width:25%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/The Singing Guide_resize.png" title=" " class="shutterset_set_63" >
								<img title="The Singing Guide" alt="thumbs The Singing Guide resize Cool Photoshop Action Scripts" src="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/thumbs/thumbs_The Singing Guide_resize.png" width="125" height="100" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-796" class="ngg-gallery-thumbnail-box" style="width:25%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/Secrets_resize.png" title=" " class="shutterset_set_63" >
								<img title="Secrets" alt="thumbs Secrets resize Cool Photoshop Action Scripts" src="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/thumbs/thumbs_Secrets_resize.png" width="125" height="100" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-795" class="ngg-gallery-thumbnail-box" style="width:25%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/Phone Skills_resize.png" title=" " class="shutterset_set_63" >
								<img title="Phone Skills" alt="thumbs Phone Skills resize Cool Photoshop Action Scripts" src="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/thumbs/thumbs_Phone Skills_resize.png" width="125" height="100" />
							</a>
		</div>
	</div>
	
				<br style="clear: both" />
	
 		
	<div id="ngg-image-794" class="ngg-gallery-thumbnail-box" style="width:25%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/Digital Defender Antivirus_resize.png" title=" " class="shutterset_set_63" >
								<img title="Digital Defender Antivirus" alt="thumbs Digital Defender Antivirus resize Cool Photoshop Action Scripts" src="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/thumbs/thumbs_Digital Defender Antivirus_resize.png" width="125" height="100" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-793" class="ngg-gallery-thumbnail-box" style="width:25%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/Customer Relations Communication_resize.png" title=" " class="shutterset_set_63" >
								<img title="Customer Relations Communication" alt="thumbs Customer Relations Communication resize Cool Photoshop Action Scripts" src="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/thumbs/thumbs_Customer Relations Communication_resize.png" width="125" height="100" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-792" class="ngg-gallery-thumbnail-box" style="width:25%;" >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/ALL 3_resize.png" title=" " class="shutterset_set_63" >
								<img title="Magazines" alt="thumbs ALL 3 resize Cool Photoshop Action Scripts" src="http://archtopia.speedymirror.com/wp-content/gallery/photoshop-action-scripts/thumbs/thumbs_ALL 3_resize.png" width="125" height="100" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p><a title="Photoshop Action Scripts" href="http://www.archtopia.com/go/ActionScripts/" target="_blank">Get your 70+ set of <em>action scripts</em> today, and start your own small design business in seconds.</a></p>
<p><a title="Get Action Scripts" href="http://www.archtopia.com/go/ActionScripts/" target="_blank"><img class="aligncenter size-full wp-image-5825" title="Get Action Scripts" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/11/Get-Action-Scripts.png" alt="Get Action Scripts Cool Photoshop Action Scripts" width="287" height="84" /></a></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2011/06/27/photoshop-basic-training/" rel="bookmark" class="crp_title">Photoshop Basic Training Course Ready</a></li><li><a href="http://www.archtopia.com/2011/05/02/which-photoshop-is-best-for-you/" rel="bookmark" class="crp_title">Which Photoshop is Best for You?</a></li><li><a href="http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; How to Create a Reflection in Photoshop CS5</a></li><li><a href="http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/" rel="bookmark" class="crp_title">Photoshop Shortcuts To Make Your Life Easier</a></li><li><a href="http://www.archtopia.com/2011/06/06/free-cookies-from-archtopia-soon/" rel="bookmark" class="crp_title">FREE Cookies From Archtopia Soon</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2011/11/25/photoshop-action-scripts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Tutorial &#8211; How to Create a Reflection in Photoshop CS5</title>
		<link>http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/</link>
		<comments>http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/#comments</comments>
		<pubDate>Wed, 29 Jun 2011 21:34:15 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[photoshop reflection]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[walkthrough]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=5386</guid>
		<description><![CDATA[In this tutorial you will learn how to create a reflection in Photoshop CS5 with simple tools.

1) First, you need a simple image, obviously. You can create a reflection for any layers you might have, even if you're working with smart objects. The steps are the same.

2) You need to create a copy of the layer that you want to reflect. To do that, hold Alt (Option key on MAC) on the keyboard and click and drag the original layer.]]></description>
			<content:encoded><![CDATA[<p>In this tutorial you will learn how to create a reflection in Photoshop CS5 with simple tools.</p>
<p>1) First, you need a simple image, obviously. You can create a reflection for any layers you might have, even if you&#8217;re working with smart objects. The steps are the same.</p>
<p>2) You need to <em>create a copy of the layer</em> that you want to reflect. To do that, hold <strong>Alt (Option key on MAC)</strong> on the keyboard and click and drag the original layer.</p>
<p>3) Now for the reflection, we need to flip the copy of the layer vertically to achieve the desired effect. You fill find the <strong>Flip Vertical </strong>option in the upper menu in the Edit section, then in the Transform menu it will appear like this:</p>
<p><img class="aligncenter size-full wp-image-5388" title="Flip Vertical" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/06/Flip-Vertical.png" alt="Flip Vertical Photoshop Tutorial   How to Create a Reflection in Photoshop CS5" width="156" height="237" /></p>
<p>4) With this new layer selected, you need to create a <strong>Layer Mask.</strong> Press the small icon under the layer list on the right hand side menu.</p>
<p><img class="aligncenter size-full wp-image-5387" title="Layer Mask" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/06/Layer-Mask.png" alt="Layer Mask Photoshop Tutorial   How to Create a Reflection in Photoshop CS5" width="218" height="179" /></p>
<p>5) Having the layer mask of the reflected image selected, we will apply a gradient over it, in order to make it fade. Also you can add a transparency to this layer to get a more real reflection. Select the <strong>Gradient </strong>tool, and just hold <strong>Shift</strong> while dragging the mouse over the layer, until it looks like you want it to.</p>
<p>For a (hopefully) more detailed version of this tutorial, you can watch this video:</p>
<p><center><br />
<object width="550" height="343"><param name="movie" value="http://www.youtube-nocookie.com/v/6e2VyiYCEf8?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/6e2VyiYCEf8?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="550" height="343" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
</center></p>
<p>If you need help with Photoshop, or think there is something we can help you with, just leave a comment and say so. We don&#8217;t bite.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2010/11/05/illustrator-tutorial-skew-text-in-illustrator-cs5/" rel="bookmark" class="crp_title">Illustrator Tutorial &#8211; Skew Text in Illustrator CS5</a></li><li><a href="http://www.archtopia.com/2010/03/31/photoshop-cs5-sneak-peek/" rel="bookmark" class="crp_title">Photoshop CS5 Sneak Peek</a></li><li><a href="http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/" rel="bookmark" class="crp_title">Photoshop Shortcuts To Make Your Life Easier</a></li><li><a href="http://www.archtopia.com/2010/04/25/the-sketchup-show-3d-modeling-resource/" rel="bookmark" class="crp_title">The Sketchup Show | 3D Modeling Resource</a></li><li><a href="http://www.archtopia.com/2010/12/27/photoshop-tutorial-adding-driveway-texture-and-changing-the-facade-color/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; Adding Driveway Texture and Changing The Facade Color</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Basic Training Course Ready</title>
		<link>http://www.archtopia.com/2011/06/27/photoshop-basic-training/</link>
		<comments>http://www.archtopia.com/2011/06/27/photoshop-basic-training/#comments</comments>
		<pubDate>Mon, 27 Jun 2011 14:34:29 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[basic training]]></category>
		<category><![CDATA[photoshop basic trianing]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=5373</guid>
		<description><![CDATA[Want better looking presentation images and a step-by-step guide on how to start with Photoshop? Well, now we got one. And we're giving it away for free because you're one of our readers, or just because we think you are cool.

If you're a fan on our Facebook Page, you probably know that we just launched a new training for architects and designers on Photoshop. We're covering the basic and most usual tools you will use in Photoshop, and we even have a case study where I'm showing you how to change the color of a house and how to add a different texture to a driveway.]]></description>
			<content:encoded><![CDATA[<p>Want better looking presentation images and a step-by-step guide on how to start with Photoshop? Well, now we got one. And we&#8217;re giving it away for free because you&#8217;re one of our readers, or just because we think you are cool.</p>
<p><a target="_blank" title="Photoshop Basic Training" href="http://basictraining.archtopia.com" target="_blank"><img class="aligncenter size-full wp-image-5374" title="Photoshop Basic Training" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/06/head-signup.png" alt="head signup Photoshop Basic Training Course Ready" width="529" height="218" /></a></p>
<h3>What This Training is About</h3>
<p>If you&#8217;re a fan on our <a target="_blank" title="Archtopia Fan Page" href="http://www.facebook.com/Archtopia" target="_blank">Facebook Page</a>, you probably know that we just launched a new training for architects and designers on Photoshop Basics. We&#8217;re covering the most usual tools you will use in Photoshop, and we even have a case study where I&#8217;m showing you how to change the color of a house and how to add a different texture to a driveway. There is a <strong>ebook</strong> that you can download. It contains  the <strong>most usual commands</strong>, description of tools and the case study. We have <strong>video tutorials</strong> to guide you visually, and a lot of <strong>free resources</strong> for your personal libraries.</p>
<h3>Why Photoshop &#8216;Basic&#8217;</h3>
<p>It&#8217;s not that hard to work with Photoshop, and nowadays almost every respectable architect, or designer will tell you that working with this software is a skill <em>you need to learn</em> in order to be successful and to have good looking presentations.</p>
<p>The software may be intimidating, and it can give you a headache if you try to learn it by yourself. I know that, because I&#8217;ve been there a few years ago, and it&#8217;s pretty discouraging. What you need to know, is that <em>it can be learned</em> and that it will tremendously <em>ease your life</em> and surely your work.</p>
<p>So take a few minutes of your day, and <a target="_blank" title="Photoshop Basic Training" href="http://basictraining.archtopia.com">signup for our FREE training.</a></p>
<p>You need to learn <strong>PHOTOSHOP </strong>today! Don&#8217;t get left behind.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2011/06/06/free-cookies-from-archtopia-soon/" rel="bookmark" class="crp_title">FREE Cookies From Archtopia Soon</a></li><li><a href="http://www.archtopia.com/2010/04/14/free-photoshop-brushes-resources-for-designers/" rel="bookmark" class="crp_title">Free Photoshop Brushes | Resources for Designers</a></li><li><a href="http://www.archtopia.com/2009/09/30/photoshop-cs4-down-dirty-tricks/" rel="bookmark" class="crp_title">Photoshop CS4 Down &#038; Dirty Tricks</a></li><li><a href="http://www.archtopia.com/2010/03/31/photoshop-cs5-sneak-peek/" rel="bookmark" class="crp_title">Photoshop CS5 Sneak Peek</a></li><li><a href="http://www.archtopia.com/2009/08/27/250-watercolor-brushes-for-photoshop/" rel="bookmark" class="crp_title">250+ Watercolor Brushes for Photoshop</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2011/06/27/photoshop-basic-training/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Which Photoshop is Best for You?</title>
		<link>http://www.archtopia.com/2011/05/02/which-photoshop-is-best-for-you/</link>
		<comments>http://www.archtopia.com/2011/05/02/which-photoshop-is-best-for-you/#comments</comments>
		<pubDate>Mon, 02 May 2011 10:51:21 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Photoshop CS5]]></category>
		<category><![CDATA[ps]]></category>
		<category><![CDATA[ps cs5]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=5184</guid>
		<description><![CDATA[Many graphic designers swear by Photoshop and consider it to be the pinnacle of perfection in image manipulation programs. The CS5 edition only enhances this reputation with a host of new features that are remarkably useful. Since the standard and extended editions have many features in common and the extended edition can cost a couple of hundred dollars more, many people may assume the standard edition is perfect for them. Is the extended edition worth the extra cost? That depends solely on what you want to accomplish with your designs.]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-5185" title="WhichCS" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/05/WhichCS.png" alt="WhichCS Which Photoshop is Best for You?" width="550" height="129" /></p>
<p>Many graphic designers swear by Photoshop and consider it to be the pinnacle of perfection in image manipulation programs. The <a href="http://www.archtopia.com/go/PhotoshopCS5PC/" target="_blank"><strong>CS5</strong></a> edition only enhances this reputation with a host of new features that are remarkably useful. Since the standard and extended editions have many features in common and the extended edition can cost a couple of hundred dollars more, many people may assume the standard edition is perfect for them. Is the<a href="http://www.archtopia.com/go/PhotoshopCS5extended/" target="_blank"> extended edition </a>worth the extra cost? That depends solely on what you want to accomplish with your designs.</p>
<h2>Comparison</h2>
<p>Both editions of <a href="http://www.archtopia.com/go/PhotoshopCS5PC/" target="_blank">Photoshop CS5</a> have fantastic new features including a host of new tools to create realistic painting effects. These improvements allow for on-canvas color blending at any level of wetness and realistic brush strokes to take your painting enhancements to new levels. Other great new features include enhanced HDR image creation, intelligent edge selection tools, mobile integration, and enhanced raw image processing that make it easier than ever to achieve your desired results. In addition to these upgrades, the new Photoshop also allows for puppet warp, which enables you to manipulate the position of any element in an image. Perhaps the most impressive, and likely most useful, of the new features is the content-aware fill. This powerful tool allows you to remove any portion of an image and fill in the space with lighting, tone, and noise matching so flawless that it looks like the missing image never existed.</p>
<h2>Cross-platforms</h2>
<p>Other less visible enhancements allow you to work with Photoshop more easily than ever. Cross-platform 64-bit support utilizes current hardware to the fullest advantage and Configurator 2.0 gives you the freedom to set up your toolbars any way you need them. Other simple but useful improvements include the ability to create a new layer simply by dragging and dropping an element, the ability to delete all empty layers with scripts, an option to set your ‘save as’ default to the last folder in which you saved an image, and the ability to move an object even when the active layer is hidden, and an overlay grid for cropping that allows you to trim more evenly without guessing. These improvements are just a sampling of the many new surprises available in this release of Photoshop.</p>
<h2>New Tools</h2>
<p>As impressive and useful as these features are, the extended edition delivers even more of a punch with its suite of 3D tools. With these tools, you can paint realistically on 3D objects and add 3D elements to your designs or create composites. You can also use an image-based light source to add natural-looking lighting to your objects and it even allows you to animate your objects or light source for extra effect. Repoussé lets you transform your 2D objects into 3D using the extrusion qualities of your choice. You can then pause and restart your renderings for added control. Finally, the shadow catcher feature allows you to effortlessly create realistic shadows for your objects.</p>
<h2>So what&#8217;s best?</h2>
<p>So which edition of Photoshop CS5 is right for you? Both will take your image manipulation and creation to previously unbelievable levels. Both will also make using the program more hassle-free than past editions. But, if you really want to make your web designs eye-popping, the 3D imaging tools in <a href="http://www.archtopia.com/go/PhotoshopCS5extended/" target="_blank">CS5 extended edition</a> make this version well worth the added cost.</p>
<p style="font-style: italic;">
<p><em>This guest post has been written by Dhruv Kapoor from Offshore Ally- a company of competent <a target="_blank" href="http://www.offshoreally.com/">virtual assistants</a> and <a target="_blank" href="http://offshoreally.com/internet-marketing-outsourcing-seo/virtual-assistant-link-building">link builders</a>. He is passionate about designing and technology.</em><em> </em></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2010/11/26/black-friday-best-deals-for-architects-and-designers/" rel="bookmark" class="crp_title">Black Friday: Best Deals For Architects and Designers</a></li><li><a href="http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; How to Create a Reflection in Photoshop CS5</a></li><li><a href="http://www.archtopia.com/2009/09/30/photoshop-cs4-down-dirty-tricks/" rel="bookmark" class="crp_title">Photoshop CS4 Down &#038; Dirty Tricks</a></li><li><a href="http://www.archtopia.com/2010/07/31/illustrator-tutorials-and-resources/" rel="bookmark" class="crp_title">Illustrator Tutorials and Resources</a></li><li><a href="http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/" rel="bookmark" class="crp_title">Photoshop Shortcuts To Make Your Life Easier</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2011/05/02/which-photoshop-is-best-for-you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Shortcuts To Make Your Life Easier</title>
		<link>http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/</link>
		<comments>http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/#comments</comments>
		<pubDate>Wed, 27 Apr 2011 16:55:54 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[keyboard]]></category>
		<category><![CDATA[shortcuts]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=5167</guid>
		<description><![CDATA[Since we are heavy users of Photoshop, we thought this brief collection of shortcuts will actually serve you well. No matter what your main area of interest is: architecture, interior or web design, you will find the following keyboard shortcuts pretty useful.

Chances are you know some of them, but I bet you don't know them all.

This article is written in PC Photoshop format. If you are using a MAC, the following apply Ctrl = Cmd and Alt =  Opt]]></description>
			<content:encoded><![CDATA[<p>Since we are heavy users of Photoshop, we thought this brief collection of shortcuts will actually serve you well. No matter what your main area of interest is: architecture, interior or web design, you will find the following keyboard shortcuts pretty useful.</p>
<p><img class="aligncenter size-full wp-image-5170" title="shortcuts" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/04/shortcuts.jpg" alt="shortcuts Photoshop Shortcuts To Make Your Life Easier" width="550" height="129" /></p>
<p>Chances are you know some of them, but I bet you don&#8217;t know them all.</p>
<p><em>This </em><em>article is written in PC Photoshop format. If you are using a MAC, the following apply Ctrl = Cmd and Alt =  Opt</em></p>
<p>So without further ado, here we go:</p>
<p><strong>1. Screen mode</strong></p>
<p>Pressing F on the keyboard will toggle between Standard Screen Mode, Full Screen Mode With Menu Bar, and Full Screen Mode. This is useful especially when working with larger files, and you need to have a ensemble view of the image.</p>
<p><strong>2. Pan or Hand Tool</strong></p>
<p>Holding Space and Left Mouse Button at once when in Full Screen Mode, or in any other Screen mode when zoomed, will allow to move the image in any direction wanted.</p>
<p><strong>3. Zooming</strong></p>
<p>You can fast zoom in or out if you hold Alt while using the scroll wheel of your mouse.</p>
<p><strong>4. Zoom to 100%</strong></p>
<p>If you double click on the Zoom tool it will zoom the document to 100%.</p>
<p><strong>5. Scale Font Size</strong></p>
<p>Select the text you need to scale up or down, and then with Shift+Alt+&lt; or &gt; will scale the text down, or up. Also you can capitalize all characters in the selection if you press Shift+Alt+K.</p>
<p><strong>6. Moving layers up or down in the hierarchy</strong></p>
<p>Select the layer you want to bring to front or you want to sent to back, and hold Ctrl + [ or ]</p>
<p><strong>7. Hide all layers but one</strong></p>
<p>Hold Ctrl + Alt and click on the visibility icon of the layer you want to be seen, and all other layers will be hidden.</p>
<p><strong>8. Tool Panels</strong></p>
<p>Press TAB to toggle tool panels in and out of the screen.</p>
<p><strong>9. Precise Mouse Cursor</strong></p>
<p>Caps Lock will display the precise cursor.</p>
<p><strong>10. Increase or decrease brush / pencil / eraser size</strong></p>
<p>Press [ or ] to scale the size down or up. By pressing Shift + [ or ] will increase / decrease brush / eraser  hardness.</p>
<p><strong>11. Opacity</strong></p>
<p>You can increase / decrease a layer opacity by pressing one of the number keys (ie. 1 = 10%, 2 = 20%&#8230;). When you have the brush tool  / eraser selected, pressing the number keys will adjust the brush / eraser opacity.</p>
<p><strong>12. Duplicate layer</strong></p>
<p>There are a few ways you can do this, but my favorite is Alt + Click and drag. This operation will create a new layer from the active layer / layers.</p>
<p>You can also duplicate the active layer by Alt + any of the arrow keys.</p>
<p>Ctrl + J will duplicate the active layer in the exact position.</p>
<p><strong>13. Change Workspace background</strong></p>
<p>You can change the default Photoshop grey workspace background color by following these steps:<br />
1. select your desired color<br />
2. select the Paint Bucket tool<br />
3. Hold down Shift + click on the working area (outside of the document area)</p>
<p><strong>14. Switch between opened images</strong></p>
<p>Ctrl+ TAB will help you easy navigate through different opened windows in Photoshop.</p>
<p><strong>15. Proportional Scaling</strong></p>
<p>You can scale any layer by pressing Ctrl + T in order to activate the transformation operation, and then to scale it proportionally press Shift + click on any of the corners of the layer to scale it up or down. If you want the scaling to happen from the center of the layer press Shift + Alt + click on any of the corners of the layer.</p>
<p>Of course you can also consult the Keyboard Shortcuts and Menu option of Photoshop, where you can define your own shortcuts. Get to that menu with Ctrl + Alt +Shift + K.</p>
<p>Hope you enjoyed this short post, and if we missed something, or you think we can add to our collection, don&#8217;t hesitate to leave a comment with your thoughts.</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2011/02/17/6-photoshop-tricks-you%e2%80%99ve-never-seen-before/" rel="bookmark" class="crp_title">6 Photoshop Tricks You’ve Never Seen Before</a></li><li><a href="http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; How to Create a Reflection in Photoshop CS5</a></li><li><a href="http://www.archtopia.com/2010/12/27/photoshop-tutorial-adding-driveway-texture-and-changing-the-facade-color/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; Adding Driveway Texture and Changing The Facade Color</a></li><li><a href="http://www.archtopia.com/2010/11/05/illustrator-tutorial-skew-text-in-illustrator-cs5/" rel="bookmark" class="crp_title">Illustrator Tutorial &#8211; Skew Text in Illustrator CS5</a></li><li><a href="http://www.archtopia.com/2011/12/09/acdsee-photo-manager-resize/" rel="bookmark" class="crp_title">Resize Images with ACDSee Photo Manager</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 Photoshop Tricks You’ve Never Seen Before</title>
		<link>http://www.archtopia.com/2011/02/17/6-photoshop-tricks-you%e2%80%99ve-never-seen-before/</link>
		<comments>http://www.archtopia.com/2011/02/17/6-photoshop-tricks-you%e2%80%99ve-never-seen-before/#comments</comments>
		<pubDate>Thu, 17 Feb 2011 14:00:45 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=4773</guid>
		<description><![CDATA[Adobe’s Photoshop has long been the premier software for photographers, digital professionals as well as the everyday website owner. The fact that the software can do so much, and is easy to use, has obviously helped it hold on to its class-leading position. However, the very fact that it can do so much means that a large percentage of users only scratch the surface of the available options.

These days, most people are busy and it is all too easy to stop exploring a program such as Photoshop when we first learn the basics, as we mistakenly feel that further exploration cannot be justified on a time basis.]]></description>
			<content:encoded><![CDATA[<p>Adobe’s Photoshop has long been the premier software for photographers, digital professionals as well as the everydaywebsite owner. The fact that the software can do so much, and is easy to use, has obviously helped it hold on to its class-leading position. However, the very fact that it can do so much means that a large percentage of users only scratch the surface of the available options.<a href="http://archtopia.speedymirror.com/wp-content/uploads/2010/11/Photoshop-CS5.jpg"><img class="alignright" title="Photoshop CS5" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/11/Photoshop-CS5.jpg" alt="Photoshop CS5 6 Photoshop Tricks You’ve Never Seen Before" width="168" height="168" /></a></p>
<p>These days, most people are busy and it is all too easy to stop exploring a program such as <a title="Photoshop CS5" href="http://www.archtopia.com/go/PhotoshopCS5PC/" target="_blank">Photoshop </a>when we first learn the basics, as we mistakenly feel that further exploration cannot be justified on a time basis.</p>
<p>Understandable as this is, the reality of the situation is that there are a number of Photoshop tricks that many people have never seen and that can save the user a considerable amount of time.  These tricks can be applied to editing images for your website for example, and make it more appealing potential readers and/or customers. The following are tricks that should prove very useful:</p>
<h2><img class="size-full wp-image-4776 aligncenter" title="Ctrl+Alt+Shift+E" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/02/Ctrl+Alt+Shift+E.png" alt="Ctrl+Alt+Shift+E 6 Photoshop Tricks You’ve Never Seen Before" width="550" height="100" /></h2>
<h3>1. Merging All Visible Layers</h3>
<p>How often are you working on a file where multiple layers have been created in order to achieve a finished version? This is a common task with photo editing, but also for artists who are using Photoshop to draw/paint. The problem is the file can become needlessly large and somewhat messy with multiple layers. There is a quick way to solve this problem. Once you have finished editing the individual layers, create a new empty layer and then press: <strong>Ctrl+Alt+Shift+E</strong> which will merge all visible layers (on a Mac replace Alt with the Command key).</p>
<h3><img class="aligncenter size-full wp-image-4779" title="Duplicate" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/02/Duplicate.png" alt="Duplicate 6 Photoshop Tricks You’ve Never Seen Before" width="550" height="100" /></h3>
<h3>2. Duplicating an Image</h3>
<p>There are numerous situations when a user needs to duplicate an image. Perhaps as a reference or to compare changes, or even create piece of mind when embarking on editing. Of course, Photoshop comes with a way to do this (via the <strong>Image menu</strong> and then <strong>Duplicate</strong>). However, there is a really great way to do this quickly. Just right click the top of your window and click on duplicate. It’s a quick and simple trick, but you’ll be amazed how it speeds up workflow.</p>
<h3><img class="aligncenter size-full wp-image-4780" title="Save-for-Web" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/02/Save-for-Web.png" alt="Save for Web 6 Photoshop Tricks You’ve Never Seen Before" width="550" height="100" /></h3>
<h3>3. Web Images Looking Too Dark?</h3>
<p>Sometimes when using the <strong>Save For Web</strong> command, the resulting image can appear a little darker than required. There is a little know trick to ensure that this does not happen: before using the command, go to the edit/color settings and check that “<strong>Web Graphics Default</strong>” as well as “SRGB” are both selected. This will prevent images being too dark.</p>
<h3><img class="aligncenter size-full wp-image-4781" title="Ctrl+Right-Click" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/02/Ctrl+Right-Click.png" alt="Ctrl+Right Click 6 Photoshop Tricks You’ve Never Seen Before" width="550" height="100" /></h3>
<h3>4. Super Fast Layer Selection</h3>
<p>The tried and tested way to select a layer is to go to the layer palette and click on the required layer. It works well enough, but can sometime take the user out of their concentration zone. A little known trick to help keep the user focused on the task is to hold down <strong>CTRL and then right click on the active document</strong>. This brings up list of layers that can be selected from to select a layer. For an even quicker trick, try using<strong> Alt and right click</strong> which bypasses the context menu.</p>
<p><img class="aligncenter size-full wp-image-4783" title="Alt+New-Layer-Icon" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/02/Alt+New-Layer-Icon.png" alt="Alt+New Layer Icon 6 Photoshop Tricks You’ve Never Seen Before" width="550" height="100" /></p>
<h3>5. Creating a layer below the current one</h3>
<p>It’s probably fair to say that the majority of the time users create layers on top of a previous one, but there are occasions when creating a layer beneath a current one is required. In these situations use this trick and employ the following keyboard shortcut: <strong>cmd+new layer icon</strong>.</p>
<p><img class="aligncenter size-full wp-image-4785" title="Screen-Mode" src="http://archtopia.speedymirror.com/wp-content/uploads/2011/02/Screen-Mode.png" alt="Screen Mode 6 Photoshop Tricks You’ve Never Seen Before" width="550" height="100" /></p>
<h3>6. Working in the Corners</h3>
<p>Sometimes the part of an image you want to work on is right in one of the four corners (or for that matter right against the side). It can be awkward, as the curser will change every time it moves beyond the image. Luckily, there is a trick to deal with this problem: simply go to View and <strong>Change Screen Mode</strong> (or use the Screen Mode button on the task bar) Or simply press <strong>F </strong>on the keyboard. You can use the hand tool to drag the image so you have loads of room to reach those formally hard to handle spots.</p>
<p>Photoshop is a tool that users should never stop exploring, however experienced they may be. After all no one’s too old, or too experienced, to learn a few new tricks.</p>
<p><em>Kevin Harris is a freelance writer for Adobe.  Adobe software, such as <a target="_blank" href="http://www.adobe.com/products/photoshop/compare/">image editing software</a>, and services revolutionize how the world engages with ideas and information; anytime, anywhere, and through any medium.  They also offer many other services like  <a target="_blank" href="http://www.adobe.com/products/flash/web/">web application development</a>.</em></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/" rel="bookmark" class="crp_title">Photoshop Shortcuts To Make Your Life Easier</a></li><li><a href="http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; How to Create a Reflection in Photoshop CS5</a></li><li><a href="http://www.archtopia.com/2010/12/27/photoshop-tutorial-adding-driveway-texture-and-changing-the-facade-color/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; Adding Driveway Texture and Changing The Facade Color</a></li><li><a href="http://www.archtopia.com/2010/11/05/illustrator-tutorial-skew-text-in-illustrator-cs5/" rel="bookmark" class="crp_title">Illustrator Tutorial &#8211; Skew Text in Illustrator CS5</a></li><li><a href="http://www.archtopia.com/2009/09/30/photoshop-cs4-down-dirty-tricks/" rel="bookmark" class="crp_title">Photoshop CS4 Down &#038; Dirty Tricks</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2011/02/17/6-photoshop-tricks-you%e2%80%99ve-never-seen-before/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Tutorial &#8211; Adding Driveway Texture and Changing The Facade Color</title>
		<link>http://www.archtopia.com/2010/12/27/photoshop-tutorial-adding-driveway-texture-and-changing-the-facade-color/</link>
		<comments>http://www.archtopia.com/2010/12/27/photoshop-tutorial-adding-driveway-texture-and-changing-the-facade-color/#comments</comments>
		<pubDate>Mon, 27 Dec 2010 14:43:21 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Architects]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[architects]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Pattern]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vinyl siding]]></category>

		<guid isPermaLink="false">http://www.archtopia.com/?p=4467</guid>
		<description><![CDATA[One of our readers outlined a problem a lot of architects, and probably interior designers sometimes, when they have the image of an existing house their clients want to renovate or just want to add some small improvements, like a new driveway texture , or a different color or material for the facade, and want to deliver a fast...]]></description>
			<content:encoded><![CDATA[<p>One of our readers outlined a problem a lot of <strong>architects</strong>, and probably <strong>interior designers</strong> sometimes, when they have the image of an existing house their clients want to renovate or just want to add some small improvements, like a driveway texture, or a different color or material for the facade, and want to deliver a fast result.</p>
<p>This step-by-step tutorial will show you how to edit an image in <strong>Photoshop CS5</strong> (earlier versions work just fine) so then your clients can see the improvements they want on their house, and so they can compare the proposed situation with the existing one, and decide on a solution.</p>
<p><img class="aligncenter size-full wp-image-4471" title="Vinyl-Siding-Main" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Vinyl-Siding-Main.jpg" alt="Vinyl Siding Main Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="736" /></p>
<p><strong>1.</strong> First you want to <strong>open</strong> the image you want to edit. In this case was a one story house with vinyl sidings as our reader wanted to know how he can make the adjustments we talked about in the beginning.</p>
<p><strong>2.</strong> After you&#8217;ve opened the image, you want to make it a <strong>Editable Layer</strong>. You can do this by double clicking on the Layer on the right called <em>Background</em>, and in the following window click OK.</p>
<p><img class="aligncenter size-full wp-image-4472" title="Editable Layer" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/1.png" alt="1 Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="221" height="550" /><strong>3.</strong> Open the <strong>texture file</strong> you want to add as a texture to the driveway, and click on the <strong>Rectangle Selection Tool</strong>, then in the upper menu click on <strong>Select </strong>and then <strong>All</strong>.</p>
<p><img class="aligncenter size-full wp-image-4474" title="Select All Texture" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Select-All-Texture.png" alt="Select All Texture Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="427" />You then want to define this selection as a patter. In order to do so, go to <strong>Edit</strong> and then <strong>Define Pattern.</strong></p>
<p><strong><img class="aligncenter size-full wp-image-4475" title="Define Pattern" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Define-Pattern.png" alt="Define Pattern Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="427" /><br />
</strong></p>
<p><strong>4. Create a New file</strong>, and set it&#8217;s dimensions to match the ones of the original file, in our case the vinyl siding house.</p>
<p><img class="aligncenter size-full wp-image-4476" title="Original File Dimensions Preset" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Original-File-Dimensions-Preset.png" alt="Original File Dimensions Preset Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="427" /><strong>5. Right Click </strong>on the <strong>Layer </strong>of the newly created file, and select <strong>Blending Options</strong>, and then click on <strong>Pattern</strong> in the Layer Options window. There you can select a <strong>pattern</strong> from the existing ones, and also there you will find the pattern you defined in<strong> step 3</strong>. You have the option to scale the pattern up or down. After adjusting the scale (if you need or want to adjust it) click <strong>OK.</strong></p>
<p><img class="aligncenter size-full wp-image-4477" title="New-File-With-Pattern" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/New-File-With-Pattern.jpg" alt="New File With Pattern Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="854" /><strong>6.</strong> You need to return to the <strong>original image</strong> of the house, and select the area of the image you want the driveway to appear on. In our case is the driveway to the garage.  For a clear and fast selection you can use the <strong>Quick Selection Tool</strong> from the toolbox on the left.</p>
<p><img class="aligncenter size-full wp-image-4478" title="Quick Selection Tool" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Quick-Selection-Tool.png" alt="Quick Selection Tool Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="427" />When you&#8217;re satisfied with your selection, go to the upper <strong>Menu</strong>, click on <strong>Layer</strong> and then on <strong>Layer via Cut</strong>. A new layer will be created from the selection you just made. You should <strong>hide</strong> that layer by clicking on the<strong> small eye </strong>on the left side of the Layer&#8217;s name.</p>
<p><img class="aligncenter size-full wp-image-4479" title="Layer via Cut" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Layer-via-Cut.png" alt="Layer via Cut Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="427" /></p>
<p><img class="aligncenter size-full wp-image-4480" title="Hide Layer" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Hide-Layer.png" alt="Hide Layer Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="222" height="339" /></p>
<p><strong>7.</strong> You need to go back to the <strong>New file</strong> you created in <strong>step 4</strong> and that you&#8217;ve added the pattern to in <strong>step 5</strong> and <em>Click and drag</em> on it&#8217;s name so that you can see at the same time the <strong>patterned file</strong> and the <strong>original image</strong> of the house in the same screen. After that you will want to drag the layer of the patterned file into your <strong>original image</strong>. You can have a better understanding of the process from the following images.</p>
<p><img class="aligncenter size-full wp-image-4481" title="Drag-The-Pattern-on-The-Original-Image" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Drag-The-Pattern-on-The-Original-Image.jpg" alt="Drag The Pattern on The Original Image Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="1016" /><strong>8.</strong> Now that you have the textured driveway in the same file as our image, all you need to do is to give it a perspective look, so it can fit into the original image. But first you need to <strong>drag the pattern layer</strong> under the original image. The process is depicted below.</p>
<p><img class="aligncenter size-full wp-image-4482" title="Drag Under Layer" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Drag-Under-Layer.png" alt="Drag Under Layer Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="221" height="339" /></p>
<p><strong>9.</strong> Before we go any further, you want to convert the <strong>patterned layer</strong> into a <strong>Smart Object</strong> in order to be able to have the perspective effect on it. You will <strong>right-Click</strong> on the <strong>Layer</strong> and then select <strong>Convert to Smart Object</strong>.</p>
<p><img class="aligncenter size-full wp-image-4483" title="Smart Object" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Smart-Object.png" alt="Smart Object Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="259" height="900" /><strong><br />
</strong></p>
<p><strong>10.</strong> Now we need to <strong>transform </strong>this Layer so it goes into perspective and make it look as natural as possible. To do that, you need to click on <strong>Edit</strong> in the upper menu, and then <strong>Free Transform</strong> or<strong> Ctrl+T</strong> on the keyboard. Holding down <strong>Ctrl</strong>(PC) or <strong>Command</strong>(MAC) on the keyboard and dragging the corners of the layer you can obtain the perspective look you can see in the following image. Also you can reposition the layer wherever you please while in Free Transform mode (no need to hold down CTRL or Command for that).</p>
<p><img class="aligncenter size-full wp-image-4484" title="Free Transform Tool" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Free-Transform-Tool.png" alt="Free Transform Tool Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="508" /></p>
<p><strong>11. </strong>When happy with the look of the driveway hit <strong>Enter</strong> on the keyboard and the changes will stay permanent. For a little more realism, I&#8217;ve added a <strong>Gradient</strong> in the<strong> Blending Options</strong> of this layer, in order to have a little variation in color and shadow.</p>
<p><img class="aligncenter size-large wp-image-4486" title="Gradient" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Gradient1-550x422.png" alt="Gradient1 550x422 Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="422" /></p>
<p>This is how the original image now looks like:</p>
<p><img class="aligncenter size-full wp-image-4487" title="Vinyl-Siding-with-Porch" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Vinyl-Siding-with-Porch.jpg" alt="Vinyl Siding with Porch Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="368" /></p>
<p><strong>12.</strong> Now for the facade part, you can use the<strong> Smart Selection Tool </strong>again, and after that create a new layer out of your selection via <strong>Copy</strong>. The steps for creating a new layer out of a selection were described above, so that process will not be depicted again.</p>
<p>This is how the selection can look on the original image:</p>
<p><img class="aligncenter size-full wp-image-4488" title="Selection" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Selection.png" alt="Selection Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="427" /></p>
<p>13. In the <strong>Blending Options</strong> of the new Layer you can add a <strong>Color Overlay </strong>option and see the result of the changes on your image.</p>
<p>These are the options we used for this house facade.</p>
<p><img class="aligncenter size-full wp-image-4489" title="Color Overlay" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Color-Overlay.png" alt="Color Overlay Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="422" />The final image of the house with the new driveway and the new color on the facade are now done, and they look pretty realistically, so now you can edit any image with the processes described above.</p>
<p><img class="aligncenter size-full wp-image-4490" title="Vinyl Siding modified" src="http://archtopia.speedymirror.com/wp-content/uploads/2010/12/Vinyl-Siding-modified.jpg" alt="Vinyl Siding modified Photoshop Tutorial   Adding Driveway Texture and Changing The Facade Color" width="550" height="368" /></p>
<p>In addition you can create a new Layer out of the facade selection by <strong>Cutting</strong> it, and then importing a new pattern and transforming that to have the desired perspective, but of course, that is something we can explain in a different tutorial.</p>
<p>Hope you enjoyed this tutorial, and it was enough in depth for everybody to be able to follow along. If at any point you get lost or confused, don&#8217;t hesitate to leave a question.</p>
<p>As usual, your feedback is very much appreciated.</p>
<p>P.S. Good luck Ken.</p>
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2011/06/29/photoshop-tutorial-how-to-create-a-reflection-in-photoshop-cs5/" rel="bookmark" class="crp_title">Photoshop Tutorial &#8211; How to Create a Reflection in Photoshop CS5</a></li><li><a href="http://www.archtopia.com/2011/04/27/photoshop-shortcuts-to-make-your-life-easier/" rel="bookmark" class="crp_title">Photoshop Shortcuts To Make Your Life Easier</a></li><li><a href="http://www.archtopia.com/2011/02/17/6-photoshop-tricks-you%e2%80%99ve-never-seen-before/" rel="bookmark" class="crp_title">6 Photoshop Tricks You’ve Never Seen Before</a></li><li><a href="http://www.archtopia.com/2011/12/09/acdsee-photo-manager-resize/" rel="bookmark" class="crp_title">Resize Images with ACDSee Photo Manager</a></li><li><a href="http://www.archtopia.com/2010/11/05/illustrator-tutorial-skew-text-in-illustrator-cs5/" rel="bookmark" class="crp_title">Illustrator Tutorial &#8211; Skew Text in Illustrator CS5</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2010/12/27/photoshop-tutorial-adding-driveway-texture-and-changing-the-facade-color/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Photoshop CS5 Sneak Peek</title>
		<link>http://www.archtopia.com/2010/03/31/photoshop-cs5-sneak-peek/</link>
		<comments>http://www.archtopia.com/2010/03/31/photoshop-cs5-sneak-peek/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 08:00:41 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[CS5]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[Photoshop CS5]]></category>
		<category><![CDATA[sneak peek]]></category>

		<guid isPermaLink="false">http://archtopia.com/?p=2993</guid>
		<description><![CDATA[One of the biggest requests we get of Photoshop is to make adding, removing, moving or repairing items faster and more seamless. From retouching to completely reimagining an image, here's an early glimpse of what could happen in the future when you press the delete key. How might you use this new capability in your workflow?]]></description>
			<content:encoded><![CDATA[<p>Found this cool new video regarding some new feature that&#8217;s waiting for us in the CS5 version. Check it out:</p>
<p><center><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="442" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/NH0aEp1oDOI&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="550" height="442" src="http://www.youtube.com/v/NH0aEp1oDOI&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
</center></p>
<p>One of the biggest requests we get of Photoshop is to make adding, removing, moving or repairing items faster and more seamless. From retouching to completely reimagining an image, here&#8217;s an early glimpse of what could happen in the future when you press the delete key. How might you use this new capability in your workflow?</p>
<p>Visit Photoshop on Facebook at <a target="_blank" href="http://www.facebook.com/Photoshop" target="_blank">www.facebook.com/Photoshop</a></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2010/04/25/the-sketchup-show-3d-modeling-resource/" rel="bookmark" class="crp_title">The Sketchup Show | 3D Modeling Resource</a></li><li><a href="http://www.archtopia.com/2010/05/24/autocad-2011-mac-beta-1-version/" rel="bookmark" class="crp_title">AutoCad 2011 | Mac Beta 1 Version</a></li><li><a href="http://www.archtopia.com/2009/10/15/google-maps-getting-better-video/" rel="bookmark" class="crp_title">Google Maps Getting Better (Video)</a></li><li><a href="http://www.archtopia.com/2010/06/16/google-earth-pro-v5-2/" rel="bookmark" class="crp_title">Google Earth Pro v5.2</a></li><li><a href="http://www.archtopia.com/2011/04/20/lumenrt-for-sketchup-realistic-visualization-plug-in/" rel="bookmark" class="crp_title">LumenRT for SketchUP &#8211; Realistic Visualization Plug-in</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2010/03/31/photoshop-cs5-sneak-peek/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop CS4 Down &amp; Dirty Tricks</title>
		<link>http://www.archtopia.com/2009/09/30/photoshop-cs4-down-dirty-tricks/</link>
		<comments>http://www.archtopia.com/2009/09/30/photoshop-cs4-down-dirty-tricks/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 18:59:19 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[CS4]]></category>
		<category><![CDATA[Dirty Tricks]]></category>

		<guid isPermaLink="false">http://archtopia.com/?p=1506</guid>
		<description><![CDATA[UNLOCK THE SECRETS OF THE HOTTEST TRICKS, AND MOST REQUESTED PHOTOSHOP EFFECTS IN ONE AMAZING BOOK! Scott Kelby, co-host of Photoshop User TV and the world’s #1 bestselling Photoshop author, is back to unlock the secrets of an amazing new collection of the latest eye-popping, jaw-dropping, Photoshop special effects—the same kind that made Scott’s previous [...]]]></description>
			<content:encoded><![CDATA[<p>UNLOCK THE SECRETS OF THE HOTTEST TRICKS, AND MOST REQUESTED PHOTOSHOP EFFECTS IN ONE AMAZING BOOK!</p>
<p><img class="alignright size-medium wp-image-1507" title="photoshop-cs4-down-and-dirty-tricks" src="http://archtopia.speedymirror.com/wp-content/uploads/2009/09/photoshop-cs4-down-and-dirty-tricks-240x300.jpg" alt="photoshop cs4 down and dirty tricks 240x300 Photoshop CS4 Down & Dirty Tricks" width="240" height="300" />Scott Kelby, co-host of <em>Photoshop User TV</em> and the world’s #1 bestselling Photoshop author, is back to unlock the secrets of an amazing new collection of the latest eye-popping, jaw-dropping, Photoshop special effects—the same kind that made Scott’s previous editions of this book one of the top selling Photoshop books in history.</p>
<p>You’ll learn some of the most closely guarded Photoshop CS4 special effects—the same ones you see on TV, in magazines, and on the Web. Using Scott’s simple step-by-step method, with hundreds of full-color images, you’ll see exactly how it’s all done. The book is written so clearly, and it is so easy to follow, you’ll immediately be able to create all of these effects yourself. You’ll learn:</p>
<p>• The latest photographic special effects<br />
• How to fake studio shots (you’ll be amazed at how it’s done)<br />
• The latest cutting-edge type effects<br />
• The most popular effects used by big movie studios<br />
• The most-requested advertising effects<br />
• Commercial effects that clients go crazy over!<br />
• The most asked-for current Web effects<br />
• Amazing 3D effects using Photoshop Extended<br />
• Plus loads of effects that look hard, but are easy once you know the secrets</p>
<p>And not only that, but the whole book is packed with creative ideas, layouts, and design techniques that will help you unleash your own creativity. It’s all here, in the only Photoshop book of its kind. You’re gonna love it!</p>
<p><strong>Buy</strong>: <a target="_blank" href="http://www.amazon.com/gp/product/0321563174?ie=UTF8&amp;tag=qt02-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321563174" target="_blank">Photoshop CS4 Down &amp; Dirty Tricks</a><img style="border: medium none  ! important; margin: 0px ! important;" title="Photoshop CS4 Down &amp; Dirty Tricks" src="http://www.assoc-amazon.com/e/ir?t=qt02-20&amp;l=as2&amp;o=1&amp;a=0321563174" border="0" alt=" Photoshop CS4 Down & Dirty Tricks" width="1" height="1" /></p>
<p><strong>Torrent</strong>: <a target="_blank" href="http://www.mininova.org/tor/2993050" target="_blank">mininova</a></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://www.archtopia.com/2011/06/27/photoshop-basic-training/" rel="bookmark" class="crp_title">Photoshop Basic Training Course Ready</a></li><li><a href="http://www.archtopia.com/2011/02/17/6-photoshop-tricks-you%e2%80%99ve-never-seen-before/" rel="bookmark" class="crp_title">6 Photoshop Tricks You’ve Never Seen Before</a></li><li><a href="http://www.archtopia.com/2010/04/14/free-photoshop-brushes-resources-for-designers/" rel="bookmark" class="crp_title">Free Photoshop Brushes | Resources for Designers</a></li><li><a href="http://www.archtopia.com/2009/08/27/250-watercolor-brushes-for-photoshop/" rel="bookmark" class="crp_title">250+ Watercolor Brushes for Photoshop</a></li><li><a href="http://www.archtopia.com/2011/06/06/free-cookies-from-archtopia-soon/" rel="bookmark" class="crp_title">FREE Cookies From Archtopia Soon</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.archtopia.com/2009/09/30/photoshop-cs4-down-dirty-tricks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Content Delivery Network via archtopia.speedymirror.com

Served from: archtopia.com @ 2012-02-11 18:02:31 -->
