<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Photoshop Tutorial Weblog</title>
	<atom:link href="http://yuliandra.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://yuliandra.wordpress.com</link>
	<description>Powered By Mahendra</description>
	<lastBuildDate>Sat, 02 Aug 2008 16:29:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='yuliandra.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Photoshop Tutorial Weblog</title>
		<link>http://yuliandra.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://yuliandra.wordpress.com/osd.xml" title="Photoshop Tutorial Weblog" />
	<atom:link rel='hub' href='http://yuliandra.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Advanced masking techniques</title>
		<link>http://yuliandra.wordpress.com/2008/08/02/advanced-masking-techniques/</link>
		<comments>http://yuliandra.wordpress.com/2008/08/02/advanced-masking-techniques/#comments</comments>
		<pubDate>Sat, 02 Aug 2008 16:29:09 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Technique]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=27</guid>
		<description><![CDATA[Sooner or later we need to mask some complex objects. Photoshop knows about it, and is ready for this work with the inexhaustible amount of tools and functions. This means that it is only up to us which way you choose. Which way is the best for masking of plushy teddy bear? At the beginning [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=27&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Sooner or later we need to mask some complex objects. Photoshop knows about it,  and is ready for this work  with the inexhaustible amount of tools and functions. This means that it is  only up to us which way you choose. Which way is the best for masking of  plushy teddy bear?</strong></p>
<p>At the beginning let&#8217;s show what we want to mask. There is our beautiful teddy:</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_01.jpg" alt="" width="468" height="494" /></div>
<p>Before every picture is needed to think lil bit. The same is for this artwork. How we said in introducion, Photoshop has a lot of tools for masking. Which should we choose now? Look again at the picture. Edges (if we can call it edges) have very irregular shape, everywhere is something sticking out, twisting and disappearing. So it&#8217;s useless to think about <strong>Pen</strong> or <strong>Curves</strong>. Shade of background is very similar to shade of the edges and contrast is really low. Even if we can see where teddy ends and starts background, Photoshop can&#8217;t see it so well. Even thought we could try to use <strong>Magic Wand</strong> or to choose <strong>Color Range</strong>, but result wouldn&#8217;t be enough satisfactory for us. So we use  <strong>Brush Tool</strong> (<strong>B</strong>) combinated with <strong>Quick mask </strong>and we&#8217;ll try to draw edges of our teddy as we think it looks like. It means to create brush, which shape is similar to edge shape of teddy. Are you ready? So let&#8217;s work!</p>
<p>We begin with simple  standart brush. We resize it based on size of our final picture and <strong>Spacing </strong>we set to <strong>1 %</strong>. With that t our brush will be much more denser.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_02.jpg" alt="" width="458" height="422" /></div>
<p>Even thought brush isn&#8217;t too similar to edges of our teddy. Or more precisely it isn&#8217;t similar. Edge of brush should be a lil bit irregular and we need to remove empty spaces in the brush. This we can make with using second <strong>Dual brush</strong>, which we apply in <strong>Multiply </strong>mode.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_03.jpg" alt="" width="485" height="452" /></div>
<p>We should set fit size and <strong>Spacing </strong>again to <strong>1 %</strong>. If the brush isn&#8217;t dense enough, we can increase <strong>Count </strong>value. Let&#8217;s try to do few draws &#8211; and &#8211; this is what we exactly need. It&#8217;s useful to play with settings, until we are absolutely satisfactory. How much time we spend with settings brush, so much faster will be nice result finished.</p>
<p>Let&#8217;s turn into <strong>Quick mask </strong>mode (<strong>Q</strong>) and try to do few draws on perifery of our teddy.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_04.jpg" alt="" width="456" height="492" /></div>
<p>If mask is similar to edge of teddy (it isn&#8217;t necessary for brush to be absolutly the same like edge, it even can&#8217;t be). Let&#8217;s continue in drawing. To the moment when teddy is completely catched in mask.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_05.jpg" alt="" width="420" height="506" /></div>
<p>On this detail you can see, that the brush isn&#8217;t the same like edge, but it let very good shape of the teddy. And &#8211; that&#8217;s primary for us.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_06.jpg" alt="" width="436" height="391" /></div>
<p>We aren&#8217;t gonna to spend our time for watching our perfekt mask. So let&#8217;s turn to normal mode (<strong>Q</strong>) and from the created selection we make mask of a layer. Under this layer we&#8217;ll make our own new layer, which we are going to fill with suitable color. Let&#8217;s have a look at our result. Here it is:</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_07.jpg" alt="" width="470" height="479" /></div>
<p>And  detail:</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_08.jpg" alt="" width="368" height="327" /></div>
<p>Last thing, which we need to do, is to check mask. Probably while we were drawing mask with brush, somewhere appeared lighter place, which would by afterwards transparent. On the picture it shouldn&#8217;t be so much visible, but when we look at mask we find these places very quickly. Look at next picture:</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/pm_09.jpg" alt="Mask" width="311" height="342" /></div>
<p>Now we are finished. We can only change some little details. Touch up and tune colors. And than let&#8217;s start next picture <img src='http://s2.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/27/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/27/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/27/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=27&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/08/02/advanced-masking-techniques/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_01.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_02.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_03.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_04.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_05.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_06.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_07.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_08.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/pm_09.jpg" medium="image">
			<media:title type="html">Mask</media:title>
		</media:content>
	</item>
		<item>
		<title>iMouse &#8211; creating Apple mouse</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/imouse-creating-apple-mouse/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/imouse-creating-apple-mouse/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 22:07:39 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=25</guid>
		<description><![CDATA[Simple and elegant. Apple mouse. Is there anyone, who doesn&#8217;t want graphic like that? Let&#8217;s have a look at creating this mouse in Adobe Photoshop. In case you don&#8217;t have it on your table, take a look how does the mouse looks like. According to fact, that most of material is transparent plastic which is [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=25&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Simple and elegant. Apple mouse. Is there anyone, who doesn&#8217;t want graphic like that? Let&#8217;s have a look at creating this mouse in Adobe Photoshop.</strong></p>
<p>In case you don&#8217;t have it on your table, take a look how does the mouse looks like.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/mouse_001.jpg" border="1" alt="" width="350" height="287" /></div>
<div></div>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/mouse_003.jpg" border="1" alt="" width="350" height="287" /></div>
<p>According to fact, that most of material is transparent plastic which is reflecting environment the mouse is at. Simplify the work by putting the mouse on a white background. So it&#8217;s gonna be almost all white.</p>
<p>Start with a new document and <strong>Rounded Rectangle Tool </strong>should provide base shape of a mouse. Set the <strong>Radius</strong> at <strong>100 px</strong>. Radius should be greater then width of a mouse &#8211; so the top and bottom of a mouse is fully rounded. Color      is light grey &#8211; <strong>#E5E5E5</strong>.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_01.gif" border="1" alt="" width="373" height="375" /></div>
<p>Add contour to our shape. Effect <strong>Outer Glow</strong>, set in light grey color  <strong>#DBDBDB</strong> and size <strong>3 px. </strong>Size is actually two pixels, because <strong>Spread </strong>is set to <strong>47%</strong>.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_02.gif" border="1" alt="" width="307" height="445" /></div>
<p>To darken the contour as it goes down, add effect <strong>Drop Shadow</strong>. Set its <strong>Angle</strong> to <strong>90°</strong>, <strong>Distance 1 px </strong>and <strong>Size</strong> to <strong>1 px. Spread 100 % </strong>makes effect not to be blurred.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_03.gif" border="1" alt="" width="285" height="382" /></div>
<p>If satisfied, set the <strong>Opacity </strong>to <strong>10 %.</strong></p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_04.gif" border="1" alt="" width="279" height="390" /></div>
<p>&#8220;Transparent&#8221; sides of a mouse provides <strong>Inner Glow </strong>effect,<strong> Size 10 px</strong>, color white. It is not transparent, it is only white border. But it&#8217;s fine for us.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_05.gif" border="1" alt="" width="274" height="442" /></div>
<p>For plastic look start adding reflections and shadows. We can use layer effect on the first reflection, <strong>Gradient Overlay, Style: Linear</strong>, gradient from white to transparent should be fine.      Set the <strong>Angle</strong> so the glow goes from left bottom corner to the right spot. Adjust the size if neccessary &#8211;      property <strong>Scale.</strong></p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_06.gif" border="1" alt="" width="280" height="398" /></div>
<p>Other reflections must be hand-made. Close the dialog, create new layer and draw two linear gradients as shown on next picture. From grey (<strong>#A7A7A7</strong>) to transparent.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_07.gif" border="1" alt="" width="346" height="276" /></div>
<p>Group this layer with the previous one  using <strong>Ctrl + G </strong>(newer versions <strong>Ctrl + Alt + G</strong>) and shadows are here. Notice that the layer acts like it was under the layer effects before. It means it doesn&#8217;t touch places, where is <strong>Inner glow</strong>. That is why it&#8217;s better to use this than adding a mask to layer.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_08.gif" border="1" alt="" width="251" height="225" /></div>
<p>Not enough reflections? Add next layer we draw white to transparent gradient into (on next picture background set to grey just to see the gradients).</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_09.gif" border="1" alt="" width="299" height="239" /></div>
<p>And again group it with previous layer. As shown below.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_10.gif" border="1" alt="" width="379" height="210" /></div>
<p>Mouse is completed, all we need is apple symbol. Easiest way is to find a font that contains this symbol &#8211; and it is font <strong>InterSymb</strong>. Color of apple is <strong>#A9A9A9</strong>.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_11.gif" border="1" alt="" width="211" height="304" /></div>
<p>Make the logo more visible by creating contoure and darker shadow inside.    <strong>Drop Shadow</strong> to start &#8230;</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_12.gif" border="1" alt="" width="268" height="372" /></div>
<p>&#8230;and continue with <strong>Outer Glow</strong>, as shown on next picture&#8230;</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_14.gif" border="1" alt="" width="261" height="416" /></div>
<p>&#8230;well, maybe adding some <strong>Inner      Glow</strong> makes the right effect &#8230;</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_15.gif" border="1" alt="" width="279" height="435" /></div>
<p>&#8230;and finish at the <strong>Inner Shadow</strong> effect. Set to go from right bottom (as a shadow on a mouse). In left top part of an apple is created a little reflection &#8211; this provides us a strong feeling, it&#8217;s in the surface of a mouse.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_16.gif" border="1" alt="" width="295" height="375" /></div>
<p>Compared to the original picture, we are still missing a little something on a sides. Simulate it like that &#8211; soft white brush and click in the areas shown in the picture below. Select transparency of a layer &#8211; <strong>Ctrl + click on a layer</strong> &#8211; and delete this selection from our layer. Then again select transparency of mouse layer, widen the selection by 2 pixely (so the reflection is only on the contour), create transparency addon and delete selection again.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_17.gif" border="1" alt="" width="336" height="250" /></div>
<p>Copy this layer (<strong>Ctrl + J</strong>),      invert (<strong>Ctrl + I</strong>) and move slightly downwards. You can turn down the opacity, if you want to.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_18.gif" border="1" alt="" width="254" height="233" /></div>
<p>Add a shadow under mouse. Into new layer draw an ellipse and fill with black color.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_19.gif" border="1" alt="" width="351" height="233" /></div>
<p>Blur the layer with<strong> Motion Blur</strong> set to <strong>0 °</strong> and then blur again with <strong>Gaussian Blur</strong>. Those easy steps bring some realistic effects.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_20.gif" border="1" alt="" width="322" height="231" /></div>
<p>We could think the work is done, but.. it&#8217;s not <img src='http://s2.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . At the beginning we said, that mouse reflects everything around. So let&#8217;s create at least one reflection, shall we? Ok, let&#8217;s create a Window reflection (ironic, huh), which is one of the most common reflection, but still &#8211; Windows are the most powerful source of light in dark room.</p>
<p>Use the <strong>Pen tool </strong>to draw deformed window shape, as shown below.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_21.gif" border="1" alt="" width="318" height="335" /></div>
<p>Add typical window details with <strong>Pen tool</strong> like shown on next picure and     <strong>substract</strong> it from original shape.</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_22.gif" border="1" alt="" width="298" height="386" /></div>
<p>Add a mask to layer and draw a gradient (<strong>black to white</strong>) in it. Exactly as shown below!</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_23.gif" border="1" alt="" width="366" height="260" /></div>
<p>And now, the work is done. Good job. Good luck to you all !</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_25.gif" border="0" alt="" width="368" height="253" /></div>
<p><strong>Note: </strong>Next picture shows the mouse on dark background. It doesn&#8217;t look bad neither, huh? But it loses effect of a transparent contours.. so if you don&#8217;t have enough, figure out how to create transparent contours on a dark background &#8230;</p>
<div><img src="http://www.photoshopguidesign.com/tutorials/images4/imouse_26.gif" border="0" alt="" width="368" height="253" /></div>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/25/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/25/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/25/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=25&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/imouse-creating-apple-mouse/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/mouse_001.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/mouse_003.jpg" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_01.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_02.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_03.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_04.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_05.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_06.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_07.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_08.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_09.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_10.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_11.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_12.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_14.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_15.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_16.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_17.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_18.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_19.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_20.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_21.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_22.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_23.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_25.gif" medium="image" />

		<media:content url="http://www.photoshopguidesign.com/tutorials/images4/imouse_26.gif" medium="image" />
	</item>
		<item>
		<title>MP3 Player Design</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/24/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/24/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 22:02:53 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/2008/07/07/24/</guid>
		<description><![CDATA[Learn how to create a portable media player in Photoshop. Step 1 In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media player. Although the chances are, you are thinking &#8220;why would I need to make it?&#8221;, the reason for this tutorial is [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=24&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h3></h3>
<p>Learn how to create a portable media player in Photoshop.</p>
<p><!-- #tutorial-introduction --></p>
<div class="tutorial-step">
<h4>Step 1</h4>
<div class="tutorial-instructions">
<p>In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media player. Although the chances are, you are thinking &#8220;why would I need to make it?&#8221;, the reason for this tutorial is to teach people the techniques used for mocking up a product design.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step1_substep1_preview.gif" alt="Step 1 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 2</h4>
<div class="tutorial-instructions">
<p>Start with a large black canvas. Choose the rounded rectangle tool and set radius setting to 20px. *** NEED BR *** In a new layer draw a #F6F5F3 round rectangle. (width: 417 x height: 268). In your canvas, marquee select your header size which will be filled with a gradient effect. Height of 60px and width of 800px. And then add the following layer styles: Inner Shadow</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step2_substep1_preview.gif" alt="Step 2 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Inner Glow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step2_substep2_preview.gif" alt="Step 2 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Color Overlay:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step2_substep3_preview.gif" alt="Step 2 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Satin:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step2_substep4_preview.gif" alt="Step 2 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Stroke:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step2_substep5_preview.gif" alt="Step 2 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">You should have something similar to this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step2_substep6_preview.gif" alt="Step 2 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 3</h4>
<div class="tutorial-instructions">
<p>Choose Select located at the top of your screen then Load Selection &gt; Default settings.</p>
<p class="additional-steps">Set your foreground color to #FFFFFF then choose the brush tool with a large soft brush.</p>
<p class="additional-steps">In a new layer, paint #FFFFFF on the layer, as shown on the picture guide below.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step3_substep3_preview.gif" alt="Step 3 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 4</h4>
<div class="tutorial-instructions">
<p>Create a new layer set titled Button.</p>
<p class="additional-steps">In a new layer draw a #323943 circle with the eclipse tool. (width: 95 x height: 95).</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step4_substep2_preview.gif" alt="Step 4 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 5</h4>
<div class="tutorial-instructions">
<p>Once again make a new layer and draw a #40454B circle. (width: 87 x height: 87).</p>
<p class="additional-steps">Add the following layer styles: Inner Shadow</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step5_substep2_preview.gif" alt="Step 5 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Inner Glow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step5_substep3_preview.gif" alt="Step 5 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Stroke:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step5_substep4_preview.gif" alt="Step 5 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">You should have something like this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step5_substep5_preview.gif" alt="Step 5 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 6</h4>
<div class="tutorial-instructions">
<p>Make a small #40454B circle. (width: 27 x height: 27)</p>
<p class="additional-steps">Add the following layer styles: Inner Shadow</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step6_substep2_preview.gif" alt="Step 6 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Outer Glow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step6_substep3_preview.gif" alt="Step 6 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Inner Glow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step6_substep4_preview.gif" alt="Step 6 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Stroke:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step6_substep5_preview.gif" alt="Step 6 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">You should have something like this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step6_substep6_preview.gif" alt="Step 6 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 7</h4>
<div class="tutorial-instructions">
<p>With the pencil tool draw an arrow shape in a new layer.</p>
<p class="additional-steps">Add the following layer styles: Stroke.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step7_substep2_preview.gif" alt="Step 7 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Set layer&#8217;s opacity level to 60% like below:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step7_substep3_preview.gif" alt="Step 7 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Now add arrows on all sides:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step7_substep4_preview.gif" alt="Step 7 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 8</h4>
<div class="tutorial-instructions">
<p>Make a new layer set titled Screen.</p>
<p class="additional-steps">Choose the rounded rectangle tool and set the radius setting to 2px.</p>
<p class="additional-steps">In a new layer draw #7B7A80 round rectangle. (width: 259 x height: 195).</p>
<p class="additional-steps">Add the following layer styles: Inner Shadow</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step8_substep4_preview.gif" alt="Step 8 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Outer Glow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step8_substep5_preview.gif" alt="Step 8 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Gradient Overlay:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step8_substep6_preview.gif" alt="Step 8 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Stroke:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step8_substep7_preview.gif" alt="Step 8 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">You should have something like this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step8_substep8_preview.gif" alt="Step 8 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 9</h4>
<div class="tutorial-instructions">
<p>Choose the rounded rectangle tool and set the radius setting to 2px.</p>
<p class="additional-steps">In a new layer draw #2A242E round rectangle. (width: 235 x height: 182).</p>
<p class="additional-steps">Add the following layer styles: Stroke.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step9_substep3_preview.gif" alt="Step 9 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Like this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step9_substep4_preview.gif" alt="Step 9 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 10</h4>
<div class="tutorial-instructions">
<p>Choose the rounded rectangle tool and set the radius setting to 20px.</p>
<p class="additional-steps">In a new layer draw black a round rectangle. (width: 96 x height: 25).</p>
<p class="additional-steps">Add the following layer styles: Inner Shadow</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step10_substep3_preview.gif" alt="Step 10 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Inner Glow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step10_substep4_preview.gif" alt="Step 10 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Color Overlay:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step10_substep5_preview.gif" alt="Step 10 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Gradient Overlay:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step10_substep6_preview.gif" alt="Step 10 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Stroke:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step10_substep7_preview.gif" alt="Step 10 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Like this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step10_substep8_preview.gif" alt="Step 10 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 11</h4>
<div class="tutorial-instructions">
<p>Add the word &#8220;Music&#8221; using font Verdana, Regular, 14pt, Sharp and #FFFFF color.</p>
<p class="additional-steps">Now add an arrow from the Webdings font selection. &#8220;4&#8243; on your keyboard with 18pt, Sharp and #000000 color.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step11_substep2_preview.gif" alt="Step 11 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 12</h4>
<div class="tutorial-instructions">
<p>Duplicate Tab layer-set. Remove the color overlay from round rectangle tab layer-styles.</p>
<p class="additional-steps">Modify text to &#8220;Photos&#8221;.</p>
<p class="additional-steps">Complete menu selections with Audible, Files and Set-up tabs.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step12_substep3_preview.gif" alt="Step 12 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 13</h4>
<div class="tutorial-instructions">
<p>Add the following photo to your canvas:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step13_substep1_preview.gif" alt="Step 13 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Like this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step13_substep2_preview.gif" alt="Step 13 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 14</h4>
<div class="tutorial-instructions">
<p>In a new layer draw a #121921 round rectangle. (width: 11 x height: 12).</p>
<p class="additional-steps">Add the following layer styles: Drop Shadow</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step14_substep2_preview.gif" alt="Step 14 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Inner Shadow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step14_substep3_preview.gif" alt="Step 14 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Outer Glow:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step14_substep4_preview.gif" alt="Step 14 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">Stroke:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step14_substep5_preview.gif" alt="Step 14 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">It should look like this:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step14_substep6_preview.gif" alt="Step 14 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 15</h4>
<div class="tutorial-instructions">
<p>In a new layer, draw the pixelled image below, This will be a pattern for your speaker.</p>
<p class="additional-steps">Once the pattern is in your pattern list, in a new layer draw a #FFFFFF round rectangle using the rounded rectangle tool.</p>
<p class="additional-steps">Go to Select &gt; Load Selection &gt; Default Settings. This should add a marquee selection to the round rectangle.</p>
<p class="additional-steps">While the round rectangle is marquee selected, in a new layer add the pattern using the paint bucket tool.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step15_substep4_preview.gif" alt="Step 15 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div class="tutorial-step">
<h4>Step 16</h4>
<div class="tutorial-instructions">
<p>The last touch, add the logo &#8220;Lyra&#8221;.</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step16_substep1_preview.gif" alt="Step 16 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">So it is centered like below:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step16_substep2_preview.gif" alt="Step 16 diagram" /> <!-- div.tutorial-diagrams --></div>
<p class="additional-steps">This is what your final result should look like:</p>
<div class="tutorial-diagrams"><img src="http://www.zymic.com/images/tutorials/steps/id158_step16_substep3_preview.gif" alt="Step 16 diagram" /> <!-- div.tutorial-diagrams --></div>
<p><!-- div.tutorial-instructions --></div>
<p><!-- div.tutorial-step --></div>
<div id="tutorial-comments"></div>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/24/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/24/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/24/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=24&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/24/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step1_substep1_preview.gif" medium="image">
			<media:title type="html">Step 1 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step2_substep1_preview.gif" medium="image">
			<media:title type="html">Step 2 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step2_substep2_preview.gif" medium="image">
			<media:title type="html">Step 2 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step2_substep3_preview.gif" medium="image">
			<media:title type="html">Step 2 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step2_substep4_preview.gif" medium="image">
			<media:title type="html">Step 2 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step2_substep5_preview.gif" medium="image">
			<media:title type="html">Step 2 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step2_substep6_preview.gif" medium="image">
			<media:title type="html">Step 2 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step3_substep3_preview.gif" medium="image">
			<media:title type="html">Step 3 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step4_substep2_preview.gif" medium="image">
			<media:title type="html">Step 4 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step5_substep2_preview.gif" medium="image">
			<media:title type="html">Step 5 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step5_substep3_preview.gif" medium="image">
			<media:title type="html">Step 5 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step5_substep4_preview.gif" medium="image">
			<media:title type="html">Step 5 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step5_substep5_preview.gif" medium="image">
			<media:title type="html">Step 5 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step6_substep2_preview.gif" medium="image">
			<media:title type="html">Step 6 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step6_substep3_preview.gif" medium="image">
			<media:title type="html">Step 6 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step6_substep4_preview.gif" medium="image">
			<media:title type="html">Step 6 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step6_substep5_preview.gif" medium="image">
			<media:title type="html">Step 6 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step6_substep6_preview.gif" medium="image">
			<media:title type="html">Step 6 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step7_substep2_preview.gif" medium="image">
			<media:title type="html">Step 7 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step7_substep3_preview.gif" medium="image">
			<media:title type="html">Step 7 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step7_substep4_preview.gif" medium="image">
			<media:title type="html">Step 7 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step8_substep4_preview.gif" medium="image">
			<media:title type="html">Step 8 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step8_substep5_preview.gif" medium="image">
			<media:title type="html">Step 8 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step8_substep6_preview.gif" medium="image">
			<media:title type="html">Step 8 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step8_substep7_preview.gif" medium="image">
			<media:title type="html">Step 8 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step8_substep8_preview.gif" medium="image">
			<media:title type="html">Step 8 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step9_substep3_preview.gif" medium="image">
			<media:title type="html">Step 9 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step9_substep4_preview.gif" medium="image">
			<media:title type="html">Step 9 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step10_substep3_preview.gif" medium="image">
			<media:title type="html">Step 10 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step10_substep4_preview.gif" medium="image">
			<media:title type="html">Step 10 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step10_substep5_preview.gif" medium="image">
			<media:title type="html">Step 10 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step10_substep6_preview.gif" medium="image">
			<media:title type="html">Step 10 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step10_substep7_preview.gif" medium="image">
			<media:title type="html">Step 10 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step10_substep8_preview.gif" medium="image">
			<media:title type="html">Step 10 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step11_substep2_preview.gif" medium="image">
			<media:title type="html">Step 11 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step12_substep3_preview.gif" medium="image">
			<media:title type="html">Step 12 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step13_substep1_preview.gif" medium="image">
			<media:title type="html">Step 13 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step13_substep2_preview.gif" medium="image">
			<media:title type="html">Step 13 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step14_substep2_preview.gif" medium="image">
			<media:title type="html">Step 14 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step14_substep3_preview.gif" medium="image">
			<media:title type="html">Step 14 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step14_substep4_preview.gif" medium="image">
			<media:title type="html">Step 14 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step14_substep5_preview.gif" medium="image">
			<media:title type="html">Step 14 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step14_substep6_preview.gif" medium="image">
			<media:title type="html">Step 14 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step15_substep4_preview.gif" medium="image">
			<media:title type="html">Step 15 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step16_substep1_preview.gif" medium="image">
			<media:title type="html">Step 16 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step16_substep2_preview.gif" medium="image">
			<media:title type="html">Step 16 diagram</media:title>
		</media:content>

		<media:content url="http://www.zymic.com/images/tutorials/steps/id158_step16_substep3_preview.gif" medium="image">
			<media:title type="html">Step 16 diagram</media:title>
		</media:content>
	</item>
		<item>
		<title>Making Skin Beautiful</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/making-skin-beautiful/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/making-skin-beautiful/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 21:57:02 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Photoshop Effects]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=22</guid>
		<description><![CDATA[Let me start this tutorial by stating the obvious, not everyone has beautiful skin. To compound this problem we have skin eruptions, uneven tan, freckles, unwanted highlights, large pores, etc. In addition, today’s cameras and lenses magnify every imperfection and freeze it for all to see. This tutorial will help the photographer put their models [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=22&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Let me start this tutorial by stating the obvious, not everyone has beautiful skin. To compound this problem we have skin eruptions, uneven tan, freckles, unwanted highlights, large pores, etc. In addition, today’s cameras and lenses magnify every imperfection and freeze it for all to see. This tutorial will help the photographer put their models in the best light so to speak. I will start at the point where you have completed your basic processing and have an image with the correct exposure value and white balance.</p>
<table id="toc" class="toc" border="0" summary="Contents">
<tbody>
<tr>
<td>
<div id="toctitle">
<h2>Contents</h2>
<p><span class="toctoggle">[<a id="togglelink" class="internal" href="toggleToc()">hide</a>]</span></div>
<ul>
<li class="toclevel-1"><a href="http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman#Overview"><span class="tocnumber">1</span> <span class="toctext">Overview</span></a></li>
<li class="toclevel-1"><a href="http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman#Removing_or_softening_flaws"><span class="tocnumber">2</span> <span class="toctext">Removing or softening flaws</span></a></li>
<li class="toclevel-1"><a href="http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman#Touching_up_undesirable_highlights_and_reflections"><span class="tocnumber">3</span> <span class="toctext">Touching up undesirable highlights and reflections</span></a></li>
<li class="toclevel-1"><a href="http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman#Apply_a_Gaussian_blur_to_the_skin_to_soften_and_blend_it"><span class="tocnumber">4</span> <span class="toctext">Apply a Gaussian blur to the skin to soften and blend it</span></a></li>
<li class="toclevel-1"><a href="http://www.tutiki.org/w/index.php/Beautiful_Skin_by_Czechman#Spot_Sharpening"><span class="tocnumber">5</span> <span class="toctext">Spot Sharpening</span></a></li>
</ul>
</td>
</tr>
</tbody>
</table>
<p> if (window.showTocToggle) { var tocShowText = &#8220;show&#8221;; var tocHideText = &#8220;hide&#8221;; showTocToggle(); } </p>
<div class="editsection" style="float:right;margin-left:5px;">[<a title="Overview" href="http://www.tutiki.org/w/index.php?title=Making_Skin_Beautiful&amp;action=edit&amp;section=1">edit</a>]</div>
<p><a name="Overview"></a></p>
<h3>Overview</h3>
<p>This subject will be covered in steps as follows:</p>
<ol>
<li>Removing or softening major flaws in the skin</li>
<li>Touching up undesired reflections and highlights</li>
<li>Apply a Gaussian blur to the skin to soften and blend it.</li>
<li>Spot sharpening</li>
</ol>
<p>Note for MAC users:  Substitute the Option key for the Alt key when specified in the tutorial.</p>
<div class="editsection" style="float:right;margin-left:5px;">[<a title="Removing or softening flaws" href="http://www.tutiki.org/w/index.php?title=Making_Skin_Beautiful&amp;action=edit&amp;section=2">edit</a>]</div>
<p><a name="Removing_or_softening_flaws"></a></p>
<h3>Removing or softening flaws</h3>
<p>There are many ways to remove flaws from the skin; however, I like to use the clone tool. I do not use the clone tool to remove and replace the skin but rather in a special way that will allow me to work slowly to hide the flaw or blemish on the skin. The beautiful young lady pictured here is typical of teenagers in that hormones may cause zits or other eruptions on their skin that are unsightly. As a photographer it is our job to lessen that and make the model look their best. You will note on the neck of this young lady a rather large skin eruption. This is not a normal mark and one that I am sure she wishes were not there.</p>
<p><img src="http://tutiki.org/w/images/msb01/msb01.jpg" alt="msb01.jpg" /></p>
<p>On the tool bar on the left hand side of the workspace is the clone tool. Click on this tool. Now go to the mode setting at the top and select a soft brush that is near to or smaller than the blemish. Move to the right and click on mode, setting it to lighten. Move to the right and set the opacity to around 12% and the flow rate to 100% or less. You are now ready to begin hiding the blemish. Find a good patch of skin near the blemish, position your brush on it, hold down the ALT key and click your mouse once. Now begin to soften the blemish by doing a click and hold while going over and over the blemish. You will note that it begins to lighten. Continue until the blemish is gone. In the center of the blemish it is lighter than the surrounding skin. Set mode to darken, ALT click on the good skin and repeat the process above to darken this lighter area. The blemish is now gone as shown in the image. You might also note that I have lightened some of her permanent moles and fixed other light or dark areas using the same technique described above. I generally do not totally remove permanent moles on a models face.</p>
<p><img src="http://tutiki.org/w/images/msb01/msb02.jpg" alt="msb02.jpg" /></p>
<div class="editsection" style="float:right;margin-left:5px;">[<a title="Touching up undesirable highlights and reflections" href="http://www.tutiki.org/w/index.php?title=Making_Skin_Beautiful&amp;action=edit&amp;section=3">edit</a>]</div>
<p><a name="Touching_up_undesirable_highlights_and_reflections"></a></p>
<h3>Touching up undesirable highlights and reflections</h3>
<p>The end of nose is a particularly onerous place for reflections and burned out highlights as you will note on the model above. Removing them is just as simple as removing a blemish. The difference is that you set the clone tool mode to darken. Select a patch of skin with the appropriate color and do an ALT click. Now go over the highlight until it looks good to you. Be careful not to go too far a field from the highlight itself as you can make the nose look flat in that area instead of rounded as it normally is. If you make a mistake, it is simple to go back a step in the history palette and redo that step. Don’t hesitate to switch between darken and lighten if need be. At this stage do not worry if everything is not perfect as the Gaussian blur will take care of minor imperfections in your work.</p>
<p><img src="http://tutiki.org/w/images/msb01/msb03.jpg" alt="msb03.jpg" /></p>
<div class="editsection" style="float:right;margin-left:5px;">[<a title="Apply a Gaussian blur to the skin to soften and blend it" href="http://www.tutiki.org/w/index.php?title=Making_Skin_Beautiful&amp;action=edit&amp;section=4">edit</a>]</div>
<p><a name="Apply_a_Gaussian_blur_to_the_skin_to_soften_and_blend_it"></a></p>
<h3>Apply a Gaussian blur to the skin to soften and blend it</h3>
<p>Much of the information in this part of the tutorial was gleaned from Scott Kelby’s great book entitled The Photoshop Book for Digital Photographers, which I recommend highly to everyone new to Photoshop.</p>
<p>I will attempt to keep the &#8220;how to&#8221; part of this tutorial as detailed as possible so that those new to Photoshop will be able to follow along. This is an advanced technique so stay with me. First thing to do is to open the picture that you want to apply the Gaussian blur to. Create 2 additional layers of this image in the Layer’s pallet. An easy way to do this is to hold down the Ctrl key and click on the J key twice. You should now see three layers of the image. Hide layer 1 copy by clicking on the Eye icon next to it in the layers pallet. Highlight the middle layer by clicking on it and your layers pallet should now look like this:</p>
<p><img src="http://tutiki.org/w/images/msb01/msb04.jpg" alt="msb04.jpg" /></p>
<p>In the drop down box on the Layer’s pallet change the blend mode from Normal to Darken. Next go to the menu at the top of the screen and click filter/blur/Gaussian blur and then apply a 35 pixel blur to the image. Don’t worry that your image looks bad at this stage.</p>
<p><img src="http://tutiki.org/w/images/msb01/msb05.jpg" alt="msb05.jpg" /></p>
<p>On the Layers pallet, click on the little Eye icon beside the middle layer to hide this layer and then click on the top layer to make it active. Now change the blend mode from Darken to Lighten by clicking on Lighten in the drop down box. Next run a 50 pixel blur on this top layer (Filter/blur/Gaussian Blur).</p>
<p><img src="http://tutiki.org/w/images/msb01/msb06.jpg" alt="msb06.jpg" /></p>
<p>After you have applied the blur, click on the middle layer to make it the active layer and then lower the opacity to 30%. Hide the background layer from view by clicking on the Eye icon beside it and then create a new layer by clicking on the New Layer Icon at the bottom of the Layers pallet. This icon is on the bottom right just next to the little garbage can. When the new layer is created click and drag this layer to the top of the stack as shown.</p>
<p><img src="http://tutiki.org/w/images/msb01/msb07.jpg" alt="msb07.jpg" /></p>
<p>Next, hold down the Alt Key and with your mouse go to the top and click (hold) on Layers and while holding the mouse button down go to the bottom and release the mouse button over Merge Visible as shown here.</p>
<p><img src="http://tutiki.org/w/images/msb01/msb08.jpg" alt="msb08.jpg" /></p>
<p>This creates a flattened version of your document in the new layer. In the layers pallet, make the background layer visible with the Eye icon and hide the two middle layers by removing the Eye icon from them. Make sure the top layer is the active layer and then lower the opacity to 37%. This is a subjective adjustment and you should set it at the point that your image has the right amount of blur to suit your taste. All that is left now is the removal of the Gaussian blur from the hair, eyes, eyebrows, lips, jewelry, clothing and anything else that you don’t want blurred.</p>
<p>Click on the layer mask icon at the bottom of the layer pallet (third from the left). Insure that your foreground color is set to black. You can change the background/foreground easily by clicking on the small x while watching it change on the leftmost tool pallet. Select a soft edged brush from the tool pallet and paint over everything that you do not want blur on (eyes, mouth, hair, etc.). Generally this is everything except the skin. Change the size of the brush so that it is easy for you to do that without getting over into the skin. Your layers pallet will now look like this.</p>
<p><img src="http://tutiki.org/w/images/msb01/msb09.jpg" alt="msb09.jpg" /></p>
<p>At this point you may flatten the layers and discard the unused layers (Layers/Flatten Image). If you feel a little touch up for the brightness of the image is needed, do that with levels or Brightness/Contrast.</p>
<div class="editsection" style="float:right;margin-left:5px;">[<a title="Spot Sharpening" href="http://www.tutiki.org/w/index.php?title=Making_Skin_Beautiful&amp;action=edit&amp;section=5">edit</a>]</div>
<p><a name="Spot_Sharpening"></a></p>
<h3>Spot Sharpening</h3>
<p>Select the spot sharpener from the tool pallet on the left hand side of your screen and quickly go over the eyes, mouth, and anything else that you want sharpened.</p>
<p>Applying a final sharpening is up to you but in any event do not over sharpen. Watch the eyelashes and hair especially so as not to create artifacts or halo&#8217;s. Here is the final product:</p>
<p><img src="http://tutiki.org/w/images/msb01/msb10.jpg" alt="msb10.jpg" /></p>
<p>Don&#8217;t be intimidated by this tutorial, once you run through it a few times it is quite easy. One last caution, it is better to error on the side of too little blur than too much. It is easy to make the skin look plastic and unnatural. The goal is to accomplish the softening but yet not have it noticed. If you remove all traces of texture to the skin you will have failed for most types of portraits.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/22/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/22/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=22&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/making-skin-beautiful/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb01.jpg" medium="image">
			<media:title type="html">msb01.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb02.jpg" medium="image">
			<media:title type="html">msb02.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb03.jpg" medium="image">
			<media:title type="html">msb03.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb04.jpg" medium="image">
			<media:title type="html">msb04.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb05.jpg" medium="image">
			<media:title type="html">msb05.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb06.jpg" medium="image">
			<media:title type="html">msb06.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb07.jpg" medium="image">
			<media:title type="html">msb07.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb08.jpg" medium="image">
			<media:title type="html">msb08.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb09.jpg" medium="image">
			<media:title type="html">msb09.jpg</media:title>
		</media:content>

		<media:content url="http://tutiki.org/w/images/msb01/msb10.jpg" medium="image">
			<media:title type="html">msb10.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>Selecting &amp; Extracting Hair &#8211; Masking Tutorial &#8211; Extraction Tips</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/selecting-extracting-hair-masking-tutorial-extraction-tips/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/selecting-extracting-hair-masking-tutorial-extraction-tips/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 21:53:29 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Photoshop Effects]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=20</guid>
		<description><![CDATA[One of the most challenging montage or masking jobs in the profession of post-production editing is the hair lift. When the model has long flowing hair and the subject needs to change location many post-production artists call in sick. Get it wrong and, just like a bad wig, it shows. Extract filters, Magic Erasers and [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=20&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>One of the most challenging montage or masking jobs in the profession of post-production editing is the hair lift. When the model has long flowing hair and the subject needs to change location many post-production artists call in sick. Get it wrong and, just like a bad wig, it shows. Extract filters, Magic Erasers and Tragic Extractors don’t even get us close.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-start.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="455" /><br />
Portrait image by Dan Stainsby</p>
<p>The first secret step must be completed before you even press the shutter on the camera. Your number one essential step for success is to first shoot your model against a white backdrop, sufficiently illuminated so that it is captured as white rather than gray. This important aspect of the initial image capture ensures that the resulting hair transplant is seamless and undetectable.</p>
<p>The post-production is the easy bit &#8211; simply apply the correct sequence of editing steps and the magic is all yours. This is not brain surgery but follow these simple steps and you will join the elite ranks of Photoshop gurus around the world. Celebrity status is just a few clicks away.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-1.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="137" /></p>
<p><strong><span class="title-blog">Step 1<br />
</span></strong>The initial steps of this tutorial are concerned with creating a mask that can be used in the final montage. Start by dragging the background layer to the New Layer icon to duplicate it. Choose ‘Remove Color’ from the Adjust Color submenu found in the Enhance menu (Enhance &gt; Adjust Color &gt; Remove Color).</p>
<p>Drag this desaturated/monochrome layer to the New Layer icon in the Layers palette to duplicate it. Set the blend mode of this new layer (now on top of the layers stack) to ‘Overlay’ mode.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-2.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="138" /></p>
<p><strong><span class="title-blog">Step 2<br />
</span></strong>From the Layer menu choose ‘Merge Down’ to create a single high-contrast monochrome layer. Select ‘Black’ as the foreground color and the ‘Brush tool’ from the Tools palette. Choose a large hard edged brush and 100% opacity from the Options bar and set the mode to ‘Overlay’ (also in the Options bar).</p>
<p>Painting in Overlay mode will preserve the white background and darken the rest of the pixels. Accuracy whilst painting in Overlay mode is not a concern when the background is white or is significantly lighter than the subject. Avoid going anywhere near the tips of the hair at this stage.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-3.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="165" /></p>
<p><strong><span class="title-blog">Step 3<br />
</span></strong>Even the bright tones of the white shirt can be rendered black by repeatedly clicking the mouse whilst using a large brush in Overlay mode. Again it is important to avoid going anywhere near the hair.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-4.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="165" /></p>
<p><strong><span class="title-blog">Step 4</span></strong><br />
Darken the body of the hair near the scalp but avoid the locks of hair that have white background showing through. Painting these individual strands of hair will thicken the hair and may lead to subsequent halos appearing later in the montage process.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-4-tip.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="168" /></p>
<p><strong>Performance Tip<br />
</strong>Switch the blend mode of the brush in the Options bar to ‘Normal’ mode when painting away from the edge of the subject. This will ensure a speedy conclusion to the mask making process. The mask is now ready to use in the montage.</p>
<p><strong>Note &gt; </strong>If any of the background has been darkened in the process of creating a black and white mask switch the foreground color to ‘White’ and choose ‘Overlay’ in the Options bar. Paint to render any areas of gray background white. It is again important to avoid painting near the edges containing delicate hair detail.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-5.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="189" /></p>
<p><strong><span class="title-blog">Step 5</span></strong><br />
With the Remove Color layer selected add a Levels adjustment layer. Without making any adjustment simply select OK. This Levels adjustment layer has a layer mask that we can use to house the mask that we have created in the previous step.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-6.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="144" /></p>
<p><strong><span class="title-blog">Step 6</span></strong><br />
The next step relocates the mask you have just created into the layer mask of the adjustment layer. From the Select menu choose ‘All’ and from the Edit menu choose ‘Copy Merged’. Hold down the Alt key and click on the layer mask thumbnail in the Layers palette. The image window will momentarily appear white as you view the empty contents of the layer mask.</p>
<p>From the Edit menu choose ‘Paste’ to transfer the contents of the clipboard to this layer mask. Click on the layer below to select it and then click on the Visibility icon of this layer to switch it off. This mask layer serves no purpose now that it has been successfully transferred to the adjustment layer mask.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-7.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="286" /></p>
<p><strong><span class="title-blog">Step 7</span></strong><br />
The new background is placed on its own layer above the figure and mask layers. Drag the thumbnail of this new file into the image window of your project file from either the Photo Bin or the layer thumbnail in the Layers palette. Group this new background layer with the adjustment layer beneath (Layer &gt; Group with Previous). Alternatively you can hold down the Alt key and click on the dividing line between the two layers to group them.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-8.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="194" /></p>
<p><strong><span class="title-blog">Step 8</span></strong><br />
Grouping the new background with the adjustment layer will mask the background in the region of the figure but the quality will not yet be acceptable. Setting the blend mode of the adjustment layer to ‘Multiply’ will bring back all of the fine detail in the hair. The background will be not darkened by applying the ‘Multiply’ blend mode as white is a neutral color. The subtle detail in the fine strands of hair will however be preserved in all their glory.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-9.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="150" /></p>
<p><strong><span class="title-blog">Step 9</span></strong><br />
The accuracy and quality of the edge of the mask will usually require some attention in order for the subject to achieve a seamless quality with the new background. Make a selection of all of the edges that do not include any hair detail using the Lasso tool with a small amount of feather set in the Options bar. With the adjustment layer mask selected choose the ‘Gaussian Blur filter’ (Filter &gt; Blur &gt; Gaussian Blur) and apply a 1- to 2-pixel Radius Blur to the mask.</p>
<p>Click OK and then from the Enhance menu choose a Levels adjustment from the Adjust lighting submenu. Move the central Gamma slider underneath the histogram to realign the edge of the mask with the subject edge (no dark or light halo should be visible).</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-9-tip.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="169" /></p>
<p><strong>Performance Tip<br />
</strong>If the mask is too soft the edges can be sharpened by moving the black and white sliders in towards the central Gamma slider a little. Select OK when perfect alignment has been achieved.</p>
<p>Zoom in to 100% Actual pixels whilst working to accurately assess the quality of your mask.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-10.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="276" /></p>
<p><strong><span class="title-blog">Step 10</span></strong><br />
In most instances the hair is already looking pretty fabulous but to modify and perfect the hair even further you will need to inverse the selection (Select &gt; Inverse). Choose ‘Levels’ once again and move the central Gamma slider to the left to increase the density of the hair and eliminate any white halos that may be present. Moving the White slider to the left a little may help the process of achieving a perfect blend between subject and background. Select OK and choose ‘Deselect’ from the Select menu.</p>
<p><strong>Performance Tip<br />
</strong>Any localized refinement of the mask can be achieved manually by painting with a small soft edged brush directly into the layer mask. Paint with white at a reduced opacity (10-20%) to remove any fine halos present in localized areas. Several brush strokes will slowly erase the halo from the image.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-11b.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="256" /></p>
<p><strong><span class="title-blog">Step 11</span></strong><br />
The true test of an accurate mask for a subject that was photographed against a white background is when you place the subject against a very dark background. Grouping a Levels adjustment layer with the new background layer can darken the background image used in this project.</p>
<p>Hold down the Alt key when you select a Levels adjustment layer from the Layers palette. Click on the Group with Previous box in the New Layer dialog box and then select OK to open the Levels dialog box. Move the Gamma slider to the right in order to preview your subject against a darker background in the image window.</p>
<p><img src="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-final.jpg" border="0" alt="Selecting &amp; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements" hspace="50" width="400" height="455" /></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/20/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/20/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=20&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/selecting-extracting-hair-masking-tutorial-extraction-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-start.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-1.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-2.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-3.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-4.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-4-tip.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-5.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-6.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-7.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-8.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-9.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-9-tip.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-10.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-11b.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>

		<media:content url="http://www.photoshopsupport.com/elements/tutorials/extract-hair/select-hair-final.jpg" medium="image">
			<media:title type="html">Selecting &#38; Extracting Hair - Masking Tutorial - Extraction Tips - Photoshop Elements</media:title>
		</media:content>
	</item>
		<item>
		<title>The Arch</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/18/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/18/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 19:58:17 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Photoshop Effects]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=18</guid>
		<description><![CDATA[In this lesson I will explain to you some main principles of creation of a collage, as “The Arch”. We will use photos which we have found in the Internet. Resources: Planet: http://absolutehalo.deviantart.com/ Arch: http://Mehrunnisa_stock.deviantart.com/ Arch texture: http://lady-dementia-stock.deviantart.com/ Background: http://jesuisautre.deviantart.com/ Step 1. The background is basis to all. Therefore the photo with background should be [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=18&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><!--post title--></p>
<h1></h1>
<p><!--content with more link--></p>
<table border="0">
<tbody>
<tr>
<td><img class="thumb_image" src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/thumbs/thumb_200x55.jpg" alt="create a fantastic collage in Photoshop CS2" /></td>
<td>In this lesson I will explain to you some main principles of creation of a collage, as “The Arch”. We will use photos which we have found in the Internet.</td>
</tr>
</tbody>
</table>
<p>Resources:<br />
Planet: http://absolutehalo.deviantart.com/</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/2.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p>Arch: http://Mehrunnisa_stock.deviantart.com/</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/3.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p>Arch texture: http://lady-dementia-stock.deviantart.com/</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/4.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p>Background: http://jesuisautre.deviantart.com/</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/1.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 1.</strong> The background is basis to all. Therefore the photo with background should be of a high quality and the suitable sanction. We open it in Photoshop and we start to work.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/1.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 2.</strong> As our landscape will be more fantasy, than real &#8211; that we will make the image softer and bewitching. For this purpose we will copy a layer, and we will apply to the copy filter <span class="Apple-style-span" style="font-weight:bold;">Blur &#8211; Motion blur</span> (the picture should be smeared exactly horizontally).</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/2.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 3.</strong> Then we use filter <span class="Apple-style-span" style="font-weight:bold;">Blur &#8211; Gaussian Blur</span> and we will smear the picture even more strongly.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/3.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 4.</strong> In adjustments of the layer we will lower <span class="Apple-style-span" style="font-weight:bold;">Fill</span> up to<span class="Apple-style-span" style="font-weight:bold;"> 50%</span>.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/4.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 5.</strong> By means of the <span class="Apple-style-span" style="font-weight:bold;">Eraser tool </span>we will erase area, which covers clouds to return to them initial clearness. As a result we should receive a picture, as on picture, with soft and a gentle luminescence. We <span class="Apple-style-span" style="font-weight:bold;">Merge Down </span>the layers.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/5.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 6.</strong> We pass to the sky. Into the center of work we insert a picture with the image of a planet.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/6.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 7.</strong> Let’s change <span class="Apple-style-span" style="font-weight:bold;">Blending Mode</span> of the layer to <span class="Apple-style-span" style="font-weight:bold;">Screen</span>. The background became transparent, but because of a dust and stars the picture seems pasted. We will correct by means of <span class="Apple-style-span" style="font-weight:bold;">Eraser tool</span>.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/7-1.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/7.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 8.</strong> We choose <span class="Apple-style-span" style="font-weight:bold;">Dodge tool </span>(<span class="Apple-style-span" style="font-weight:bold;">Highlights</span>, <span class="Apple-style-span" style="font-weight:bold;">100%</span>), and clarify the bottom part of the planet.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/8.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 9.</strong> Let’s add a little radiance. We’ll take a simple brush of white color, and on a separate layer we will draw a white spot.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/9.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<p><strong>Step 10.</strong> With <span class="Apple-style-span" style="font-weight:bold;">Smudge tool</span> we will smear it on a circle of a planet. Not on all circle, but only by that part on which rays of light fall.</p>
<p class="tutorial_image"><img src="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/10.jpg" alt="create a fantastic collage in Photoshop CS2" /></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/18/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/18/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/18/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=18&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/18/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/thumbs/thumb_200x55.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/2.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/3.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/4.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/originals/1.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/1.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/2.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/3.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/4.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/5.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/6.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/7-1.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/7.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/8.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/9.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>

		<media:content url="http://www.psdtop.com/blog/wp-content/images/014_The-Arch/10.jpg" medium="image">
			<media:title type="html">create a fantastic collage in Photoshop CS2</media:title>
		</media:content>
	</item>
		<item>
		<title>Design a Cool Music Wallpaper</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/design-a-cool-music-wallpaper/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/design-a-cool-music-wallpaper/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 19:50:00 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=16</guid>
		<description><![CDATA[This tutorial will teach you how to create a cool music themed wallpaper. It will utilize many basic techniques, and some more complex ones to produce an interesting outcome. The final wallpaper is available to download. Final Image: This is what the final image looks like. You can download the full-sized wallpaper for free here. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=16&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div class="thumb"><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwallthumb.jpg" alt="" /></div>
<p><a title="View all posts in Designing" rel="category tag" href="http://psdfan.com/category/designing/"><br />
</a></p>
<div class="intro">
<p>This tutorial will teach you how to create a cool music themed wallpaper. It will utilize many basic techniques, and some more complex ones to produce an interesting outcome. The final wallpaper is available to download.</p></div>
<div class="entry">
<h2>Final Image:</h2>
<p>This is what the final image looks like. You can download the full-sized wallpaper for free <a href="http://psdfan.com/wp-content/uploads/2008/06/musicwallfinal.jpg">here</a>.</p>
<p><a href="http://psdfan.com/wp-content/uploads/2008/06/musicwallfinal.jpg"><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwallfinalsmall.jpg" alt="" /></a></p>
<h2>Step 1:</h2>
<p>Open a new document, I chose the dimensions 1280X800px. Paste in your photo of musical notation onto a new layer to use as the basis for your background. Use the transform tool to resize the photo to fit nicely on your canvas.<br />
<img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall1.jpg" alt="" /></p>
<h2>Step 2:</h2>
<p>Now go to image &gt; adjustments &gt; desaturate to grayscale your image. Go to brightness/contrast settings and reduce the layers brightness to -40, and increase the contrast to +50.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall27.jpg" alt="" /></p>
<h2>Step 3:</h2>
<p>Select the radial gradient tool and specify a gradient going from 100% black to 0% light gray. Then drag the gradient from the bottom left of your image to achieve the effect below:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall31.jpg" alt="" /></p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall3b.jpg" alt="" /></p>
<h2>Step 4:</h2>
<p>Next paste your abstract image of musical notes onto a new layer. Use the transform tool to resize the image until it looks good. Then change this layers blending mode to ‘multiply’. The parts of your original background image not concealed by the radial gradient should show through and create an eerie lighting effect.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall4.jpg" alt="" /></p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall4b.jpg" alt="" /></p>
<h2>Step 5:</h2>
<p>Open your photo of the man with headphones.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall5.jpg" alt="" /></p>
<h2>Step 6:</h2>
<p>Copy this image onto a new layer in your original document and then use the lasso tool to select around the head and delete the parts of the photo around your selection by going to the menu: select &gt; inverse then hit backspace.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall6.jpg" alt="" /></p>
<h2>Step 7:</h2>
<p>Now we want to dark the man’s face to try and create a bit more depth to this high angle shot. To do this select the magic wand tool and click somewhere outside of your photo. This will select all parts of the document apart from your photo. Then go to select &gt; inverse to invert the selection, making the head selected. Now select your brush tool (set to around 30px in dimension), and in brush settings select ‘color burn’. Set the brush’s opacity to around 20% and brush over the face a few times, paying particular attention to the most shadowed areas, to really emphasis them.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall7.jpg" alt="" /></p>
<h2>Step 8:</h2>
<p>Now with your photo layer selected and bounding box in place, hold shift and drag inwards to resize your head image and make it smaller. Then select a 2px white brush and make a mark roughly 100px below the bottom of your photo.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall8.jpg" alt="" /></p>
<h2>Step 9:</h2>
<p>Now duplicate this layer and rotate it 72 degrees by going to edit &gt; transform &gt; rotate. With the rotate option selected in your tool options go to the box where you can input your own custom rotation, and set it to 72. This input box is highlighted in the diagram below:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall9.jpg" alt="" /></p>
<h2>Step 10:</h2>
<p>Now with your duplicated image selected move it so that the 2px dot beneath it is overlapping the dot in the first image. Can you see where this is going yet? By marking that 2px dot we can easily duplicate our images and rotate them around a set point, easy as that!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall10.jpg" alt="" /></p>
<h2>Step 11:</h2>
<p>Now, to save you some time repeating this rotation process you can actually go to edit &gt; transform &gt; again, and it will repeat the exact transform effect that you’ve last done.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall11.jpg" alt="" /></p>
<h2>Step 12:</h2>
<p>To complete your circle of heads simply keep duplicating, transforming, and lining up that middle 2px dot! As you can see from the image below the 5 heads create a perfect circle. To achieve this I simply divided up the 360 degrees that make up a circle. 360 divided by 5 = 72. If I’d wanted 10 heads instead of 5 I could have specified a 36 degree rotation, but then the heads would have overlapped due to their size.<br />
<img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall12.jpg" alt="" /></p>
<h2>Step 13:</h2>
<p>Now open up your image of the record. Select the white outer part of the image using the magic wand tool and then invert your selection so that the record itself is selected. Paste this image into your original document and resize it to fit nicely inside the circle of heads. To centralize the record image perfectly, select the inner white circle of the record using the magic wand tool and delete it so that you can see through to the layers beneath this one. Then just align the hole with the 2px dot from the head image layers. Finally desaturate this image layer.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall13.jpg" alt="" /></p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall13b.jpg" alt="" /></p>
<h2>Step 14:</h2>
<p>Now open up your photo of the row of speakers.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall14.jpg" alt="" /></p>
<h2>Step 15:</h2>
<p>Select around the part of the image that you want and paste this into your original document. Desaturate this image layer and rotate/resize the speakers so that the fit nicely with the rest of your image. Be sure to put this image layer beneath your record/heads layers. Finally hide your top ‘record’ layer so that you can clearly see the middle 2px white dot, and then select your brush tool and make this white dot again for your speakers layer.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall15.jpg" alt="" /></p>
<h2>Step 16:</h2>
<p>Now if we look at our speakers image it looks good, but lacks any 3d depth, as the side of the speaker was not in our original photo. To fix this we’re going to create a very simple side to the speaker to add a little more depth to the image. Use the lasso selection tool to create a selection that gets more narrow as it gets further away from the speaker photo. Fill this selection with a linear gradient going from light gray (C4C4C4) to 0% opacity black. Finally, to give the joining point at the edge of the speaker more definition create a line roughly 3-4px wide using the lasso tool and fill this with dark gray. The result should look something like the image below:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall16.jpg" alt="" /></p>
<h2>Step 17:</h2>
<p>Then reduce your speaker image layer’s opacity to 60%. Edit the brightness/contrast settings to brightness -15 and contrast +20.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall17.jpg" alt="" /></p>
<h2>Step 18:</h2>
<p>Now simply repeat the rotation technique that I showed you earlier for the speaker image until you have 5 speakers in a circle around the head images.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall18.jpg" alt="" /></p>
<p>Then make the record image layer visible again.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall18new.jpg" alt="" /></p>
<h2>Step 19:</h2>
<p>Now create a new layer above all of the current layers called ‘light circles’. Select the circle selection tool and then place your cursor in the center of the record (on the 2px white dot). Drag outwards holding alt+shift to create a perfect circular selection around this central point. Then go to select &gt; modify &gt; contract by 1px. Delete this new selection to leave a 1px thick white ring.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall19.jpg" alt="" /></p>
<h2>Step 20:</h2>
<p>Now select a 50px sized eraser brush set at 20% opacity. You want to start erasing the areas of the white circle that overlap the speakers. But very importantly &#8211; try to leave some of the ‘light ring’ in tact where it comes into contact with the speaker, and only erase the light ring entirely in the center of each speaker. This way you achieve the effect that the light ring is actually going into each speaker. Check out the effect below:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall20.jpg" alt="" /></p>
<h2>Step 21:</h2>
<p>Now go to the ‘light circles’ layer’s blending options and use an ‘outer glow’ with the following settings. You can see the result below:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall21.jpg" alt="" /></p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall21b.jpg" alt="" /></p>
<h2>Step 22:</h2>
<p>Now duplicate this layer, and resize it to make a smaller ‘light circle’ within the original circle. To keep a perfect circle remember to hold shift and alt as you resize your image.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall22.jpg" alt="" /></p>
<h2>Step 23:</h2>
<p>This looks pretty good, but due to the original circle being cut off by the bottom of the document the smaller circle isn’t complete (see the bottom). We could take the time to complete the circle, but it will look just as good if we use the erased brush to simply fade away the harsh edges that are there. Then reduce this layers opacity to 50% to achieve something like this:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall23.jpg" alt="" /></p>
<h2>Step 24:</h2>
<p>Duplicate and shrink this layer as just demonstrated before to achieve a 3rd smaller circle, and reduce this layer’s opacity to around 30%.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall24.jpg" alt="" /></p>
<h2>Step 25:</h2>
<p>Select the top ‘head image’ layer, and merge the layer down. Keep doing this until all of the ‘head layers’ are merged into a single layer. Then use the selection tool to select the 2px white dot in the center and delete it. Do the same for the speaker layers. This should leave a nice black center to the record.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall25.jpg" alt="" /></p>
<h2>Step 26:</h2>
<p>Now add some text to the bottom right of the document. I chose our logo’s font, Tahoma. To give it a little depth add a gradient overlay and inner shadow using the settings show below:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwall26.jpg" alt="" /></p>
<h2>Finished!</h2>
<p>And we’re done! The beauty of this technique is that it can be done with any theme in mind using virtually any images. The concept was originally based off of an advert I saw for fruit yoghurt, where the rotation/circle technique was used on little pieces of fruit. Play around with it and let me know what you come up with!</p>
<p><a href="http://psdfan.com/wp-content/uploads/2008/06/musicwallfinal.jpg"><img src="http://psdfan.com/wp-content/uploads/2008/06/musicwallfinalsmall.jpg" alt="" /></a></p>
<p>I hope that you found this tutorial useful and learned some useful new techniques!</p></div>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/16/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/16/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/16/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=16&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/design-a-cool-music-wallpaper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwallthumb.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwallfinalsmall.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall1.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall27.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall31.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall3b.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall4.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall4b.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall5.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall6.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall7.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall8.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall9.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall10.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall11.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall12.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall13.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall13b.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall14.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall15.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall16.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall17.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall18.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall18new.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall19.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall20.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall21.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall21b.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall22.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall23.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall24.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall25.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwall26.jpg" medium="image" />

		<media:content url="http://psdfan.com/wp-content/uploads/2008/06/musicwallfinalsmall.jpg" medium="image" />
	</item>
		<item>
		<title>Create an e-Book Cover ↓</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/create-an-e-book-cover-%e2%86%93/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/create-an-e-book-cover-%e2%86%93/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 19:40:37 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=14</guid>
		<description><![CDATA[Start by creating this shape either with the help of the pen tool or by drawing a rectangle with the rectangle tool and than transform it to have the desired shape. Set the foreground color to #2247B1 while drawing the shape: click to enlarge Draw this shape with the pen tool at the top of [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=14&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Start by creating this shape either with the help of the pen tool or by drawing a rectangle with the rectangle tool and than transform it to have the desired shape. Set the foreground color to #2247B1 while drawing the shape:</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896960_e1.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Draw this shape with the pen tool at the top of the first shape. Choose #0A2461 to fill the shape:</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896965_e2.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Draw another shape with the pen tool and choose #4F628A color for filling the shape:</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896969_e3.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Add an inner shadow as shown:</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896973_e4.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Image after applying inner shadow:</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896978_e5.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Draw this Red color shape with the pen tool.</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896983_e6.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Select this auto shape and draw this shape with selecting yellow as foreground color.</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896987_e7.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896992_e8.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Draw 2 white color 1 pixel lines with the line tool.</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214896999_e9.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Add some custom images of your choice:</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214897006_e10.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<p>Add some custom text to finish the drawing of your new e-book cover</p>
<div><!--ThumbBegin--><a href="http://cubox.info/news-2008/create-an-e-book-cover.html#"><img style="border:medium none;" src="http://cubox.info/uploads/posts/2008-07/thumbs/1214897014_e11.jpg" alt="Create an e-Book Cover " /></a><!--ThumbEnd--></div>
<div>click to enlarge</div>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/14/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/14/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=14&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/create-an-e-book-cover-%e2%86%93/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896960_e1.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896965_e2.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896969_e3.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896973_e4.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896978_e5.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896983_e6.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896987_e7.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896992_e8.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214896999_e9.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214897006_e10.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>

		<media:content url="http://cubox.info/uploads/posts/2008-07/thumbs/1214897014_e11.jpg" medium="image">
			<media:title type="html">Create an e-Book Cover </media:title>
		</media:content>
	</item>
		<item>
		<title>Learn how to add artificial rain drops to images in Photoshop.</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/learn-how-to-add-artificial-rain-drops-to-images-in-photoshop/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/learn-how-to-add-artificial-rain-drops-to-images-in-photoshop/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 18:54:03 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Photoshop Effects]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=9</guid>
		<description><![CDATA[1. Open any image that you want to add rain drops too. In order to make this look more realisitc, I&#8217;m going to use the following image of a green leaf. 2. Create a new layer named Drop1 and select the Elliptical Marquee Tool and make a selection which looks like a drop on the [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=9&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>1. Open any image that you want to add rain drops too. In order to make this look more realisitc, I&#8217;m going to use the following image of a green leaf.</p>
<p><img style="border:0 none;width:425px;height:275px;" src="http://www.depiction.net/tutorials/photoshop/images/green-leaf-veins.jpg" alt="Rain Drops Photoshop Tutorial" /></p>
<p>2. Create a new layer named <strong>Drop1</strong> and select the <strong>Elliptical Marquee Tool</strong> and make a selection which looks like a drop on the leaf.</p>
<p><img style="border:0 none;width:435px;height:241px;" src="http://www.depiction.net/tutorials/photoshop/images/raindrops2.jpg" alt="Rain Drops Photoshop Tutorial" /></p>
<p>3. Next set press D on your keyboard to set the foreground color to black and the <a id="KonaLink1" class="kLink" href="http://www.depiction.net/tutorials/photoshop/raindrops.php#" target="_top"><span style="font-weight:400;font-size:10.6667px;position:static;color:#628098;"><span class="kLink" style="font-weight:400;font-size:10.6667px;position:static;font-family:verdana,arial,sans-serif;color:#628098;">background </span><span class="kLink" style="font-weight:400;font-size:10.6667px;position:static;font-family:verdana,arial,sans-serif;color:#628098;">color</span></span></a> to white, or you can do this manually. After reseting these colors, select the <strong>Gradient Tool</strong> from the <strong>Tools Palette</strong>. In the tool options bar at the top of the screen, make sure that the first button, <strong>linear gradient</strong> is selected and that the foreground to background gradient is selected.</p>
<p><img style="border:0 none;width:510px;height:47px;" src="http://www.depiction.net/tutorials/photoshop/images/raindrops3a.jpg" alt="Rain Drops Photoshop Tutorial" /></p>
<p>Now that the proper Gradient Tool settings have been selected, drag the mouse from the left side of the selected oval to the right.</p>
<p><img style="border:0 none;width:450px;height:230px;" src="http://www.depiction.net/tutorials/photoshop/images/raindrops3b.jpg" alt="Rain Drops Photoshop Tutorial" /></p>
<p>4. With the <strong>Drop 1</strong> layer selected, change this layer&#8217;s blend mode to <strong>Overlay</strong> in the <strong>Layers Palette</strong>.</p>
<p><img style="border:0 none;width:485px;height:299px;" src="http://www.depiction.net/tutorials/photoshop/images/raindrops4.jpg" alt="Rain Drops Photoshop Tutorial" /></p>
<p>5. Next right-click on the <strong>Drop 1</strong> layer and select <strong>Blending Options</strong>. Apply the following <strong><a id="KonaLink1" class="kLink" href="http://www.depiction.net/tutorials/photoshop/raindrops2.php#" target="_top"><span style="font-size:12px;position:static;color:#628098;"><span class="kLink" style="border-bottom:1px solid #628098;font-size:12px;position:static;padding-bottom:1px;background-color:transparent;font-family:Arial,Verdana,sans-serif;color:#628098;">Drop </span><span class="kLink" style="border-bottom:1px solid #628098;font-size:12px;position:static;padding-bottom:1px;background-color:transparent;font-family:Arial,Verdana,sans-serif;color:#628098;">Shadow</span></span></a></strong> settings: Opacity 50, Angle 158, Distance 7, Spread 0, and Size 5.</p>
<p><img style="border:0 none;width:272px;height:300px;" src="http://www.depiction.net/tutorials/photoshop/images/raindrops5.jpg" alt="Rain Drops Photoshop Tutorial" /></p>
<p>6. Apply the following <strong>Inner Shadow</strong> settings: Opacity 75, Angle 158, Distance 5, Spread 0, and Size 5.</p>
<p><img style="border:0 none;width:270px;height:267px;" src="http://www.depiction.net/tutorials/photoshop/images/raindrops6.gif" alt="Rain Drops Photoshop Tutorial" /></p>
<p>7. For the Glow Effect, create a new layer named <strong>Glow</strong> and set the foreground color to white. Then select the <strong>Brush Tool</strong> and make a small dot in the drop. Here is the final effect:</p>
<p><img style="border:0 none;width:488px;height:264px;" src="http://www.depiction.net/tutorials/photoshop/images/raindropsfinal.jpg" alt="Rain Drops Photoshop Tutorial" /></p>
<p><strong>Note:</strong> For making the curved drops select the <strong>Drop 1</strong> layer then go to <strong>Filter &gt; Liquify</strong> and make appropriate shape and click OK.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/9/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/9/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/9/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=9&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/learn-how-to-add-artificial-rain-drops-to-images-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/green-leaf-veins.jpg" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/raindrops2.jpg" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/raindrops3a.jpg" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/raindrops3b.jpg" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/raindrops4.jpg" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/raindrops5.jpg" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/raindrops6.gif" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>

		<media:content url="http://www.depiction.net/tutorials/photoshop/images/raindropsfinal.jpg" medium="image">
			<media:title type="html">Rain Drops Photoshop Tutorial</media:title>
		</media:content>
	</item>
		<item>
		<title>Digital Painting</title>
		<link>http://yuliandra.wordpress.com/2008/07/07/digital-painting/</link>
		<comments>http://yuliandra.wordpress.com/2008/07/07/digital-painting/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 18:50:09 +0000</pubDate>
		<dc:creator>Mahendra</dc:creator>
				<category><![CDATA[Photoshop Effects]]></category>

		<guid isPermaLink="false">http://yuliandra.wordpress.com/?p=7</guid>
		<description><![CDATA[What We Are Making! Step 1: Today I am going to show you how to digitally paint a sketch of any kind. I have made my own sketch of a face which you can also use if you would like but do not have to. Click Image to Make Bigger. Step 2: We will start [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=7&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div><a href="http://pstweaks.com/tutimg5/final.png"><img src="http://pstweaks.com/tutimg5/final.png" border="0" alt="" /></a>What We Are   Making!</div>
<p><strong>Step 1:</strong> Today I am going to show you how to digitally paint a sketch of any kind. I have made my own sketch of a face which you can also use if you would like but do not have to.</p>
<div><a href="http://pstweaks.com/tutimg5/img_1.png"><img src="http://pstweaks.com/tutimg5/img_1.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p><strong>Step 2:</strong> We will start by opening this sketch in photoshop. Once you have it opened go to layer/ new layer. Once you have a new layer created you will go windows/layers. The layer menu will pop up. You will change the settings of this layer to multiply.</p>
<div><a href="http://pstweaks.com/tutimg5/img_2.png"><img src="http://pstweaks.com/tutimg5/img_2.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p>When the layer is at multiply you can color it and do what ever you want to it but the layer under it will still show. So we are going to start coloring in the face now. I am going to use a 17px brush and the main color of the face will be, &#8220;FFBA00&#8243; and thats excluding the hair, lips, etc.. Thats just the face its self. So start coloring in and dont worry if you go over the lines. This is what you should have so far.</p>
<div><a href="http://pstweaks.com/tutimg5/img_3.png"><img src="http://pstweaks.com/tutimg5/img_3.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p>Now color the eyebrows brown, and the hair brown, color the lips in pink, and the eyes could be blue.</p>
<div><a href="http://pstweaks.com/tutimg5/img_4.png"><img src="http://pstweaks.com/tutimg5/img_4.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p><strong>Step 1:</strong> Now this is where the cool part comes in. We will use brighter and darker colors in order to shade in correctly, so it gives it that realistic look. Look it the image to see where your gonna use darker shades and lighter shades.</p>
<div><a href="http://pstweaks.com/tutimg5/img_5.png"><img src="http://pstweaks.com/tutimg5/img_5.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p>So now when you put in the shadings you should come up with something like this. Once again it dosent have to be perfect right away.</p>
<div><a href="http://pstweaks.com/tutimg5/img_6.png"><img src="http://pstweaks.com/tutimg5/img_6.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p><strong>Step 5:</strong> Now what you have to do is select the first sketch layer again. We are going to have to make it a  little bit darker. So go to image/adjustments/brightness and contrast. Leave the brightness the  same but change the contrast to about 50.</p>
<div><a href="http://pstweaks.com/tutimg5/img_7.png"><img src="http://pstweaks.com/tutimg5/img_7.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p>Now that the sketch is darker we are going to use the smudge tool to smudge it out and make it part of the painting. The sketch will mostly be smudge so it looks like it is part of the shading. The smudge tool can be found right under your eraser. Make sure you have the 17px brush, and that your strength is at about 50%. I will start with the hair and will go down. This is the hair finished.</p>
<div><a href="http://pstweaks.com/tutimg5/img_8.png"><img src="http://pstweaks.com/tutimg5/img_8.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p>Now you can move on through the rest of the head. Use smaller brushes where needed and zooming in helps alot.</p>
<div><a href="http://pstweaks.com/tutimg5/img_9.png"><img src="http://pstweaks.com/tutimg5/img_9.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<div><a href="http://pstweaks.com/tutimg5/img_10.png"><img src="http://pstweaks.com/tutimg5/img_10.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p><strong>Step 5:</strong> This is the last step to our great project. Once you have everything smudged out you will want to merge all the layers. So go to layer/merge visible. Now we will use the burn and dodge tool for the finishing touches. The dodge tool should be on highlights and the burn tool should be on shadows. They should both have an exposure in the 20-30 range and the brush size is up to you but around a 35 would be fine.</p>
<div><a href="http://pstweaks.com/tutimg5/img_11.png"><img src="http://pstweaks.com/tutimg5/img_11.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p>So now we get to the burning and dodging part. The burn tool will make areas darker, the dodge tool will make the areas lighter. once again you can use the diagram I made from the earlier steps where it says where to go dark and where to go light. So do the same thing as we did before with the smudge just go over the areas you need to. I will first do the burning part.</p>
<div><a href="http://pstweaks.com/tutimg5/img_12.png"><img src="http://pstweaks.com/tutimg5/img_12.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p>Then the dodging part.</p>
<div><a href="http://pstweaks.com/tutimg5/img_13.png"><img src="http://pstweaks.com/tutimg5/img_13.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<p><strong>Step 5:</strong>The only thing left to do now is to use the smudge tool to make everything smooth again. So just use your smudge tool to go over any rough parts that were left by the burning and dodging. Once you do that you have your finished product.</p>
<div><a href="http://pstweaks.com/tutimg5/final.png"><img src="http://pstweaks.com/tutimg5/final.png" border="0" alt="" width="200" height="150" /></a>Click Image to Make Bigger.</div>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/yuliandra.wordpress.com/7/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/yuliandra.wordpress.com/7/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/yuliandra.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/yuliandra.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/yuliandra.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/yuliandra.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/yuliandra.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/yuliandra.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/yuliandra.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/yuliandra.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/yuliandra.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/yuliandra.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/yuliandra.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/yuliandra.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/yuliandra.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/yuliandra.wordpress.com/7/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=yuliandra.wordpress.com&amp;blog=4164795&amp;post=7&amp;subd=yuliandra&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://yuliandra.wordpress.com/2008/07/07/digital-painting/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/10bcee7bd88247cba1607e39d6a1c2b0?s=96&#38;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96" medium="image">
			<media:title type="html">Mahendra</media:title>
		</media:content>

		<media:content url="http://pstweaks.com/tutimg5/final.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_1.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_2.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_3.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_4.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_5.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_6.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_7.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_8.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_9.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_10.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_11.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_12.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/img_13.png" medium="image" />

		<media:content url="http://pstweaks.com/tutimg5/final.png" medium="image" />
	</item>
	</channel>
</rss>
