<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Monkey Byte &#187; Photoshop</title>
	<atom:link href="http://www.monkeybyte.net/category/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.monkeybyte.net</link>
	<description>&#34;Artwork, entertainment, and all things digital&#34;</description>
	<lastBuildDate>Sat, 07 Jan 2012 00:28:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Photoshop: Making like Oil Paint</title>
		<link>http://www.monkeybyte.net/2009/10/01/photoshop-making-like-oil-paint/</link>
		<comments>http://www.monkeybyte.net/2009/10/01/photoshop-making-like-oil-paint/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 18:18:24 +0000</pubDate>
		<dc:creator>Jade</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.monkeybyte.net/?p=784</guid>
		<description><![CDATA[One of the tricky things to painting digitally is trying to create that "illusion of depth"; not "visual depth", but that physical depth you get with physical media&#8212;how paint layered upon paint has a physicality to it, a "texture" or "height" vs. digital painting where, no matter how many layers upon layers of pixels you have, it will always appear flat.  Many people may not know what the difference is between a digital painting and a traditional one, but they can "see" or sense the difference.  Well, this technique demonstrates how you can achieve an "illusion of depth", making it more akin to physical media.
<a href="http://www.monkeybyte.net/?p=784">Gimme More &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>One of the tricks to digital painting is that illusive &#8220;illusion of depth&#8221; that you get from physical media.  I&#8217;m not talking &#8220;visual depth&#8221;, but actual depth when paint is on a canvas, particularly oil paint.  Why this is so difficult is the simple nature of digital medium, since it is simply pixels on a screen.  So, no matter how many layers of pixels you have on an image, it still has the same &#8220;depth&#8221; to it, physically.  But what if you could give it the &#8220;illusion of depth&#8221; that you get with a nice, thick, layered on paint oil painting?  There is a way&mdash;the following attempts to teach you this trick:</p>
<p>First thing you need to know is that this is a process, rather than some simple settings.  We will be first establishing a &#8220;style&#8221; for a layer, and then we will be, using an action assignment, collapsing the layer each time we want to &#8220;layer&#8221; on a new level of paint.  </p>
<p>In order to create our &#8220;depth&#8221; desired, we will be using a combination of &#8220;bevel and emboss&#8221; and a drop shadow.  This is how we make our brush strokes appear to be physically raised from the canvas, according to the amount of paint applied.  You could, in fact, create more than one layer &#8220;style&#8221; to emulate various levels of paint application&dmash;from thick to thin.</p>
<p>So let&#8217;s get to it:</p>
<h3>Step 1: Create your style</h3>
<p>The &#8220;style&#8221; is applied to the layer.  So first, let&#8217;s set up our canvas properly.  Create a new document.  Decide on your canvas size and resolution; it&#8217;s up to you.  Now, make sure your first layer is called &#8220;background&#8221;.  This layer needs to be locked, so that you have a base to work from.  You can tell, when it has a &#8220;padlock&#8221; icon next to the name, like fig. 1-1.<div id="attachment_786" class="wp-caption alignnone" style="width: 217px"><a href="http://www.monkeybyte.net/?attachment_id=786" rel="attachment wp-att-786"><img src="http://www.monkeybyte.net/wp-content/uploads/2009/10/locked-background.png" alt="fig. 1-1" title="locked-background" width="207" height="43" class="size-full wp-image-786" /></a><p class="wp-caption-text">fig. 1-1</p></div></p>
<p>If it doesn&#8217;t, you can still lock it yourself.  Locate the list of menu icons in the layers palette that looks like this:  <a href="http://www.monkeybyte.net/?attachment_id=789" rel="attachment wp-att-789"><img src="http://www.monkeybyte.net/wp-content/uploads/2009/10/locks.png" alt="locks" title="locks" width="225" height="27" class="alignnone size-full wp-image-789" /></a><br />
 . . . and click on the &#8220;padlock&#8221; icon.  Now, it&#8217;s ready.</p>
<p>Next, create a new layer <a href="http://www.monkeybyte.net/?attachment_id=406" rel="attachment wp-att-406"><img src="http://www.monkeybyte.net/wp-content/uploads/2009/05/new-layer-icon.png" alt="new layer in Photoshop icon" title="new-layer-icon" width="23" height="24" class="size-full wp-image-406" /></a> (found at the bottom of the &#8220;Layers&#8221; palette).  Click it to make a new layer.  Now, to the right of the layer&#8217;s name, double-click in order to pull up the &#8220;Layer Style&#8221; (below) menu box.  Here&#8217;s where we will establish our brushstroke&#8217;s style to make the effect of &#8220;paint thickness&#8221;.<br />
<a href="http://www.monkeybyte.net/?attachment_id=816" rel="attachment wp-att-816"><img style="border: none; margin-left: 0" src="http://www.monkeybyte.net/wp-content/uploads/2009/10/style-menu-trans1.png" alt="Style Menu" title="Style Menu" width="600" height="474" class="alignnone size-full wp-image-816" /></a><br />
On the left, you see various attributes which you can give a layer.  We are going to use the &#8220;bevel and emboss&#8221; and the &#8220;drop shadow&#8221; attributes to create our &#8220;thick paint&#8221; effect.  One thing to note on these, is that clicking the &#8220;checkbox&#8221; will activate the attribute, but in order to modify an attribute&#8217;s values, you have to select the name, so that it is highlighted, in order to make changes.  </p>
<p>So let&#8217;s do that . . . </p>
<p>First, highlight &#8220;bevel and emboss&#8221;.  Highlighting it will simultaneously both select it&#8217;s checkbox <em>and</em> pull up the information for that attribute.<br />
<a href="http://www.monkeybyte.net/?attachment_id=797" rel="attachment wp-att-797"><img style="border: none; margin-left: 0" src="http://www.monkeybyte.net/wp-content/uploads/2009/10/setting-bevel-and-emboss.png" alt="setting-bevel-and-emboss" title="setting-bevel-and-emboss" width="600" height="474" class="alignnone size-full wp-image-797" /></a><br />
Note: you can play with these values to get the desired effect; the settings that I am about to set forward are just an example.  </p>
<p>Set the &#8220;style&#8221; to &#8220;inner bevel&#8221;<br />
Set the technique to &#8220;smooth&#8221;<br />
Set the depth to around &#8220;51%&#8221;<br />
Set the direction to &#8220;up&#8221;<br />
Set the size to &#8220;1&#8243;<br />
In the &#8220;Shading&#8221; section, the angle us up to you.  Mine, just so happened to be set at 120, with an altitude of 30.<br />
All the other settings can be left on the defaults.  You can refer to my above screenshot, if you like.</p>
<p>Now, do the same for the &#8220;drop shadow&#8221; attribute, following the settings in the following screenshot:<br />
<a href="http://www.monkeybyte.net/?attachment_id=800" rel="attachment wp-att-800"><img style="border: none; margin-left: 0" src="http://www.monkeybyte.net/wp-content/uploads/2009/10/settings-dropshadow.png" alt="settings-dropshadow" title="settings-dropshadow" width="600" height="474" class="alignnone size-full wp-image-800" /></a></p>
<p>Finally, it&#8217;s time to assign our &#8220;style&#8221;.  To do this, click the &#8220;New Style&#8221; button in the &#8220;Layer Style&#8221;  menu box.  This will pull up a dialogue box, asking you to give it a name.  Name it something that you will recognize later, and click &#8220;OK&#8221; to save.  Your style is ready to use in the next step.</p>
<h3>Step 2: Create an Action</h3>
<p>Creating an action is essentially creating a &#8220;macro&#8221;.  If you don&#8217;t know what a macro is, it is a series of events combined into one action or &#8220;event&#8221;.  Put simply, we will do a series of actions and record them, to be played in combination later, rather than going back through each event when we want to repeat the effect.  </p>
<p>Start by pulling up the &#8220;actions&#8221; window.  This can be found under the menu &#8220;Window&#8221; > &#8220;Actions&#8221;.  Once this palette is visible, go back and make sure that your &#8220;Layers&#8221; palette has: 1) A background layer, 2) A new emtpy layer above that, and 3) The layer with our &#8220;style&#8221; above that.  Refer to the image below:<br />
<a href="http://www.monkeybyte.net/?attachment_id=801" rel="attachment wp-att-801"><img src="http://www.monkeybyte.net/wp-content/uploads/2009/10/style-layer-setup.png" alt="style-layer-setup" title="style-layer-setup" width="217" height="431" class="alignnone size-full wp-image-801" /></a></p>
<p>Time to create our action:  In the &#8220;Actions&#8221; palette, look for the <a href="http://www.monkeybyte.net/?attachment_id=802" rel="attachment wp-att-802"><img src="http://www.monkeybyte.net/wp-content/uploads/2009/10/new-action-icon.png" alt="new-action-icon" title="new-action-icon" width="34" height="26" class="alignnone size-full wp-image-802" /></a>icon in the top right corner. When the dropdown menu appears, select the second option, &#8220;new action&#8221;.  This will then pull up a menu that will allow you to name your action.  Again, give it a name that you will recognize, and also assign a function key to this action, from the &#8220;Function key&#8221; dropdown.  I, personally assign &#8220;F1&#8243;.  Then click &#8220;Record&#8221;.  Once you hit record, any action that you take is recorded, so make sure that you don&#8217;t do this until you&#8217;re sure that you&#8217;re ready.  Below lists the actions that you will take:</p>
<ol>
<li>Make sure that the &#8220;styled&#8221; layer is selected and then &#8220;Merge Layer&#8221; (apple + e, on the mac)</li>
<li>Create a new layer to replace the old one</li>
<li>Add the layer style you created in step one, to this new layer. To do this, make sure that the layer is selected.  Double-click next to the name of the layer to pull up the &#8220;Layer Style&#8221; menu again.  Highlight the very first attribute, &#8220;Styles&#8221;.  Now find your style and click it.  Now close the &#8220;Layer Style&#8221; menu, by clicking &#8220;OK&#8221;.</li>
<li>In the &#8220;Actions&#8221; palette, click the little square in the bottom to stop recording your action</li>
</ol>
<p>So what did we just do?  Well, we created an action that would apply a new level of paint each time we hit the &#8220;F1&#8243; key, or whatever function key you assigned to the action.  Time to paint.</p>
<h3>Step 3: Our &#8220;Action&#8221; in action</h3>
<p>Select the brush tool.  Give your brush whatever settings you like and begin painting away.  The first thing that you will notice, is that your brush stroke now looks &#8220;raised&#8221;.  This is what our layer &#8220;style&#8221; did.  Second, you will notice that each brush stroke blends in to the other, without any added level of &#8220;depth&#8221;.  To create another &#8220;level&#8221; of depth, hit your assigned function key (Example: F1) every now and then to create a new &#8220;layer&#8221; of depth.  As you continue to repeat this process as you go along, your painting will begin to look like it has physical &#8220;height&#8221; or &#8220;depth&#8221; to it, rather than the typical &#8220;flat&#8221; look of a normal digital painting.  </p>
<p>Paint on my little Van Gogh, paint on!</p>
<p>Hope this was helpful ; )</p>
]]></content:encoded>
			<wfw:commentRss>http://www.monkeybyte.net/2009/10/01/photoshop-making-like-oil-paint/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop &#8220;fur brush&#8221; Settings</title>
		<link>http://www.monkeybyte.net/2009/06/25/photoshop-fur-brush-settings/</link>
		<comments>http://www.monkeybyte.net/2009/06/25/photoshop-fur-brush-settings/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 05:23:35 +0000</pubDate>
		<dc:creator>Jade</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.monkeybyte.net/?p=499</guid>
		<description><![CDATA[Recently a friend of mine asked me about a special technique that can be used in Photoshop to paint fur. The technique was originally shown to us by an artist at Dreamworks, Richard Daskas. Mr. Daskas used this technique to paint the fur for a concept painting of &#8220;Monkey&#8221; from Dreamwork&#8217;s Kung Fu Panda, to [...]]]></description>
			<content:encoded><![CDATA[<p>Recently a friend of mine asked me about a special technique that can be used in Photoshop to paint fur.  The technique was originally shown to us by an artist at Dreamworks, Richard Daskas.  Mr. Daskas used this technique to paint the fur for a concept painting of &#8220;Monkey&#8221; from Dreamwork&#8217;s  Kung Fu Panda, to be used by the modelers in creating that character.  <span id="more-499"></span>The effect is achieved by using the following settings within Photoshop&#8217;s &#8220;brush settings&#8221; palette:</p>
<p><a rel="attachment wp-att-676" href="http://www.monkeybyte.net/2009/06/25/photoshop-fur-brush-settings/hairball-refined/"><img class="aligncenter size-full wp-image-676" title="hairball-refined" src="http://www.monkeybyte.net/wp-content/uploads/2009/08/hairball-refined.jpg" alt="hairball-refined" width="500" height="433" /></a></p>
<h3>Step 1: Change your brush shape</h3>
<p>Go to the <strong>Brush Tip Shape</strong> in the &#8220;Brushes&#8221; <img class="alignnone size-full wp-image-505" title="brushes_icon" src="http://www.monkeybyte.net/wp-content/uploads/2009/06/brushes_icon.png" alt="brushes_icon" width="37" height="39" /> palette (F5).  Here, you will find a diagram, similar to the one below, for your brush tip:</p>
<p><img class="alignnone size-full wp-image-508" title="brushtip_diagram" src="http://www.monkeybyte.net/wp-content/uploads/2009/06/brushtip_diagram.png" alt="brushtip_diagram" width="85" height="84" /></p>
<p>Click on one of the points around the circle and drag in to &#8220;squeeze&#8221; the brush tip into something more akin to a &#8220;hair&#8221; strand.  You can also rotate the angle by grabbing the diagram at the &#8220;arrow&#8221; and rotating it at whatever angle you like.  Refer to the example below:<br />
<img class="alignnone size-full wp-image-511" title="brushtip_tweeked" src="http://www.monkeybyte.net/wp-content/uploads/2009/06/brushtip_tweeked.png" alt="brushtip_tweeked" width="83" height="84" /></p>
<p>This takes care of the brush tip shape. Now let&#8217;s set it up for &#8220;hairs&#8221;—plural.</p>
<h3>Step 2: Scatter</h3>
<p>Now, click on and highlight &#8220;Scattering&#8221; (Fig. 1 &#8211; 1).</p>
<div id="attachment_515" class="wp-caption alignnone" style="width: 362px"><img class="size-full wp-image-515" title="scattering" src="http://www.monkeybyte.net/wp-content/uploads/2009/06/scattering1.png" alt="Fig. 1 - 1" width="352" height="423" /><p class="wp-caption-text">Fig. 1 - 1</p></div>
<p>The default setting should work fine, but if not, set your &#8220;Scatter&#8221; to something like &#8220;38%&#8221;.  Everything else, you can leave alone.  Go to the next step.</p>
<h3>Step 3: Shape Dynamics</h3>
<p>Click on and highlight &#8220;Shape Dynamics&#8221;.  For &#8220;Size Jitter,&#8221; I highly recommend setting &#8220;control&#8221; to <strong>Pen Pressure</strong>.  This will cause your brush to shrink and expand depending on the level of pressure applied.  This way, you can get &#8220;strands&#8221; of varying length, for a more realistic look.<br />
Also, change the &#8220;Angle Jitter&#8221; control to &#8220;Direction.&#8221;  You can also use &#8220;Initial Direction.&#8221;  These settings will control the &#8220;grain&#8221; or &#8220;direction&#8221; of the strands of fur.  Everything else, you can leave alone.  Refer to Fig. 1 &#8211; 2:</p>
<div id="attachment_518" class="wp-caption alignnone" style="width: 362px"><img class="size-full wp-image-518" title="angle_jitter" src="http://www.monkeybyte.net/wp-content/uploads/2009/06/angle_jitter.png" alt="Fig. 1 - 2" width="352" height="423" /><p class="wp-caption-text">Fig. 1 - 2</p></div>
<h3>Step 4: Other Dynamics</h3>
<p>Finally, click and highlight &#8220;Other Dynamics&#8221; and change the &#8220;Opacity Jitter&#8221; control to &#8220;Pen Pressure&#8221; and the &#8220;Flow Jitter&#8221; to &#8220;Pen Pressure,&#8221; as well.  This will add softness and hardness, accordingly, to your brush strokes, according to the level of pressure that you apply.  And that&#8217;s it.  (See the final settings below.)</p>
<div id="attachment_520" class="wp-caption alignnone" style="width: 362px"><img class="size-full wp-image-520" title="final_hairbrush" src="http://www.monkeybyte.net/wp-content/uploads/2009/06/final_hairbrush.png" alt="Final Settings" width="352" height="423" /><p class="wp-caption-text">Final Settings</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.monkeybyte.net/2009/06/25/photoshop-fur-brush-settings/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Drawing the line with Photoshop</title>
		<link>http://www.monkeybyte.net/2009/05/29/drawing-the-line-with-photoshop/</link>
		<comments>http://www.monkeybyte.net/2009/05/29/drawing-the-line-with-photoshop/#comments</comments>
		<pubDate>Fri, 29 May 2009 07:42:05 +0000</pubDate>
		<dc:creator>Jade</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.monkeybyte.net/?p=405</guid>
		<description><![CDATA[The &#8220;Background Eraser&#8221; trick for line-drawings in Photoshop Some months ago, I learned a nifty little trick in Photoshop which allows you to take a scanned drawing and remove all of the background while keeping the drawing. This method is done without any use of the magic wand tool, the background erase tool, or any [...]]]></description>
			<content:encoded><![CDATA[<h3>The &#8220;Background Eraser&#8221; trick for line-drawings in Photoshop</h3>
<p>Some months ago, I learned a nifty little trick in Photoshop which allows you to take a scanned drawing and remove all of the background while keeping the drawing.  This method is done <strong>without</strong> any use of the magic wand tool, the background erase tool, or any other messy manual erasing tool.<span id="more-405"></span> &#8220;But how,&#8221; you ask.  It&#8217;s simple.  Just follow along below:</p>
<p>Before we do anything, we have to, of course, get our image into Photoshop.  So scan your beautiful line-drawing, and open it in Photoshop. Once this is completed, go to step 1.</p>
<h3>Step 1: Change image mode to Grayscale, and make a copy of the background layer</h3>
<p>Go to the main menu and select:  Image &gt; Mode &gt; Grayscale.  It will ask you if you want to &#8220;Discard Color Information?&#8221; Have no fear! Click &#8220;discard.&#8221;  (Note: if it first asks you if you want to flatten all layers, this is because you had more than one layer, so go ahead and hit &#8220;OK&#8221;) Now in the Layers palette, drag your background layer down to the <span style="display: inline;"><img class="size-full wp-image-406" title="new-layer-icon" src="http://www.monkeybyte.net/wp-content/uploads/2009/05/new-layer-icon.png" alt="new layer in Photoshop icon" width="23" height="24" /></span> icon and drop it on top of it.  This will create a copy of the background layer called &#8220;Background copy.&#8221;</p>
<div id="attachment_429" class="wp-caption aligncenter" style="width: 224px"><img class="size-full wp-image-429" title="new-layer-example" src="http://www.monkeybyte.net/wp-content/uploads/2009/05/new-layer-example.png" alt="Example" width="214" height="411" /><p class="wp-caption-text">Example</p></div>
<h3>Step 2: Create a Selection out of the line-drawing</h3>
<p>Select all of your new copy layer.  You can do this by simply holding &#8220;command&#8221; (control on the PC) and hitting &#8220;A&#8221; for &#8220;all.&#8221;  Now, you should see &#8220;dancing ants&#8221; around the border of your image.  In the main menu, select: Select &gt; Load Selection.  You should get the following dialogue box:<br />
<img class="aligncenter size-full wp-image-414" title="selection-dialogue-box" src="http://www.monkeybyte.net/wp-content/uploads/2009/05/selection-dialogue-box.png" alt="selection-dialogue-box" width="568" height="350" /><br />
If it says, &#8220;Background Gray&#8221; —as it says above—in the &#8220;Channel&#8221; dropdown menu, then you&#8217;re on the right track!  If not, check your steps and make sure that you did everything in the right order.  Your &#8220;mode&#8221; may be the culprit.  Make sure it&#8217;s set to &#8220;Grayscale.&#8221;</p>
<p>Once you hit &#8220;OK&#8221; you will now notice that the &#8220;dancing ants&#8221; are surrounding your line-drawing now, as well.  Isn&#8217;t that awesome?  Oh yeah, it&#8217;s way awesome!</p>
<p>Now, all that you really have is a simple selection like any other.  Anything that you can do with a normal selection, you can do here.  So, Let&#8217;s first delete the background . . .</p>
<h3>Step 3: Isolating the line-drawing</h3>
<p>In the Layers palette, highlight the &#8220;Background&#8221; layer.  Now hit the little trash can icon at the bottom to delete it.</p>
<div id="attachment_435" class="wp-caption aligncenter" style="width: 224px"><img class="size-full wp-image-435" title="delete-layer-icon" src="http://www.monkeybyte.net/wp-content/uploads/2009/05/delete-layer-icon.png" alt="Example" width="214" height="411" /><p class="wp-caption-text">Example</p></div>
<p>OK, now make sure that the &#8220;Background copy&#8221; layer is still selected in the Layers palette and hit delete.  You should see the background disappear and, in its place, the checkered background indicating &#8220;transparent&#8221; or &#8220;lack of any pixels.&#8221;</p>
<p>Now, if we want to do anything to our line-drawing, we have to invert the selection.  Do this by going to the main menu, selecting:  Select &gt; Inverse, or simply hold &#8220;shift,&#8221; &#8220;command&#8221; and hit &#8220;I&#8221;.  Once this is done, anything that we do will effect the line-drawing part.  Go ahead and make sure that your foreground color is black or at least really dark.  Now hold &#8220;command&#8221; and click the large &#8220;delete&#8221; button (backspace on the PC).  This will fill the selected area with the foreground color; the reason that I had you check to make sure it was a dark color.</p>
<p>Finallly, hold &#8220;command&#8221; and hit &#8220;D&#8221; to &#8220;deselect&#8221; everything, and there you should see <em>just</em> your line-drawing.  If you want a white background, simply create a new Layer in the Layers palette, move it below the line-drawing layer, and fill it with &#8220;white&#8221; either by our little &#8220;foreground color&#8221; fill trick, or by simply using the paint bucket tool.  Now, you have a white background!  If you need to add any color to this image, don&#8217;t forget to change the color mode back to &#8220;RGB&#8221; or any other color profile that you wish (CMYK, etc)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.monkeybyte.net/2009/05/29/drawing-the-line-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

