<?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>Design For Quality &#187; Tutorials</title>
	<atom:link href="http://www.designforquality.com/tag/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designforquality.com</link>
	<description></description>
	<lastBuildDate>Thu, 24 Jun 2010 09:30:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Creating A Spotlight Effect</title>
		<link>http://www.designforquality.com/2009/02/creating-a-spotlight-effect/</link>
		<comments>http://www.designforquality.com/2009/02/creating-a-spotlight-effect/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 16:33:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Lighting Effects]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Photoshop Effects]]></category>
		<category><![CDATA[Photoshop Filters]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[filters]]></category>
		<category><![CDATA[Lightening Effects]]></category>
		<category><![CDATA[Photoshop Tutorials]]></category>
		<category><![CDATA[Spotlights]]></category>

		<guid isPermaLink="false">http://www.designforquality.com/?p=175</guid>
		<description><![CDATA[The photoshop effect of adding alternative lightening to your photographs will add depth to your natural lighting and emphisis to your subject, it is a great way of touching up your montages and collages.  This effect works well with a photograph which is underexposed and could be touched up with just a little bit of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.designforquality.com/wp-content/uploads/2009/02/bling-tutorial13.jpg"><img class="alignleft size-medium wp-image-176" title="bling-tutorial13" src="http://www.designforquality.com/wp-content/uploads/2009/02/bling-tutorial13-300x225.jpg" alt="" width="300" height="225" /></a>The photoshop effect of adding alternative lightening to your photographs will add depth to your natural lighting and emphisis to your subject, it is a great way of touching up your montages and collages. </p>
<p>This effect works well with a photograph which is underexposed and could be touched up with just a little bit of levels or curves. Instead of just brightening the image which would be our natural instant, an interesting effect is to create the look of a spotlight.</p>
<p>1.) Begin by creating a selection with the elliptical marquee tool, Choose <strong>Se</strong><strong>lect &gt; Transform Selection </strong>and a bounding box will appear, this will give you the ability to rotate, scale and resize the selected area. </p>
<p>2.) Press enter/return to apply the transformation to the selection, the next step is to create a curves adjustment layer, choose a new adjustment layer from the bottom of the layers palette and select curves.</p>
<p>3.) This will then open a dialog box, which is for curves, move the mouse from the box and over to the image, the cursor will then change into an eyedropper tool. </p>
<p>4.) Click and drag and a circle will appear on the diagonal line of the curve. This is the tonal range of the area that you are moving the mouse over. Take a note of where the range is on the curve.</p>
<p>5.) Click and drag on the curve. Move the point up and notice that the image will be lightened. Looking at the layers palette, you will see the adjustment layer with a layer mask applied. Notice that the area of the mask where the selection was present is now white, click the mask to make it active. </p>
<p>6.) The light edge needs to be softened, do this by choosing the options, <strong>Filter &gt; Blur &gt; Gaussian Blur</strong> </p>
<p>7.) Remove the effect from the areas that would be in shadow and not illuminated in real life, e.g. such as the air, choose black for the foreground color and select the brush tool, click and drag the paintbrush and you will paint away the adjustment from the regions you desire because you are painting on a mask </p>
<p>8.) And that should be it! This is a great effect and you can lower the opacity of the adjustment layer if you desire to tone down the effect a little, a great way to draw attention to certain areas of an image.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designforquality.com/2009/02/creating-a-spotlight-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blending Two Images With A Layer Mask</title>
		<link>http://www.designforquality.com/2009/01/blending-two-images-with-a-layer-mask/</link>
		<comments>http://www.designforquality.com/2009/01/blending-two-images-with-a-layer-mask/#comments</comments>
		<pubDate>Thu, 22 Jan 2009 13:33:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Layer Mask]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Blending Images]]></category>
		<category><![CDATA[Collage]]></category>
		<category><![CDATA[filters]]></category>
		<category><![CDATA[Montage]]></category>

		<guid isPermaLink="false">http://www.designforquality.com/?p=156</guid>
		<description><![CDATA[Collaging means merging images together, a popular technique to do this is to merge images together with a layer mask. Merging images together is great to create collages and montages. In this tutorial you will be working with Layer Masks, Blending Modes, Gradients and Separate Layers and you will learn how to seamlessly blend two images [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #0000ee; text-decoration: underline;"><a href="http://www.designforquality.com/wp-content/uploads/2009/01/image-7.jpg"><img class="alignleft size-medium wp-image-157" title="image-7" src="http://www.designforquality.com/wp-content/uploads/2009/01/image-7.jpg" alt="" width="200" height="275" /></a></span>Collaging means merging images together, a popular technique to do this is to merge images together with a layer mask. Merging images together is great to create collages and montages. In this tutorial you will be working with Layer Masks, Blending Modes, Gradients and Separate Layers and you will learn how to seamlessly blend two images together, using the layer masks.</p>
<p>1.) The first step is to get two images to work with. Make sure they are both in the same resolution, 72 dpi if you are using them for the web, and RGB colour mode, then open both documents in Photoshop.</p>
<p>2.) We will want to combine both images into one document. Now select the move tool &#8220;V&#8221; key. Drag one image into the other window and a new layer will be created automatically with the new layer on top. To center the new image in the window hold down the Shift key while dragging.</p>
<p>3.) Click on the add layer mask button, this will create a new layer mask. A layer mask is transparent. When you paint black into the mask it allows the image underneath to show through. Where it is white, the underlying layer will be hidden.</p>
<p>4.) Press the &#8220;G&#8221; key to select the gradient tool. Make sure the fore and backgrounds are set to black and white. Select linear gradient and foreground to background. Now drag the gradient diagonally across the image.</p>
<p>5.) You can see the gradient in the layer thumbnail and the result on the image. Where it is white, the top image shows and where it is darker the back shows through. Experiment with differant angles. You may also use any of the brush tools on the mask. Black will &#8220;paint away&#8221; the image and white will &#8220;paint it back&#8221;. Use a soft brush for best results.</p>
<p>6.) For an interesting variation change the layer blending mode to multiply. This makes the top image appear as if it is a reflection.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designforquality.com/2009/01/blending-two-images-with-a-layer-mask/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshops Auto Tools</title>
		<link>http://www.designforquality.com/2009/01/photoshops-auto-tools/</link>
		<comments>http://www.designforquality.com/2009/01/photoshops-auto-tools/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 15:20:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Auto Tools]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Auto Levels]]></category>
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false">http://www.designforquality.com/?p=142</guid>
		<description><![CDATA[Auto Color Image &#62; Adjustments &#62; Auto Color (Ctrl + Shift + B) For those of you that are professionals in the color-correcting field, this is a great feature to sometimes fix the poor colors a digital camera can capture. Auto Levels Image &#62; Adjustments &#62; Auto Levels or (Ctrl + Shift + L)?This is [...]]]></description>
			<content:encoded><![CDATA[<p><!--StartFragment--></p>
<p class="MsoNormal"><strong><span lang="EN-US"><a href="http://www.designforquality.com/wp-content/uploads/2009/01/autolevelshgb.jpg"><img class="alignleft size-medium wp-image-144" title="autolevelshgb" src="http://www.designforquality.com/wp-content/uploads/2009/01/autolevelshgb-300x228.jpg" alt="" width="300" height="228" /></a>Auto Color</span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Image &gt; Adjustments &gt; Auto Color</span></strong><span lang="EN-US"> </span><strong><span lang="EN-US">(Ctrl + Shift + B) </span></strong><span lang="EN-US">For those of you that are professionals in the color-correcting field, this is a great feature to sometimes fix the poor colors a digital camera can capture. </span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Auto Levels</span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Image &gt; Adjustments &gt; Auto Levels</span></strong><span lang="EN-US"> or </span><strong><span lang="EN-US">(Ctrl + Shift + L)</span></strong><span lang="EN-US">?This is another quick way to do some minor color-correcting on your images. What this does is correct the black point and white point in your image automatically. It’s looking for the nearest-to-white color and setting that as the white point, then finding the nearest-to-black.</span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Auto Contrast</span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Image &gt; Adjustments &gt; Auto Contrast</span></strong><span lang="EN-US"> or </span><strong><span lang="EN-US">(Ctrl + Alt + Shift + L) </span></strong><span lang="EN-US">Auto contrast is another quick adjustment for Photoshop to automatically color correct your image. You usually don’t need to use this with Auto Levels, but sometimes it helps for images that look a bit more washed-out than you’d like.</span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Auto-Align Layers</span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Edit &gt; Auto-Align Layers</span></strong><span lang="EN-US"> This feature is pretty cool as it attempts to align the content on your layers as close as Photoshop can figure out. When you run this command you’ll get a set of options as to how you want Photoshop to try to align. You’ll need to have your layers selected in the Layers palette by Ctrl-clicking or Shift-clicking on the layers. This is pretty much your savior for stitching together panoramas.</span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Auto-Blend Layers</span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Edit &gt; Auto-blend Layers </span></strong><span lang="EN-US">?Like Auto-Align, this feature is probably most useful in photography situations. When stitching together a panorama, it will attempt to match and blend the color across all of your layers to make sure your stitch looks seamless.</span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Vertical + Horizontal Centering</span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Layer &gt; Align &gt; (options)&#8230;</span></strong><span lang="EN-US">?This one is great when mocking up a new website design. This will allow you to align things vertically and horizontally to the center, left, right and top. Make sure your text layer is higher in your layers palette than the one you want to align with. Click on both layers by control-clicking or shift-clicking.</span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Vertical + Horizontal Centering (to a selection)</span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Layer &gt; Align to Selection &gt; (options)&#8230;</span></strong><span lang="EN-US">?If you don’t have another layer you want to align something to, you can make a section and align your object to the selection. Just make sure the layer you want to align is selected in the Layers palette before going to the Layer menu.</span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Straighten Crooked Photos</span></strong></p>
<p class="MsoNormal"><span lang="EN-US">You’ll want to start with the Ruler tool (located under the Eyedropper </span><strong><span lang="EN-US">[I]</span></strong><span lang="EN-US">) and draw a line for your horizontal axis to be straightened. After drawing your line, go to </span><strong><span lang="EN-US">Image &gt; Rotate Canvas &gt; Arbitrary</span></strong><span lang="EN-US">. Photoshop will have automatically entered the angle in degrees needed to straighten your image, so just click OK. After running this you will have white areas in the corners, so be prepared to crop a bit.</span></p>
<p><!--EndFragment--></p>
<h3><!--EndFragment--></h3>
]]></content:encoded>
			<wfw:commentRss>http://www.designforquality.com/2009/01/photoshops-auto-tools/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Photograph Restoration In Photoshop</title>
		<link>http://www.designforquality.com/2009/01/photograph-restoration-in-photoshop/</link>
		<comments>http://www.designforquality.com/2009/01/photograph-restoration-in-photoshop/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 13:24:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Brightness]]></category>
		<category><![CDATA[Contrast]]></category>
		<category><![CDATA[Hue]]></category>
		<category><![CDATA[Image Restoration]]></category>
		<category><![CDATA[Saturation]]></category>
		<category><![CDATA[Shadows]]></category>

		<guid isPermaLink="false">http://www.designforquality.com/?p=105</guid>
		<description><![CDATA[This tutorial will teach you how to add colour onto an old photograph that may of lost colour through fading or an image that is originally black and white or greyscale, sometimes this can take a lot of time but the more time spent the better the final result. 1.) Open up the image that [...]]]></description>
			<content:encoded><![CDATA[<p><!--StartFragment--></p>
<p class="MsoNormal"><span><span style="color: #0000ee; text-decoration: underline;"><a href="http://www.designforquality.com/wp-content/uploads/2009/01/compare.jpg"><img class="alignleft size-medium wp-image-106" title="compare" src="http://www.designforquality.com/wp-content/uploads/2009/01/compare-300x204.jpg" alt="" width="300" height="204" /></a></span>This tutorial will teach you how to add colour onto an old photograph that may of lost colour through fading or an image that is originally black and white or greyscale, sometimes this can take a lot of time but the more time spent the better the final result.</span></p>
<p class="MsoNormal"><span>1.) Open up the image that you want to use and      ensure that the image mode is set to RGB, you can do this by going into <strong>Image &gt; Mode </strong>and then check its      set to RGB.</span></p>
<p class="MsoNormal">2.) Press Q to go into quick mask mode and make sure      that the quick mask option that is on the main toolbar are set to selected      areas. Using the <strong>Paintbrush </strong>fill      in the area that you would like to colourize, this area will then appear      in red.</p>
<p class="MsoNormal"><span>3.) Press Q again and this will send you back into      standard mode and a selection will appear around the area you filled with      the Paintbrush, when completing the next step your selections will be      saved as Layer Masks which you will be able to restore later but you could      also save your selections by going to <strong>Select      &gt; Save Selection </strong>and then name the selection after the area which      you have just outlined in the image you are using.</span></p>
<p class="MsoNormal"><span>4.) Click on <strong>Create      New Adjustment Layer </strong>icon which is at the bottom of the layers palette      and choose the option of colour balance from the menu, you will be given a      option of highlights, mid-tones and shadows and adjust the sliders for      these until you find the colour that you think looks the best, this choice      isn’t final you will have the option of going back and editing using your      layers palette by double clicking on the adjustment layer icon for the      layer that you want to edit.</span></p>
<p class="MsoNormal"><span>5.) Repeat this process over again for the other      parts of the photo that you need to colourize, when this is al done and      you have got colour using your colour balance adjustment layer you can      also make further additional adjustment layers to adjust each colour layer      more, you will be given a selection of options including Contrast,      Shadows, Brightness, Saturation, Hue… Just load the particular selection      by clicking CTRL and then clicking onto the adjustment layer, and repeat      the process of adding a new adjustment layer.</span></p>
<p><!--EndFragment--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designforquality.com/2009/01/photograph-restoration-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating Drop Shadows in Photoshop CS3</title>
		<link>http://www.designforquality.com/2008/12/37/</link>
		<comments>http://www.designforquality.com/2008/12/37/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 16:12:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[drop shadows]]></category>
		<category><![CDATA[photoshop CS3]]></category>
		<category><![CDATA[photoshops effects]]></category>

		<guid isPermaLink="false">http://www.designforquality.com/2008/12/37/</guid>
		<description><![CDATA[There are several ways of making a drop shadow in Photoshop and this tutorial will show you them all, drop shadows are very simple yet they are used a lot in the design industry and if used correctly are effective. 1.) Begin by finding an object that you would like to add a drop shadow [...]]]></description>
			<content:encoded><![CDATA[<div>
<p class="MsoNormal"><span>There are several ways of making a drop shadow in Photoshop and this tutorial will show you them all, drop shadows are very simple yet they are used a lot in the design industry and if used correctly are effective.</span></p>
<p class="MsoNormal"><span>1.) Begin by finding an object that you would like to add a drop shadow to; drop shadows can be applied to most elements so you can use a logo, text or clipart as long as the object is on its own layer. Once you have chosen your object press D on your keyboard, this will reset yours colours to their default value.</span></p>
<p class="MsoNormal"><span>2.) If you have chosen text to apply the drop shadow to, select the type tool and then type your text, make a new layer in the Layers Palette and drag it underneath the layer that contains your text, then name this layer shadow. Hold down CTRL on the keyboard and click on the text layer and this will load a selection around it.</span></p>
<p class="MsoNormal"><span>3.) After doing this go to Select &gt; Feather and choose a number and then press OK. The higher the number you choose the softer and more spread out your drop shadow will appear.</span></p>
<p class="MsoNormal"><span>4.) Check that the Shadow layer is selected and then go to Edit &gt; Fill &gt; Foreground Colour to then fill the feathered selection with black.</span></p>
<p class="MsoNormal"><span>5.) Depending upon the direction your ‘light source’ is coming from you need to move the shadow layer several pixels up/down and several pixels right/left.</span></p>
<p class="MsoNormal"><span>6.) Once you have finished this the shadow will look unrealistically dark and to change this you will need to adjust the opacity of the Shadow layer, meaning you make the shadow lighter, do this until you believe the shadow appears realistic.</span></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designforquality.com/2008/12/37/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
