<?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>San&#039;s Graphic Blog &#187; Tutorial</title>
	<atom:link href="http://www.sanweng.com/category/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sanweng.com</link>
	<description>Photoshop Tutorial and Graphic Blog</description>
	<lastBuildDate>Fri, 04 Jun 2010 16:26:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Ice &amp; Icicle text effect in Photoshop</title>
		<link>http://www.sanweng.com/text-effect/ice-icicle-text-effect-in-photoshop/</link>
		<comments>http://www.sanweng.com/text-effect/ice-icicle-text-effect-in-photoshop/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 05:37:40 +0000</pubDate>
		<dc:creator>San</dc:creator>
				<category><![CDATA[Special Effects]]></category>
		<category><![CDATA[Text Effect]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[ice]]></category>
		<category><![CDATA[icicle]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.sanweng.com/?p=819</guid>
		<description><![CDATA[(updated, with Video) In this tutorial, I will show you how to create ice texture and icicles hanging off of the ice. You can choose any shape you like to make the ice but I will simply use the letters ICE as an example. (If you need help creating a different shape other than lettering [...]]]></description>
			<content:encoded><![CDATA[<p><a href="../wp-content/uploads/2010/05/san.jpg"><img title="Photoshop ice text effect" src="../wp-content/uploads/2010/05/san-150x150.jpg" alt="ice texture" width="150" height="150" /></a></p>
<p>(updated, with Video) In this tutorial, I will show you how to create ice texture and icicles hanging off of the ice. You can choose any shape you like to make the ice but I will simply use the letters ICE as an example.<a href="http://www.sanweng.com/photoshop-tools/penpath-tool/" target="_blank"> <span style="color: #3366ff;"><span style="text-decoration: underline;">(If you need help creating a different shape other than lettering try my tutorial on Pen/Path tool)</span></span></a><br />
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/AqycDYxIEFM&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/AqycDYxIEFM&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/22.jpg"><img class="alignnone size-thumbnail wp-image-825" title="2" src="http://www.sanweng.com/wp-content/uploads/2010/05/22-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>We are going to apply some layer effect to the object to give it a translucent texture. Check bevel and Emboss and give it some depth. If you are not sure how much to give you can always come back later and change it.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/32.jpg"><img class="alignnone size-thumbnail wp-image-826" title="3" src="http://www.sanweng.com/wp-content/uploads/2010/05/32-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Next check the Satin, give it enough distance and size so that your object has a translucent look. Add color to correspond to the color of your original object.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/42.jpg"><img class="alignnone size-thumbnail wp-image-827" title="4" src="http://www.sanweng.com/wp-content/uploads/2010/05/42-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>If you didn't assigned a color to your original object you can do that in Color Overlay option.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/62.jpg"><img class="alignnone size-thumbnail wp-image-829" title="6" src="http://www.sanweng.com/wp-content/uploads/2010/05/62-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>I want to exaggerate the back light effect by checking Inner Glow, change the color of the glow to your liking, it does not need to match the base color. Before you finish, make sure you have enough variation in tone such as the highlights and shadows, you don't want the tone to be too even.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/92.jpg"><img class="alignnone size-thumbnail wp-image-832" title="9" src="http://www.sanweng.com/wp-content/uploads/2010/05/92-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Duplicate the text layer and create an extra blank layer. Select both the duplicated text layer and blank layer and combine the two layer by going to the menu Layer - Merge Layer or Ctrl+E/CMD+E. This will rasterize the effects that was apply to the text. You now have the original unrasterized text plus an rasterized text layer.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/10.jpg"><img class="alignnone size-thumbnail wp-image-833" title="10" src="http://www.sanweng.com/wp-content/uploads/2010/05/10-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>With the layer rasterized, double click on it again and give it a gradient effect, use a pattern similar to what I have and give it a 30% opacity. Than rasterize it again using using the same method as the last step. Gradient Overlay effect is located below all the other effect option, that means it will also be render after all the other effect, that is why we have to do it separately so that the effect appears over the rest of the effect.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/121.jpg"><img class="alignnone size-thumbnail wp-image-835" title="12" src="http://www.sanweng.com/wp-content/uploads/2010/05/121-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Now that the translucent effect is done we want to add some reflection. Make sure the original text effect is still there along with a newly duplicated layer.</p>
<p>To apply Chrome effect to the rasterized layer, (click on the photo to see the whole capture) go to Filter - Sketch -  Chrome, adjust Smoothness and Detail to get a balanced chrome texture. If you are unable to get a good balance, you will have to go back and adjust your layer effects, make sure your object has enough variation in tone from the highlights and shadow that Satin, Emboss and Inner glow creates, make a duplicate and rasterize it again to apply the Chrome filter.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/13.jpg"><img class="alignnone size-thumbnail wp-image-836" title="13" src="http://www.sanweng.com/wp-content/uploads/2010/05/13-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Give the Chrome layer an Overlay Blending Mode <span style="color: #3366ff;"><a href="http://www.sanweng.com/tutorial/layer-blending/">(Click here if you want to read more about Blending Mode)</a></span> . This will apply the Chrome filtered effect over the original text (we made a duplicate of the original text before we applied the Chrome effect)</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/17.jpg"><img class="alignnone size-thumbnail wp-image-840" title="17" src="http://www.sanweng.com/wp-content/uploads/2010/05/17-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Optional : you can duplicate the layer and flip it over to create a reflection on the ground, to make it fade out, apply a mask to this layer and use gradient on the mask as shown in my photo (click on the photo to see the entire capture)</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/20.jpg"><img class="alignnone size-thumbnail wp-image-843" title="20" src="http://www.sanweng.com/wp-content/uploads/2010/05/20-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>The last step is to create the icicles dripping off the text. Go to menu Select - Color Range, and click on the brightest area of the text, you can see a preview of what you've selected. You've now selected all the bright area, you can also do other shades such as the darkest area or mid-tone, but I find highlighted area to look the best.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/211.jpg"><img class="alignnone size-thumbnail wp-image-844" title="21" src="http://www.sanweng.com/wp-content/uploads/2010/05/211-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>With the Color Range selection still on, create a new layer and fill the selection with white.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/221.jpg"><img class="alignnone size-thumbnail wp-image-845" title="22" src="http://www.sanweng.com/wp-content/uploads/2010/05/221-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Now use free transform to turn it vertically counterclockwise, negative 90 degree(see full image for example)</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/24.jpg"><img class="alignnone size-thumbnail wp-image-847" title="24" src="http://www.sanweng.com/wp-content/uploads/2010/05/24-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Go to filter - stylized - wind, use Blast method and from the left, assuming you've turn it counterclockwise on the last step, if not make sure the wind is coming from the *top.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/26.jpg"><img class="alignnone size-thumbnail wp-image-849" title="26" src="http://www.sanweng.com/wp-content/uploads/2010/05/26-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Now rotate the icicle right side up, and align it with the text.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/iceFinal.jpg"><img class="alignnone size-thumbnail wp-image-854" title="iceFinal" src="http://www.sanweng.com/wp-content/uploads/2010/05/iceFinal-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>This is what your final image would end up looking like. You can give some depth and reflection to the icicles with the same method. I hope you've enjoyed this tutorial and give it a try, feel free to post your results down at the comment below or ask any questions.</p>
number of view: 509
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" class="thickbox" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;title=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop&amp;bodytext=%0D%0A%0D%0A%28updated%2C%20with%20Video%29%20In%20this%20tutorial%2C%20I%20will%20show%20you%20how%20to%20create%20ice%20texture%20and%20icicles%20hanging%20off%20of%20the%20ice.%20You%20can%20choose%20any%20shape%20you%20like%20to%20make%20the%20ice%20but%20I%20will%20simply%20use%20the%20letters%20ICE%20as%20an%20example.%20%28If%20you%20need%20help%20creatin?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;title=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop&amp;notes=%0D%0A%0D%0A%28updated%2C%20with%20Video%29%20In%20this%20tutorial%2C%20I%20will%20show%20you%20how%20to%20create%20ice%20texture%20and%20icicles%20hanging%20off%20of%20the%20ice.%20You%20can%20choose%20any%20shape%20you%20like%20to%20make%20the%20ice%20but%20I%20will%20simply%20use%20the%20letters%20ICE%20as%20an%20example.%20%28If%20you%20need%20help%20creatin?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;title=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop" title="StumbleUpon"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;title=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;t=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;title=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop&amp;annotation=%0D%0A%0D%0A%28updated%2C%20with%20Video%29%20In%20this%20tutorial%2C%20I%20will%20show%20you%20how%20to%20create%20ice%20texture%20and%20icicles%20hanging%20off%20of%20the%20ice.%20You%20can%20choose%20any%20shape%20you%20like%20to%20make%20the%20ice%20but%20I%20will%20simply%20use%20the%20letters%20ICE%20as%20an%20example.%20%28If%20you%20need%20help%20creatin?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;title=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://bookmarks.yahoo.com/toolbar/savebm?u=http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F&amp;t=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop&opener=bm&amp;ei=UTF-8&amp;d=%0D%0A%0D%0A%28updated%2C%20with%20Video%29%20In%20this%20tutorial%2C%20I%20will%20show%20you%20how%20to%20create%20ice%20texture%20and%20icicles%20hanging%20off%20of%20the%20ice.%20You%20can%20choose%20any%20shape%20you%20like%20to%20make%20the%20ice%20but%20I%20will%20simply%20use%20the%20letters%20ICE%20as%20an%20example.%20%28If%20you%20need%20help%20creatin" title="Yahoo! Bookmarks"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/yahoomyweb.png" title="Yahoo! Bookmarks" alt="Yahoo! Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://twitter.com/home?status=Ice%20%26%20Icicle%20text%20effect%20in%20Photoshop%20-%20http%3A%2F%2Fwww.sanweng.com%2Ftext-effect%2Fice-icicle-text-effect-in-photoshop%2F" title="Twitter"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.sanweng.com/text-effect/ice-icicle-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cropping and fixing a Photo of a Photo</title>
		<link>http://www.sanweng.com/tutorial/cropping-and-fixing-a-photo-of-a-photo/</link>
		<comments>http://www.sanweng.com/tutorial/cropping-and-fixing-a-photo-of-a-photo/#comments</comments>
		<pubDate>Tue, 25 May 2010 18:53:20 +0000</pubDate>
		<dc:creator>San</dc:creator>
				<category><![CDATA[Photoshop Tools]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[adjust]]></category>
		<category><![CDATA[align]]></category>
		<category><![CDATA[crop]]></category>
		<category><![CDATA[perspective]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.sanweng.com/?p=791</guid>
		<description><![CDATA[If you were to photo an image from a magazine, books, photograph etc, you might not always get it at the exact angle where it is perfectly allign, and if you were at a slight angle than good luck trying to align the photo and get it to be in the right perspective. Luckily, Photoshop [...]]]></description>
			<content:encoded><![CDATA[<p>If you were to photo an image from a magazine, books, photograph etc, you might not always get it at the exact angle where it is perfectly allign, and if you were at a slight angle than good luck trying to align the photo and get it to be in the right perspective. Luckily, Photoshop allows you to crop a photo based on it's perspective. Here is an example</p>
<div id="attachment_815" class="wp-caption alignnone" style="width: 310px"><a href="http://www.sanweng.com/wp-content/uploads/2010/05/02.jpg"><img class="size-medium wp-image-815" title="June Glamour magazine" src="http://www.sanweng.com/wp-content/uploads/2010/05/02-300x299.jpg" alt="" width="300" height="299" /></a><p class="wp-caption-text">crop and align a photo in Photoshop</p></div>
<p>To start, activate the crop tool with short cut C or select crop on the tool bar, draw a crop mark around the photo, don't worry about aligning it right now. <a href="http://www.sanweng.com/photoshop-tools/using-crop-tool-on-photoshop/" target="_blank">(click here to learn more about crop tools)</a></p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/2.jpg"><img class="alignnone size-thumbnail wp-image-794" title="2" src="http://www.sanweng.com/wp-content/uploads/2010/05/2-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>On the tool bar, the very last item says Perspective, check that box.</p>
<p><a href="../wp-content/uploads/2010/05/3.jpg"><img title="3" src="../wp-content/uploads/2010/05/3-300x35.jpg" alt="" width="300" height="35" /></a></p>
<p>Now if you drag the corner of the crop mark, you will notice you will be able to draw each corner freely without being restricted to a rectangle. Drag all the corner to the corner of the magazine.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/5.jpg"><img class="alignnone size-medium wp-image-796" title="5" src="http://www.sanweng.com/wp-content/uploads/2010/05/5-300x245.jpg" alt="" width="300" height="245" /></a></p>
<p>When you are done dragging all the corners of the crop mark to the corner of the magazine, either hit the Entire key or double click inside the crop mark. Your image should now be perfectly aligned and in the right perspective.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/6.jpg"><img class="alignnone size-medium wp-image-798" title="6" src="http://www.sanweng.com/wp-content/uploads/2010/05/6-291x300.jpg" alt="" width="291" height="300" /></a></p>
<p>Lastly, you might want to adjust the color since your camera might not translate the color accurately, I will use the LAB color technique to adjust it.  Go to menu and under Image - Mode - LAB to change the color space, <a href="http://www.sanweng.com/tutorial/photoshop-tutorial-quick-and-easy-way-to-correct-color-in-lab-space/" target="_blank">click here to learn more about LAB mode </a>Here are the setting I used.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/7.jpg"><img class="alignnone size-thumbnail wp-image-799" title="7" src="http://www.sanweng.com/wp-content/uploads/2010/05/7-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/8.jpg"><img class="alignnone size-thumbnail wp-image-800" title="8" src="http://www.sanweng.com/wp-content/uploads/2010/05/8-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/9.jpg"><img class="alignnone size-thumbnail wp-image-801" title="9" src="http://www.sanweng.com/wp-content/uploads/2010/05/9-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>and here is the final image, fairly close to a scanned image if you do not own a scanner wouldn't you agree?</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/FINAL1.jpg"><img class="alignnone size-medium wp-image-813" title="FINAL" src="http://www.sanweng.com/wp-content/uploads/2010/05/FINAL1-217x300.jpg" alt="" width="217" height="300" /></a></p>
<p>Similiarly if you want to rotate an image, you can change the crop mark by rotating it instead of the photo itself. Here is a vertical image, I want to make it in to a square image while rotating it 45 degree angle. I start by drawing a square crop, hold shift and drag.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/b.jpg"><img class="alignnone size-medium wp-image-816" title="b" src="http://www.sanweng.com/wp-content/uploads/2010/05/b-195x300.jpg" alt="" width="195" height="300" /></a></p>
<p>Expand the crop mark beyond the file itself and rotate the crop mark 45 degrees.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/d.jpg"><img class="alignnone size-medium wp-image-817" title="d" src="http://www.sanweng.com/wp-content/uploads/2010/05/d-286x300.jpg" alt="" width="286" height="300" /></a></p>
<p>The final image takes on the space that the crop made but right side up.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/a.jpg"><img class="alignnone size-medium wp-image-818" title="a" src="http://www.sanweng.com/wp-content/uploads/2010/05/a-299x300.jpg" alt="" width="299" height="300" /></a></p>
<p>if you have questions about this tutorial please posted it in the comment section, <a href="http://www.sanweng.com/photoshop-tools/" target="_self">and see more tutorial on Tools here </a></p>
number of view: 780
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" class="thickbox" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;title=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20&amp;bodytext=If%20you%20were%20to%20photo%20an%20image%20from%20a%20magazine%2C%20books%2C%20photograph%20etc%2C%20you%20might%20not%20always%20get%20it%20at%20the%20exact%20angle%20where%20it%20is%20perfectly%20allign%2C%20and%20if%20you%20were%20at%20a%20slight%20angle%20than%20good%20luck%20trying%20to%20align%20the%20photo%20and%20get%20it%20to%20be%20in%20the%20righ?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;title=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20&amp;notes=If%20you%20were%20to%20photo%20an%20image%20from%20a%20magazine%2C%20books%2C%20photograph%20etc%2C%20you%20might%20not%20always%20get%20it%20at%20the%20exact%20angle%20where%20it%20is%20perfectly%20allign%2C%20and%20if%20you%20were%20at%20a%20slight%20angle%20than%20good%20luck%20trying%20to%20align%20the%20photo%20and%20get%20it%20to%20be%20in%20the%20righ?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;title=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20" title="StumbleUpon"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;title=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;t=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;title=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20&amp;annotation=If%20you%20were%20to%20photo%20an%20image%20from%20a%20magazine%2C%20books%2C%20photograph%20etc%2C%20you%20might%20not%20always%20get%20it%20at%20the%20exact%20angle%20where%20it%20is%20perfectly%20allign%2C%20and%20if%20you%20were%20at%20a%20slight%20angle%20than%20good%20luck%20trying%20to%20align%20the%20photo%20and%20get%20it%20to%20be%20in%20the%20righ?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;title=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://bookmarks.yahoo.com/toolbar/savebm?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F&amp;t=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20&opener=bm&amp;ei=UTF-8&amp;d=If%20you%20were%20to%20photo%20an%20image%20from%20a%20magazine%2C%20books%2C%20photograph%20etc%2C%20you%20might%20not%20always%20get%20it%20at%20the%20exact%20angle%20where%20it%20is%20perfectly%20allign%2C%20and%20if%20you%20were%20at%20a%20slight%20angle%20than%20good%20luck%20trying%20to%20align%20the%20photo%20and%20get%20it%20to%20be%20in%20the%20righ" title="Yahoo! Bookmarks"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/yahoomyweb.png" title="Yahoo! Bookmarks" alt="Yahoo! Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://twitter.com/home?status=Cropping%20and%20fixing%20a%20Photo%20of%20a%20Photo%20%20-%20http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fcropping-and-fixing-a-photo-of-a-photo%2F" title="Twitter"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.sanweng.com/tutorial/cropping-and-fixing-a-photo-of-a-photo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Draw a steaming ceramic tea cup in Photoshop</title>
		<link>http://www.sanweng.com/tutorial/draw-a-ceramic-tea-cup-in-photoshop/</link>
		<comments>http://www.sanweng.com/tutorial/draw-a-ceramic-tea-cup-in-photoshop/#comments</comments>
		<pubDate>Wed, 19 May 2010 03:33:25 +0000</pubDate>
		<dc:creator>San</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[painting]]></category>
		<category><![CDATA[cup]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[steam]]></category>

		<guid isPermaLink="false">http://www.sanweng.com/?p=760</guid>
		<description><![CDATA[Everyone is just dying to learn how to draw a ceramic tea cup complete with semi reflective surface, liquid texture and steam coming out of it, now you get to see how it can be done! If you are not one of the people I just described, no worries, you can still stick around and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/final4.jpg"><img class="alignnone size-medium wp-image-787" title="final4" src="http://www.sanweng.com/wp-content/uploads/2010/05/final4-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Everyone is just dying to learn how to draw a ceramic tea cup complete with semi reflective surface, liquid texture and steam coming out of it, now you get to see how it can be done! If you are not one of the people I just described, no worries, you can still stick around and take note and use the ideas here and apply it to some other less exciting subjects.</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Hmue625fC-s&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Hmue625fC-s&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/2pentool.jpg"><img class="alignnone size-thumbnail wp-image-772" title="2pentool" src="http://www.sanweng.com/wp-content/uploads/2010/05/2pentool-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>First step, turn on Grid under View menu to help you draw a perfect symmetric cup, I use oval marquee to draw the top part and Pen tool for the bottom part in a separate layer. <a href="http://www.sanweng.com/photoshop-tools/penpath-tool/" target="_blank">Check out my Pen tutorial if you are not sure how to use it.</a></p>
<p><a href="../wp-content/uploads/2010/05/3layerStyle.jpg"><img title="3layerStyle" src="../wp-content/uploads/2010/05/3layerStyle-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/4satin.jpg"><img class="alignnone size-thumbnail wp-image-774" title="4satin" src="http://www.sanweng.com/wp-content/uploads/2010/05/4satin-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Double click on the layer icon to open the Layer effect menu and apply Bevel and Satin - For Bevel I use 144% on Depth, 70 for Size, and 16 for Soften. I also adjusted the position of the global light to the right. For Satin I use 70%Opacity and change the shape of the curve. Play around with the settings and also the curve shape to get the result you desire.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/6bevel.jpg"><img class="alignnone size-thumbnail wp-image-776" title="6bevel" src="http://www.sanweng.com/wp-content/uploads/2010/05/6bevel-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/7gradient.jpg"><img class="alignnone size-thumbnail wp-image-777" title="7gradient" src="http://www.sanweng.com/wp-content/uploads/2010/05/7gradient-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>For the oval shape, which I will use as the rim and also the interior of the cup, I applied inner bevel to give the rim a thickness and gradient for the shadow and highlight. I selected the lower half of the oval with marquee tool and gave it a slight blur to to soften the transition between the rim and the body.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/8duplicate.jpg"><img class="alignnone size-thumbnail wp-image-778" title="8duplicate" src="http://www.sanweng.com/wp-content/uploads/2010/05/8duplicate-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/9MergeChome.jpg"><img class="alignnone size-thumbnail wp-image-779" title="9MergeChome" src="http://www.sanweng.com/wp-content/uploads/2010/05/9MergeChome-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Now select both the rim and body layer and drag it to the new layer icon to duplicate them, with the duplicates still selected, merge them by going to menu Layers - Merge Layer. Apply Chrome filter in the Filter Gallery. Give the Chrome layer a 20% opacity and change blending mode to Multiply<a href="http://www.sanweng.com/tutorial/layer-blending/#more-556" target="_blank"> (click here to see what blending modes are)</a></p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/11water.jpg"><img class="alignnone size-thumbnail wp-image-781" title="11water" src="http://www.sanweng.com/wp-content/uploads/2010/05/11water-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/12waterGradient.jpg"><img class="alignnone size-thumbnail wp-image-782" title="12waterGradient" src="http://www.sanweng.com/wp-content/uploads/2010/05/12waterGradient-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Draw another oval for the liquid and fill the color of your choice in a brand new layer, delete or mask out the area that are not suppose to be visible. Open layer effect by double clicking the layer icon and apply gradient like I did.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/14startsteam.jpg"><img class="alignnone size-thumbnail wp-image-784" title="14startsteam" src="http://www.sanweng.com/wp-content/uploads/2010/05/14startsteam-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/15steam.jpg"><img class="alignnone size-thumbnail wp-image-785" title="15steam" src="http://www.sanweng.com/wp-content/uploads/2010/05/15steam-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>To draw the steam, get a new layer and paint with a soft brush and delete half of it like the first picture so that it has a hard edge and fades into nothing.</p>
<p>Duplicate this layer and rearrange it so they have different sizes.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/16liquify.jpg"><img class="alignnone size-thumbnail wp-image-761" title="16liquify" src="http://www.sanweng.com/wp-content/uploads/2010/05/16liquify-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://www.sanweng.com/wp-content/uploads/2010/05/17blur.jpg"><img class="alignnone size-thumbnail wp-image-762" title="17blur" src="http://www.sanweng.com/wp-content/uploads/2010/05/17blur-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Originally I used white as the color but I inverse the color so that when I go into Filter - Liquify, I can see the paint easier. Use the circular twril brush and play around with the shape of the steam. After you are done apply Filter-Gaussian blur to it to make it softer and fix it up with smear tool and erase unwanted area.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/05/final3.jpg"><img class="alignnone size-thumbnail wp-image-786" title="final3" src="http://www.sanweng.com/wp-content/uploads/2010/05/final3-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>With some color adjustment and painting in a few high light manually you get this following picture. If you've decided to follow my tutorial, please show me what you got! And if you have any question or comments feel free to posted below. Thanks!</p>
number of view: 1452
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" class="thickbox" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;title=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop&amp;bodytext=%0D%0A%0D%0AEveryone%20is%20just%20dying%20to%20learn%20how%20to%20draw%20a%20ceramic%20tea%20cup%20complete%20with%20semi%20reflective%20surface%2C%20liquid%20texture%20and%20steam%20coming%20out%20of%20it%2C%20now%20you%20get%20to%20see%20how%20it%20can%20be%20done%21%20If%20you%20are%20not%20one%20of%20the%20people%20I%20just%20described%2C%20no%20worries%2C%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;title=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop&amp;notes=%0D%0A%0D%0AEveryone%20is%20just%20dying%20to%20learn%20how%20to%20draw%20a%20ceramic%20tea%20cup%20complete%20with%20semi%20reflective%20surface%2C%20liquid%20texture%20and%20steam%20coming%20out%20of%20it%2C%20now%20you%20get%20to%20see%20how%20it%20can%20be%20done%21%20If%20you%20are%20not%20one%20of%20the%20people%20I%20just%20described%2C%20no%20worries%2C%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;title=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop" title="StumbleUpon"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;title=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;t=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;title=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop&amp;annotation=%0D%0A%0D%0AEveryone%20is%20just%20dying%20to%20learn%20how%20to%20draw%20a%20ceramic%20tea%20cup%20complete%20with%20semi%20reflective%20surface%2C%20liquid%20texture%20and%20steam%20coming%20out%20of%20it%2C%20now%20you%20get%20to%20see%20how%20it%20can%20be%20done%21%20If%20you%20are%20not%20one%20of%20the%20people%20I%20just%20described%2C%20no%20worries%2C%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;title=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://bookmarks.yahoo.com/toolbar/savebm?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F&amp;t=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop&opener=bm&amp;ei=UTF-8&amp;d=%0D%0A%0D%0AEveryone%20is%20just%20dying%20to%20learn%20how%20to%20draw%20a%20ceramic%20tea%20cup%20complete%20with%20semi%20reflective%20surface%2C%20liquid%20texture%20and%20steam%20coming%20out%20of%20it%2C%20now%20you%20get%20to%20see%20how%20it%20can%20be%20done%21%20If%20you%20are%20not%20one%20of%20the%20people%20I%20just%20described%2C%20no%20worries%2C%20" title="Yahoo! Bookmarks"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/yahoomyweb.png" title="Yahoo! Bookmarks" alt="Yahoo! Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://twitter.com/home?status=Draw%20a%20steaming%20ceramic%20tea%20cup%20in%20Photoshop%20-%20http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fdraw-a-ceramic-tea-cup-in-photoshop%2F" title="Twitter"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.sanweng.com/tutorial/draw-a-ceramic-tea-cup-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Layer Blending Modes Part one</title>
		<link>http://www.sanweng.com/tutorial/layer-blending/</link>
		<comments>http://www.sanweng.com/tutorial/layer-blending/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 22:32:30 +0000</pubDate>
		<dc:creator>San</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[multiply]]></category>
		<category><![CDATA[screen]]></category>

		<guid isPermaLink="false">http://www.sanweng.com/?p=556</guid>
		<description><![CDATA[Think of Photoshop layers as stacking pieces of transparent papers one on top of another to create the final image. In addition to your “normal” layers there are also special layers that can interact with the layers below. This is useful to create photo montage, light adjustment, color corrections and anything else you can think [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/blending2.jpg"><img class="alignnone size-full wp-image-690" title="blending" src="http://www.sanweng.com/wp-content/uploads/2010/02/blending2.jpg" alt="" width="600" height="150" /></a></p>
<p>Think of Photoshop layers as stacking pieces of transparent papers one on top of another to create the final image. In addition to your “normal” layers there are also special layers that can interact with the layers below. <strong>This is useful to create photo montage, light adjustment, color corrections</strong> and anything else you can think of, but first you will need to understand how they work.</p>
<p><span id="more-556"></span></p>
<p>Blending modes are separated in 5 different categories,</p>
<p><strong>Darkening (use to darken or fix overexposed photos) </strong></p>
<p><strong>Lighting (use to lighten or fix underexposed photos)</strong></p>
<p><strong>Contrasting (is a combination of both Darkening and Lighting sets)</strong></p>
<p><strong>Comparing (use to align and compare photos)</strong></p>
<p><strong>Coloring (use to fix hue and saturation)</strong></p>
<p><strong><br />
</strong></p>
<p>The first two modes are not categorized -  <strong> </strong></p>
<p><strong>Normal</strong> blending is selected by default, it does not have any special feature and should work just as expected.</p>
<p><strong>Dissolve</strong> mode will only work where there are semi transparent pixels, all semi transparent pixels are turn into solid pixel noise, the density of the noise is depending how the level of transparency. The following sample shows the word <strong>"Dissolve"</strong> with blurred applied(semi transparent edge) two different times. The sample on the top is on a <strong>Normal </strong>blending layer and the bottom sample is in <strong>Dissolve</strong> blending layer.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/dissolve.jpg"><img class="alignnone size-full wp-image-667" title="dissolve" src="http://www.sanweng.com/wp-content/uploads/2010/02/dissolve.jpg" alt="" width="200" height="148" /></a></p>
<p>------------------------------------------------------------</p>
<p>The first set of the blending mode deals with “<strong>DARK</strong>” pixels. It is helpful to correct and darken any parts of your photos.</p>
<p><strong>Darken</strong> – Compares the Darken layer to the base layer and <span style="text-decoration: underline;">keeps the darker pixels </span>of the two. In the sample below, since the plants in the foreground are the only things that are darker than the Base layer, only the flowers are kept and the rest of the pixels become transparent. <em>If you shoot your subject against a bright background, you can quickly lay it on top of a different background.</em></p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/darken1.jpg"><img class="alignnone size-medium wp-image-710" title="darken" src="http://www.sanweng.com/wp-content/uploads/2010/02/darken1-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong>Multiply</strong> – Combine the blending layer with the base layer by <strong>“multiplying”</strong> the color information which gives you a <span style="text-decoration: underline;">darker final image</span>. This is great for fixing overexposed photos and the most commonly used mode of this set. Duplicate the layer and set the top layer to Multiply and you will end up with a darker, better exposed photo assuming you used a photo that was overexposed such as the example below.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/multiply.jpg"><img class="alignnone size-medium wp-image-678" title="multiply" src="http://www.sanweng.com/wp-content/uploads/2010/02/multiply-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong>Color Burn</strong> – The blending layer uses the brightness information to increase the contrast of the base layer, the darker the pixel the higher the contrast. The sample shows three shades of gray, the darker the gray shade, the darker and higher contrast the final image becomes. White does not affect the image. You can use paint brush and paint over a small section with different shades of gray to achieve the feel you want.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/colorburn1.jpg"><img class="alignnone size-medium wp-image-679" title="colorburn" src="http://www.sanweng.com/wp-content/uploads/2010/02/colorburn1-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong>Linear Burn</strong> – The blending layer uses the brightness information to increase the darkness of the base layer, the darker the blending layer the darker the result. The sample shows three shades of gray, the darker the gray the darker the final image becomes, the contrast remains the same. White does not affect the image. You can use paint brush and paint over a small section with different shades of gray to achieve the feel you want.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/linearburn1.jpg"><img class="alignnone size-medium wp-image-680" title="linearburn" src="http://www.sanweng.com/wp-content/uploads/2010/02/linearburn1-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong> </strong></p>
<p><strong>Darker Color - </strong></p>
<p><strong><a href="http://www.sanweng.com/wp-content/uploads/2010/02/darkercolor.jpg"><img class="alignnone size-medium wp-image-665" title="darkercolor" src="http://www.sanweng.com/wp-content/uploads/2010/02/darkercolor-300x75.jpg" alt="" width="300" height="75" /></a><br />
</strong></p>
<p><strong> </strong></p>
<p>------------------------------------------------------------</p>
<p>The following sets will help <strong>brighten</strong> and fix underexposed photos. It has the exact opposite function as the last set.</p>
<p><strong>Lighten </strong>– This is opposite of <strong>Darken</strong>, it compares the Lighten layer to the bottom visible layers and <span style="text-decoration: underline;">keep the lighter pixel</span>. Darker colors are omitted.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/lighten.jpg"><img class="alignnone size-medium wp-image-673" title="lighten" src="http://www.sanweng.com/wp-content/uploads/2010/02/lighten-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong>Screen</strong> – This is opposite of <strong>Multiply</strong>, it <span style="text-decoration: underline;">multiplies the inverse</span> information to create a lighter final image. It is perfect fixing underexposed photos and the most used mode of the brighten sets. The sample below shows the blending layer and base layer is the exact same photo while blending layer is set to Screen, the final image is brighter and better exposed.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/screen.jpg"><img class="alignnone size-medium wp-image-681" title="screen" src="http://www.sanweng.com/wp-content/uploads/2010/02/screen-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong>Color Dodge</strong> – The blending layer uses the brightness information to <span style="text-decoration: underline;">brighten and increase the contrast of the base layer</span>, the brighter the pixel the higher the contrast<strong> </strong>. The sample shows three shades of gray, the lighter the gray the brighter and higher contrast the result becomes. Black do not affect the image.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/colordodge.jpg"><img class="alignnone size-medium wp-image-663" title="colordodge" src="http://www.sanweng.com/wp-content/uploads/2010/02/colordodge-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong>Linear Dodge</strong> (Add) – The blending layer uses the brightness information to increase the brightness of the base layer, the lighter the blending layer, the brighter the result. The sample shows three shades of gray, the lighter the gray the lighter the final result, contrast appears to decrease. Black do not affect the image.</p>
<p><a href="http://www.sanweng.com/wp-content/uploads/2010/02/lineardodge.jpg"><img class="alignnone size-medium wp-image-676" title="lineardodge" src="http://www.sanweng.com/wp-content/uploads/2010/02/lineardodge-300x75.jpg" alt="" width="300" height="75" /></a></p>
<p><strong>Lighter Color</strong></p>
<p><strong><a href="http://www.sanweng.com/wp-content/uploads/2010/02/lightercolor.jpg"><img class="alignnone size-medium wp-image-674" title="lightercolor" src="http://www.sanweng.com/wp-content/uploads/2010/02/lightercolor-300x75.jpg" alt="" width="300" height="75" /></a></strong></p>
<p><a href="http://www.sanweng.com/photoshop-tools/layer-blending-modes-part-two/">Continue to part Two of this tutorial.</a>..</p>
<h3>This is part of my tutorial set. Please visit the<a href="http://www.sanweng.com/photoshop-tools/"> <strong>TUTORIAL PAGE</strong> </a>for a list of all the tutorials.</h3>
<p><strong> </strong></p>
number of view: 3255
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" class="thickbox" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;title=Layer%20Blending%20Modes%20Part%20one&amp;bodytext=%0D%0A%0D%0AThink%20of%20Photoshop%20layers%20as%20stacking%20pieces%20of%20transparent%20papers%20one%20on%20top%20of%20another%20to%20create%20the%20final%20image.%20In%20addition%20to%20your%20%E2%80%9Cnormal%E2%80%9D%20layers%20there%20are%20also%20special%20layers%20that%20can%20interact%20with%20the%20layers%20below.%20This%20is%20useful%20to%20c?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;title=Layer%20Blending%20Modes%20Part%20one&amp;notes=%0D%0A%0D%0AThink%20of%20Photoshop%20layers%20as%20stacking%20pieces%20of%20transparent%20papers%20one%20on%20top%20of%20another%20to%20create%20the%20final%20image.%20In%20addition%20to%20your%20%E2%80%9Cnormal%E2%80%9D%20layers%20there%20are%20also%20special%20layers%20that%20can%20interact%20with%20the%20layers%20below.%20This%20is%20useful%20to%20c?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;title=Layer%20Blending%20Modes%20Part%20one" title="StumbleUpon"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;title=Layer%20Blending%20Modes%20Part%20one?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;t=Layer%20Blending%20Modes%20Part%20one?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;title=Layer%20Blending%20Modes%20Part%20one&amp;annotation=%0D%0A%0D%0AThink%20of%20Photoshop%20layers%20as%20stacking%20pieces%20of%20transparent%20papers%20one%20on%20top%20of%20another%20to%20create%20the%20final%20image.%20In%20addition%20to%20your%20%E2%80%9Cnormal%E2%80%9D%20layers%20there%20are%20also%20special%20layers%20that%20can%20interact%20with%20the%20layers%20below.%20This%20is%20useful%20to%20c?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;title=Layer%20Blending%20Modes%20Part%20one?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://bookmarks.yahoo.com/toolbar/savebm?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F&amp;t=Layer%20Blending%20Modes%20Part%20one&opener=bm&amp;ei=UTF-8&amp;d=%0D%0A%0D%0AThink%20of%20Photoshop%20layers%20as%20stacking%20pieces%20of%20transparent%20papers%20one%20on%20top%20of%20another%20to%20create%20the%20final%20image.%20In%20addition%20to%20your%20%E2%80%9Cnormal%E2%80%9D%20layers%20there%20are%20also%20special%20layers%20that%20can%20interact%20with%20the%20layers%20below.%20This%20is%20useful%20to%20c" title="Yahoo! Bookmarks"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/yahoomyweb.png" title="Yahoo! Bookmarks" alt="Yahoo! Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://twitter.com/home?status=Layer%20Blending%20Modes%20Part%20one%20-%20http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Flayer-blending%2F" title="Twitter"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.sanweng.com/tutorial/layer-blending/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Add Me on Twitter!</title>
		<link>http://www.sanweng.com/tutorial/add-me-on-twitter/</link>
		<comments>http://www.sanweng.com/tutorial/add-me-on-twitter/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 16:55:48 +0000</pubDate>
		<dc:creator>San</dc:creator>
				<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.sanweng.com/?p=614</guid>
		<description><![CDATA[I finally set up a Twitter account, please add me on Twitter to get updates on my blogs! https://twitter.com/sanweng Do you have a Twitter account that deals with mostly graphic related topic or know of a good account to follow? if so please share that in the comment section! number of view: 779 Share and [...]]]></description>
			<content:encoded><![CDATA[<p>I finally set up a Twitter account, please add me on Twitter to get updates on my blogs!<a href="https://twitter.com/sanweng"> https://twitter.com/sanweng</a></p>
<p>Do you have a Twitter account that deals with mostly graphic related topic or know of a good account to follow? if so please share that in the comment section!</p>
number of view: 779
<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" class="thickbox" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;title=Add%20Me%20on%20Twitter%21&amp;bodytext=I%20finally%20set%20up%20a%20Twitter%20account%2C%20please%20add%20me%20on%20Twitter%20to%20get%20updates%20on%20my%20blogs%21%20https%3A%2F%2Ftwitter.com%2Fsanweng%0D%0A%0D%0ADo%20you%20have%20a%20Twitter%20account%20that%20deals%20with%20mostly%20graphic%20related%20topic%20or%20know%20of%20a%20good%20account%20to%20follow%3F%20if%20so%20please%20share?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;title=Add%20Me%20on%20Twitter%21&amp;notes=I%20finally%20set%20up%20a%20Twitter%20account%2C%20please%20add%20me%20on%20Twitter%20to%20get%20updates%20on%20my%20blogs%21%20https%3A%2F%2Ftwitter.com%2Fsanweng%0D%0A%0D%0ADo%20you%20have%20a%20Twitter%20account%20that%20deals%20with%20mostly%20graphic%20related%20topic%20or%20know%20of%20a%20good%20account%20to%20follow%3F%20if%20so%20please%20share?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;title=Add%20Me%20on%20Twitter%21" title="StumbleUpon"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;title=Add%20Me%20on%20Twitter%21?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;t=Add%20Me%20on%20Twitter%21?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;title=Add%20Me%20on%20Twitter%21&amp;annotation=I%20finally%20set%20up%20a%20Twitter%20account%2C%20please%20add%20me%20on%20Twitter%20to%20get%20updates%20on%20my%20blogs%21%20https%3A%2F%2Ftwitter.com%2Fsanweng%0D%0A%0D%0ADo%20you%20have%20a%20Twitter%20account%20that%20deals%20with%20mostly%20graphic%20related%20topic%20or%20know%20of%20a%20good%20account%20to%20follow%3F%20if%20so%20please%20share?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" class="thickbox" href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;url=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;title=Add%20Me%20on%20Twitter%21?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/live.png" title="Live" alt="Live" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  href="http://bookmarks.yahoo.com/toolbar/savebm?u=http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F&amp;t=Add%20Me%20on%20Twitter%21&opener=bm&amp;ei=UTF-8&amp;d=I%20finally%20set%20up%20a%20Twitter%20account%2C%20please%20add%20me%20on%20Twitter%20to%20get%20updates%20on%20my%20blogs%21%20https%3A%2F%2Ftwitter.com%2Fsanweng%0D%0A%0D%0ADo%20you%20have%20a%20Twitter%20account%20that%20deals%20with%20mostly%20graphic%20related%20topic%20or%20know%20of%20a%20good%20account%20to%20follow%3F%20if%20so%20please%20share" title="Yahoo! Bookmarks"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/yahoomyweb.png" title="Yahoo! Bookmarks" alt="Yahoo! Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  href="http://twitter.com/home?status=Add%20Me%20on%20Twitter%21%20-%20http%3A%2F%2Fwww.sanweng.com%2Ftutorial%2Fadd-me-on-twitter%2F" title="Twitter"><img src="http://www.sanweng.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.sanweng.com/tutorial/add-me-on-twitter/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
