<?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>free photoshop tutorials photoshop brushes &#187; photoshop</title>
	<atom:link href="http://www.okapixel.com/tag/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>http://www.okapixel.com</link>
	<description>Free Photoshop Tutorials Video Lessons</description>
	<lastBuildDate>Tue, 19 Oct 2010 20:02:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Cute Girl in 3D done with 3ds max mental ray Photoshop ZBrush</title>
		<link>http://www.okapixel.com/cute-girl-in-3d-done-with-3ds-max-mental-ray-photoshop-zbrush.html</link>
		<comments>http://www.okapixel.com/cute-girl-in-3d-done-with-3ds-max-mental-ray-photoshop-zbrush.html#comments</comments>
		<pubDate>Wed, 16 Jun 2010 21:39:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Cute Girl in 3D done with 3ds max mental ray Photoshop ZBrush]]></category>
		<category><![CDATA[3ds max]]></category>
		<category><![CDATA[mental ray]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[zbrush]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=196</guid>
		<description><![CDATA[Im a sucker for 3d cartoon like art work like this one done by the talented Daniel Schmid, one of my favorite artists i have stumbled upon on the net. Here are some words from the artists himself.

"Hi there! This image is part of a project I'm working with a couple of friends at work: Salvador Ramírez and Omar Sealthiel. The idea is that Salvador will create one concept each month, then Omar models it,, and I take the texturing, shading, lighting and compositing. This is the final image, having a great and very expresive concept from Salvador and the highly detailed model that Omar provided, I decided to experiment with the lighting approach, I wanted to pursue the Pixares style, like the one found in "ratatouille". Artists link Salvador (http://www.reevolver.deviantart.com/) Omar(http://omarsealtiel.blogspot.com/)"]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-195" title="3d max WELLDONE_CGT" src="http://www.okapixel.com/wp-content/uploads/2010/06/3d-max-WELLDONE_CGT.jpg" alt="3d max WELLDONE_CGT" width="394" height="513" /></p>
<table style="text-align: left;" border="0" width="80%">
<tbody>
<tr>
<td><strong>Author</strong></td>
<td>Daniel Schmid</td>
</tr>
<tr>
<td><strong>Url</strong></td>
<td><a href="http://danielvfx.cgsociety.org/gallery/" target="_blank">http://danielvfx.cgsociety.org/gallery/</a></td>
</tr>
<tr>
<td><strong>Email</strong></td>
<td><script type="text/javascript">// <![CDATA[
Rot13.write('<n uers="znvygb:qnavry@rkbqbqj.pbz">qnavry@rkbqbqj.pbz</n>');
// ]]&gt;</script>daniel@exododw.com<noscript>&amp;amp;amp;amp;lt;span style=&#8221;unicode-bidi:bidi-override;direction:rtl;&#8221; mce_style=&#8221;unicode-bidi:bidi-override;direction:rtl;&#8221;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt; moc.wdodoxe@leinad &amp;amp;amp;amp;gt; moc.wdodoxe@leinad&amp;amp;amp;amp;lt;/span&amp;amp;amp;amp;gt;</noscript></td>
</tr>
<tr>
<td valign="top"><strong>Notes</strong></td>
<td>Im a sucker for 3d cartoon like art work like this one done by the talented Daniel Schmid, one of my favorite artists i have stumbled upon on the net. Here are some words from the artists himself.</p>
<p>&#8220;Hi there! This image is part of a project I&#8217;m working with a couple of friends at  work: Salvador Ramírez and Omar Sealthiel. The idea is that Salvador will create one concept each month, then Omar  models it,, and I take the texturing, shading, lighting and compositing. This is the final image, having a great and very expresive concept from  Salvador and the highly detailed model that Omar provided, I decided to experiment with the lighting approach, I  wanted to pursue the Pixares style, like the one found in &#8220;ratatouille&#8221;.   Artists link Salvador (http://www.reevolver.deviantart.com/) Omar(http://omarsealtiel.blogspot.com/)&#8221;</td>
</tr>
<tr>
<td valign="top"><strong>Keywords</strong></td>
<td>well don,e kid, kids, girl, cartoon, color,  colorfull, funny, fun, little, pixar, light, lighting, makeup, make, up</td>
</tr>
<tr>
<td valign="top"><strong>Published</strong></td>
<td>Friday, 21 May 2010</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/cute-girl-in-3d-done-with-3ds-max-mental-ray-photoshop-zbrush.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cute Cat line art to Colorful finish with Photoshop</title>
		<link>http://www.okapixel.com/cute-cat-line-art-to-colorful-finish-with-photoshop.html</link>
		<comments>http://www.okapixel.com/cute-cat-line-art-to-colorful-finish-with-photoshop.html#comments</comments>
		<pubDate>Mon, 23 Nov 2009 22:30:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Cat Line art Photoshop Blending]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=107</guid>
		<description><![CDATA[You need a tablet pen to be able to view the brushes like the way I have them up there. Otherwise, if you have a mouse, you'll just have to click around blindly until you find the right brush.]]></description>
			<content:encoded><![CDATA[<p><strong>Important Notes:</strong></p>
<p>+ You need a tablet pen to be able to view the brushes like the way I have them up there. Otherwise, if you have a mouse, you&#8217;ll just have to click around blindly until you find the right brush.</p>
<p>+ Mouse users! Play with the opacity and flow of the brush to get the results like a tablet has. =]</p>
<p>+ <strong>Save frequently!</strong> After you have done a step, SAVE. <strong>The best shortcut EVER invented is CTRL + S</strong></p>
<p>+ <strong>If you would like to shade your picture on a different layer but don&#8217;t know how to get your colouring to stay in the lines</strong> use this method. On your flat base colour layer, DON&#8217;T LOCK IT. And make sure that everything is coloured inside of your lineart. &#8230;OKAY. Instead, <strong>press CTRL down on your keyboard and then click the flat colour layer.</strong> This will select all of the flat colour. <strong>Make a new layer on top of that</strong> and you can start shading! This is VERY handy if you want to do multiple shading colours on top of eachother, or if you want to do markings &#8230;OR ANYTHING. If you are annoyed by the squiggly lines, <strong>hit CTRL + H</strong> to hide them.</p>
<p><img class="alignnone size-full wp-image-108" title="how to draw in photoshop then paint the line art" src="http://www.okapixel.com/wp-content/uploads/2009/11/how-to-draw-in-photoshop-then-paint-the-line-art.jpg" alt="how to draw in photoshop then paint the line art" width="640" height="5694" /></p>
<p>This Tutorial is brought to you by Maygikal you can visit his channel at <a href="http://maygikal.deviantart.com/" target="_blank">http://maygikal.deviantart.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/cute-cat-line-art-to-colorful-finish-with-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to create blog Feed Icon in Photoshop tutorial</title>
		<link>http://www.okapixel.com/how-to-create-blog-feed-icon-in-photoshop-tutorial.html</link>
		<comments>http://www.okapixel.com/how-to-create-blog-feed-icon-in-photoshop-tutorial.html#comments</comments>
		<pubDate>Fri, 20 Nov 2009 22:32:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[How to create blog Feed Icon in Photoshop tutorial]]></category>
		<category><![CDATA[feed icon]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=72</guid>
		<description><![CDATA[Here is an easy and quick way to create a unique blogger feed icon in photoshop. We first crate a box with the selection tool.]]></description>
			<content:encoded><![CDATA[<table style="height: 198px;" border="0" cellspacing="0" cellpadding="0" width="649">
<tbody>
<tr>
<td width="300" valign="top"><script type="text/javascript">// <![CDATA[
 google_ad_client = "pub-2049770786529147"; /* 300x250, created 12/19/07 okapixel */ google_ad_slot = "9243870130"; google_ad_width = 300; google_ad_height = 250;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></td>
<td width="349" valign="top">Here is an easy and quick way to create a unique blogger feed icon in photoshop. We first crate a box with the selection tool.<br />
Then we round the corners of the box using the round selection tool and delete the corners.<br />
Then you must lock the transparent pixel layer so you may apply your gradient colors.<br />
Next use bevel emboss option to give the square depth.<br />
On another layer, create a white circle and take the transparency down and position it on the left corner of the box to give it the glass affect.</p>
<p>Do another little glass with higher transparency and smaller circle and place it within the first one.</td>
</tr>
</tbody>
</table>
<p><img src="http://www.okapixel.com/blog-feed-icon.gif" alt="" width="101" height="100" /><br />
Next create your moon like stripes, you may be creative and do your own style curves.<br />
Here is a quick video of how to make this blog feed logo.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/y91U1rCe43U&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/y91U1rCe43U&amp;hl=en&amp;fs=1" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/how-to-create-blog-feed-icon-in-photoshop-tutorial.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to create a menu bar in photoshop</title>
		<link>http://www.okapixel.com/how-to-create-a-menu-bar-in-photoshop.html</link>
		<comments>http://www.okapixel.com/how-to-create-a-menu-bar-in-photoshop.html#comments</comments>
		<pubDate>Fri, 20 Nov 2009 22:32:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[How to create a menu bar in photoshop]]></category>
		<category><![CDATA[menu bar]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=70</guid>
		<description><![CDATA[Start off by making a new Photoshop document. Choose the rounded rectangle tool, set the radius to]]></description>
			<content:encoded><![CDATA[<p><span style="color: #c0c0c0;"><br />
</span></p>
<table border="0" cellspacing="0" cellpadding="0" width="245">
<tbody>
<tr>
<td width="245"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar/title.gif" alt="" width="260" height="19" /></span></td>
</tr>
<tr>
<td height="28"><span style="color: #c0c0c0;"><span class="stepBody">A Photoshop tutorial to create a menu bar </span></span></td>
</tr>
<tr>
<td height="190" bgcolor="#000000">
<div><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/1.gif" alt="" width="260" height="190" /></span></div>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepHeader"><strong>Step 1.</strong></span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody">Start off by making a new Photoshop document. Choose the rounded rectangle tool, set the radius to 12 pixels, and create a wide rounded recntalge, as shown below, It doesn&#8217;t matter what colour it is because we&#8217;ll be creating a gradient with the shape next. </span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
<tr>
<td width="580">
<div><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/2.gif" alt="" width="493" height="190" /></span></div>
</td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepHeader"><strong>Step 2.</strong></span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody">Choose dark maroon (6f1300) for the foreground color and a lighter shade for the background color (c82e00). Make a selection (select &gt; load selection) using the rectangle </span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
<tr>
<td width="580">
<div>
<table border="0" cellspacing="0" cellpadding="0" width="448">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody"><strong>a) </strong></span></span></td>
<td></td>
<td><span style="color: #c0c0c0;"><span class="stepBody"><strong>b)</strong></span></span></td>
</tr>
<tr>
<td width="199"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/3.gif" alt="" width="56" height="150" /></span></td>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="20" height="20" /></span></td>
<td width="187"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/4.gif" alt="" width="492" height="189" /></span></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepHeader"><strong>Step 3.</strong></span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody">Choose the linear gradient, cirlcled in green (a). Open the gradient editor, by clicking on the sample gradient, and choose &#8220;foreground to background&#8221; (b) </span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
<tr>
<td width="580">
<div>
<table border="0" cellspacing="0" cellpadding="0" width="448">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody"><strong>a) </strong></span></span></td>
<td></td>
<td><span style="color: #c0c0c0;"><span class="stepBody"><strong>b)</strong></span></span></td>
</tr>
<tr>
<td width="199"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/5.gif" alt="" width="214" height="48" /></span></td>
<td width="62"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="16" height="20" /></span></td>
<td width="187"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/7.jpg" alt="" width="335" height="180" /></span></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepHeader"><strong>Step 4.</strong></span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody"> To create the gradient, drag form the top to the bottom of the selection, which should produce something like in the iamge below. </span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
<tr>
<td width="466">
<div><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/8.jpg" alt="" width="492" height="188" /></span></div>
<div>
<table border="0" cellspacing="0" cellpadding="0" width="544">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepHeader"><strong>Step 5. </strong></span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody">This is the 2nd part of this Photoshop tutorial, to create a menu bar. Next create a thinner rounded rectangle, and make a selection using it (select &gt; load selection) </span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="588" height="20" /></span></td>
</tr>
<tr>
<td width="544">
<div><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/9.jpg" alt="" width="492" height="188" /></span></div>
</td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"> </span></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="544">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><br />
</span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepHeader"><strong>Step 6. </strong></span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody">Set the foreground color to a peach shade (ff7a4f) and the background color to f33a01. Create a linear gradient on the thinner rectangle (b) </span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="588" height="20" /></span></td>
</tr>
<tr>
<td width="544">
<div>
<table border="0" cellspacing="0" cellpadding="0" width="448">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody"><strong>a) </strong></span></span></td>
<td><span style="color: #c0c0c0;"> </span></td>
<td><span style="color: #c0c0c0;"><span class="stepBody"><strong>b)</strong></span></span></td>
</tr>
<tr>
<td width="199"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/10.jpg" alt="" width="56" height="129" /></span></td>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="33" height="20" /></span></td>
<td width="187"><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/11.jpg" alt="" width="492" height="188" /></span></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="544" height="20" /></span></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="544">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><br />
</span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepHeader"><strong>Step 7. </strong></span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><span class="stepBody">For the text i&#8217;ve used the settings shown below </span></span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="588" height="20" /></span></td>
</tr>
<tr>
<td width="544">
<div><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/13.gif" alt="" width="210" height="223" /></span></div>
</td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="544" height="20" /></span></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="580">
<tbody>
<tr>
<td><span style="color: #c0c0c0;"><span class="afilliateLink"><span class="stepHeader"><strong>Step 8. </strong></span></span></span></td>
</tr>
<tr>
<td class="stepBody"><span style="color: #c0c0c0;"> And you should have something as shown below! </span></td>
</tr>
<tr>
<td><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/spacer.gif" alt="" width="580" height="20" /></span></td>
</tr>
<tr>
<td width="587">
<div><span style="color: #c0c0c0;"><img src="http://www.flash-game-design.com/images/menu-bar-2/14.jpg" alt="" width="492" height="190" /></span></div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/how-to-create-a-menu-bar-in-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to apply makeup on a face with Photoshop</title>
		<link>http://www.okapixel.com/how-to-apply-makeup-on-a-face-with-photoshop.html</link>
		<comments>http://www.okapixel.com/how-to-apply-makeup-on-a-face-with-photoshop.html#comments</comments>
		<pubDate>Fri, 20 Nov 2009 22:31:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[How to apply makeup on a face with Photoshop]]></category>
		<category><![CDATA[makeup]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=68</guid>
		<description><![CDATA[Here is a quick and easy way to apply makeup to a face. Here we used Danielle Donato as our model, in the picture she does not have makeup, so we applied a light shade of mascara, lipstick and cleaned up her wrinkles with the healing tool.]]></description>
			<content:encoded><![CDATA[<p>Here is a quick and easy way to apply makeup to a face. Here we used Danielle Donato as our model, in the picture she does not have makeup, so we applied a light shade of mascara, lipstick and cleaned up her wrinkles with the healing tool.</p>
<p>Here is the video.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/j9D_E4Wg3W4&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/j9D_E4Wg3W4&amp;hl=en&amp;fs=1" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/how-to-apply-makeup-on-a-face-with-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Windows Vista looking Icon with Photoshop</title>
		<link>http://www.okapixel.com/create-windows-vista-looking-icon-with-photoshop.html</link>
		<comments>http://www.okapixel.com/create-windows-vista-looking-icon-with-photoshop.html#comments</comments>
		<pubDate>Fri, 20 Nov 2009 21:36:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[windows vista icon]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=64</guid>
		<description><![CDATA[This tutorial will focus directly on creating Windows Vista looking orbs. Also, the PSD source file can be downloaded for your viewing pleasure.]]></description>
			<content:encoded><![CDATA[<p><span style="font-weight: bold;">This tutorial will focus directly on creating Windows Vista looking orbs. Also, the PSD source file can be downloaded for your viewing pleasure.</span></p>
<p><span style="font-weight: bold;">Step 1</span></p>
<p>Create new image 300 x 300 pixels with a white background.</p>
<p><span style="font-weight: bold;">Step 2</span></p>
<p>Create a new layer by clicking Layer &gt; New &gt; Layer or Shift+Ctrl+N<br />
Give the layer a name, preferably something meaningful E.g. Circle or Orb</p>
<p><span style="font-weight: bold;">Step 3</span></p>
<p>Now we are going to create the base for the orb.<br />
Select the Elliptical Marquee Tool and draw a circle in the newly created layer. Remember when you are creating your circle hold down SHIFT while dragging as it will keep the circle in perspective.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/elliptcal_circle.jpg" border="0" alt="" width="308" height="334" align="bottom" /></p>
<p><span style="font-weight: bold;">Step 4</span></p>
<p>From the colour palette select colour #276412<br />
Select the Gradient tool as shown below and then select the gradient editor.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/gradient.jpg" border="0" alt="" width="164" height="273" align="bottom" /></p>
<p><span style="font-weight: bold;">Step 5</span></p>
<p>Change the colour of the transparency end to #B6F039 and increase the opacity to 100%<br />
You should now have bar that looks like the following.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/gradient_editor.jpg" border="0" alt="" width="429" height="497" align="bottom" /></p>
<p><span style="font-weight: bold;">Step 6</span></p>
<p>Fill the circle with linear gradient by dragging from top to bottom.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/Linear%20gradient%20orb.jpg" border="0" alt="" width="310" height="335" align="bottom" /></p>
<p><span style="font-weight: bold;">Step 7 </span></p>
<p>Create a new layer by clicking Layer &gt; New &gt; Layer or Shift+Ctrl+N</p>
<p>Give the layer a name, preferably something meaningful e.g. bottom glow.</p>
<p>Select the Gradient Tool and the select Radial Gradient.</p>
<p>Select the gradient tool and prepare a white to transparent gradient.</p>
<p>Drag from bottom to top to fill the selected area with gradient.</p>
<p>Go to Select Filter&gt;Blur&gt;Motion blur and enter 1 for blur distance and 90 for angle.</p>
<p>Go to Select Filter&gt;Blur&gt;Gaussian blur and enter 18 for blur radius.</p>
<p>Set Layer Opacity to 88%.</p>
<p>Move your Layer object till it appears to be in the correct position.</p>
<p>Ctrl + Left click the Circle layer to make a selection.</p>
<p>Go to Select &gt; Inverse Then press delete to get rid of anything that could be seen overlapping onto the white background.</p>
<p>Make sure &#8216;bottom highlight&#8217; layer is selected and press the Delete key on your keyboard to delete the shape area outside the orb.</p>
<p>Ctrl + D to deselect.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/bottomglow.jpg" border="0" alt="" width="306" height="326" align="bottom" /></p>
<p><span style="font-weight: bold;">Step 8 </span></p>
<p>Create a new layer by clicking Layer &gt; New &gt; Layer or Shift+Ctrl+N.</p>
<p>Give the layer a name, preferably something meaningful E.g. top glow.</p>
<p>Ctrl + Left click the Circle layer to make a selection, go to Select&gt;Modify&gt;Contract and type 6 in the input box.</p>
<p>Change the colour Palette to white (Foreground).</p>
<p>Select the gradient tool and prepare a white to transparent gradient.</p>
<p>Drag from top to bottom to fill the selected area with gradient.</p>
<p>Go to Select &gt; Inverse, Click the Bottom Layer and press delete. This will remove a little section from bottom layer. Press Ctrl+D to deselect.</p>
<p>That is basis for creating a Look a Like Orb.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/orb_base.jpg" border="0" alt="" width="306" height="326" align="bottom" /></p>
<p><span style="font-weight: bold;">Step 9</span></p>
<p>Create a new layer by clicking Layer &gt; New &gt; Layer or Shift+Ctrl+N</p>
<p>Give the layer a name, preferably something meaningful E.g. Windows Logo</p>
<p>Open the Vista logo or whatever you can find to fit.</p>
<p>Select &gt; All</p>
<p>Go to your orb creation, on the newly created layer .</p>
<p>Go to Edit &gt; Paste</p>
<p>Use the free transform feature to increase or decrease the size so it will fit your image.</p>
<p>Go to Image &gt; Adjustments &gt; Auto Levels. This will make the Logo stand out a little better.</p>
<p>Double click the Logo Layer for Layer Style Properties</p>
<p>Select &gt; Drop Shadow &gt; multiply &gt; 30% Opacity and set Size 15px.</p>
<p>I also adjusted the Brightness/Contrast of the Circle Layer to make the green a little darker for better result.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/Greenorb.png" border="0" alt="" width="300" height="300" align="bottom" /></p>
<p>Works with other colours as well. So play with the colours that you see are worthwhile.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/blue_orb.jpg" border="0" alt="" width="300" height="300" align="bottom" /></p>
<p>You can also add a drop shadow as well.</p>
<p><img src="http://www.photoshop101.com/content_images/1/vista_orb/greenorb_finished_black.jpg" border="0" alt="" width="400" height="500" align="bottom" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/create-windows-vista-looking-icon-with-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cool Photoshop Splat or splatter effect tutorial</title>
		<link>http://www.okapixel.com/cool-photoshop-splat-or-splatter-effect-tutorial.html</link>
		<comments>http://www.okapixel.com/cool-photoshop-splat-or-splatter-effect-tutorial.html#comments</comments>
		<pubDate>Fri, 20 Nov 2009 21:32:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop splatter effect]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=60</guid>
		<description><![CDATA[In this tutorial, I’ll tell you how to create a pseudo surround effect using just Photoshop tools.]]></description>
			<content:encoded><![CDATA[<h2>Cool Photoshop Splat or splatter effect tutorial</h2>
<p><a href="http://www.photoshopstar.com/effects/pseudo-surround-styled-effect/"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_22.jpg" alt="Pseudo Surround Styled Effect" /></a></p>
<p>In this tutorial, I’ll tell you how to create a pseudo surround effect using just Photoshop tools.</p>
<p>Ok, lets’ go! Start with creating new document <strong>500×500</strong> pixels. Fill the background with a linear gradient using the color <strong>#2d120b</strong> and <strong>#532803</strong>.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 01" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_01.jpg" alt="Pseudo Surround Styled Effect 01" /></p>
<p>After that I would like to add some pattern to the background to make the text effect more evident. Get out the <strong>Rectangle Tool</strong> and create white line as on my picture you can see below.</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_02big.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 02" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_02.jpg" alt="Pseudo Surround Styled Effect 02" /></a></p>
<p>Use <strong>Ctrl+T</strong> to rotate this line. Hold the<strong> Shift</strong> button to rotate the line exactly 45 degrees.</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_03big.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 03" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_03.jpg" alt="Pseudo Surround Styled Effect 03" /></a></p>
<p>After that duplicate this layer more times and move left and right to create the same grid as on my screenshot.</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_04big.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 04" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_04.jpg" alt="Pseudo Surround Styled Effect 04" /></a></p>
<p>Then mess with the layer mode &amp; opacity/fill. I tried <strong>Overlay</strong> with opacity of 25%.</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_05big.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 05" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_05.jpg" alt="Pseudo Surround Styled Effect 05" /></a></p>
<p>Duplicate this layer with <strong>Ctrl+J</strong> and flip horizontal with <strong>Edit &gt; Transform &gt; Flip Horizontal</strong>.</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_06big.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 06" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_06.jpg" alt="Pseudo Surround Styled Effect 06" /></a></p>
<p>Now, start with creating pseudo surround effect. Get out the <strong>Custom Shape Tool</strong> and find some appropriate shape from the palette:</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 07" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_07.jpg" alt="Pseudo Surround Styled Effect 07" /></p>
<p>You can download this shape from <a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_shapes.csh">here</a> if you don’t have it. Use the color <strong>#998900</strong>.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 08" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_08.jpg" alt="Pseudo Surround Styled Effect 08" /></p>
<p>After that rasterize shape with <strong>Layer &gt; Rasterize &gt; Shape </strong>and set fill opacity up to 40%. Then apply <a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_09.jpg">Inner Shadow</a>,<a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_10.jpg"> Outer Glow</a>, <a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_11.jpg">Inner Glow</a>, <a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_12.jpg">Bevel and Emboss</a>, and <a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_13.jpg">Stroke</a> layer styles to this layer:</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 09" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_09.jpg" alt="Pseudo Surround Styled Effect 09" /></p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 10" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_10.jpg" alt="Pseudo Surround Styled Effect 10" /></p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 11" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_11.jpg" alt="Pseudo Surround Styled Effect 11" /></p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 12" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_12.jpg" alt="Pseudo Surround Styled Effect 12" /></p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 13" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_13.jpg" alt="Pseudo Surround Styled Effect 13" /></p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_14big.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 14" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_14.jpg" alt="Pseudo Surround Styled Effect 14" /></a></p>
<p>Ok, select the <strong>Burn Tool</strong> (Brush: 200 px, Range: Shadows, Exposure: 50%) and make a little burn work in the bottom of the shape.</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_15big.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 15" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_15.jpg" alt="Pseudo Surround Styled Effect 15" /></a></p>
<p>Looks better then before, isn’t it? Next up is the shine effect. Use <strong>Select &gt; Load Selection</strong> to select the shape and then apply <strong>Select &gt; Modify &gt; Contract </strong>to reduce selected area about 2 pixels.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 16" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_16.jpg" alt="Pseudo Surround Styled Effect 16" /></p>
<p>Ok, now I would like to cut away unnecessary part of selection. For this use <strong>Elliptical Marquee Tool</strong>, hold <strong>Alt+Shift</strong> and cut away the part of selection.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 17" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_17.jpg" alt="Pseudo Surround Styled Effect 17" /></p>
<p>Then fill selected area with white to transparent gradient on the new layer.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 18" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_18.jpg" alt="Pseudo Surround Styled Effect 18" /></p>
<p>Remove selection with <strong>Ctrl+D</strong> and change opacity to 50% for this layer.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 19" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_19.jpg" alt="Pseudo Surround Styled Effect 19" /></p>
<p>Add more glares to other parts of shape in the same way.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 20" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_20.jpg" alt="Pseudo Surround Styled Effect 20" /></p>
<p>Move to the last step of the tutorial. Move under the shape layer and let’s add some text to demonstrate our effect more. Get out the <strong>Horizontal Type Tool</strong> and write out something like ‘Splatter World’ using color of <strong>#d2af72</strong>. The font that I’ll just be using for this tutorial called<strong> BellCent BdList BT</strong>.</p>
<p><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 21" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_21.jpg" alt="Pseudo Surround Styled Effect 21" /></p>
<p>I’m sorry but this tutorial is done! Feel free to experiment and you will get the best results!</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_22full.jpg"><img class="aligncenter size-full" title="Pseudo Surround Styled Effect 22" src="http://www.photoshopstar.com/wp-content/uploads/2009/11/pseudo_surround_22.jpg" alt="Pseudo Surround Styled Effect 22" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/cool-photoshop-splat-or-splatter-effect-tutorial.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a White Navigation Bar with Photoshop</title>
		<link>http://www.okapixel.com/create-a-white-navigation-bar-with-photoshop.html</link>
		<comments>http://www.okapixel.com/create-a-white-navigation-bar-with-photoshop.html#comments</comments>
		<pubDate>Thu, 06 Nov 2008 06:15:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Create a Navigation Bar]]></category>
		<category><![CDATA[navigation bar]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.okapixel.com/?p=21</guid>
		<description><![CDATA[Simplicity is the key to beautiful web layouts. Learn how to draw a beautiful navigation bar in Photoshop.]]></description>
			<content:encoded><![CDATA[<p>Simplicity is the key to beautiful web layouts. Learn how to draw a beautiful navigation bar in Photoshop.</p>
<h2>Preview of Final Results</h2>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step8.jpg" border="0" alt="Clean white navigation bar" width="431" height="172" /></p>
<h2>Clean White Navigation Bar Photoshop Tutorial</h2>
<h3>Step 1</h3>
<p>To start off with, create a new document, for the purpose of this tutorial I have chosen 500 by 200 pixels. Fill the background with a radial gradient from a medium-dark grey to a darker grey. You can do this by selecting the gradient tool from the tool box and setting it to radial. Set your foreground colour to #45443f and your background colour to #31302c. Left click in the middle of the document, drag to the right and release.</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step1.jpg" border="0" alt="Blank canvas" width="431" height="172" /></p>
<h3>Step 2</h3>
<p>Create a new layer (Layer &gt; New &gt; Layer) and select the rectangular marquee tool. Make a fixed size selection of 440 by 50 pixels in the middle of your document.</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step2.jpg" border="0" alt="Long rectangle marquee" width="431" height="172" /></p>
<h3>Step 3</h3>
<p>Fill the selection with a linear gradient from #f4f4f4 at the top to #d9d9d9 at the bottom.</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step3.jpg" border="0" alt="Linear gradient added" width="431" height="172" /></p>
<h3>Step 4</h3>
<p>We are now going to be applying a couple of layer styles to this layer.</p>
<p>Layer &gt; Layer Styles &gt; Drop Shadow</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step4a.jpg" border="0" alt="Drop shadow layer style" width="304" height="303" /></p>
<p>Layer &gt; Layer Styles &gt; Outer Glow</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step4b.jpg" border="0" alt="Outer glow layer style" width="298" height="339" /></p>
<p>Result:</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step4c.jpg" border="0" alt="Navigation bar with layer styles" width="431" height="172" /></p>
<h3>Step 5</h3>
<p>Now using the text tool add in some text links. The font settings I&#8217;ve used are Verdana, Regular, 13 pt, Sharp, #686868 (and #ac0000 for a hover effect).</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step5.jpg" border="0" alt="Text added to navigation bar" width="431" height="172" /></p>
<h3>Step 6</h3>
<p>Lastly, we are going to be adding some dividers between the links. Firstly, create a new layer and select the rectangular marquee tool again. Make a selection of 1 by 50 pixels between the first two links. Fill (Edit &gt; Fill) the selection with the color #b4b4b4.</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step6.jpg" border="0" alt="Divider added to navigation bar" width="431" height="172" /></p>
<h3>Step 7</h3>
<p>Now move the selection across to the right by one pixel (left arrow key on your keyboard). Fill this selection with the color #d9d9d9.</p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step7.jpg" border="0" alt="Divider bar enhanced" width="431" height="172" /></p>
<h3>Step 8</h3>
<p>Duplicate this layer and move the duplicate layer along to the right so it is between the next two links (hold down the shift key while moving the divider to the right to keep it in-line. Repeat this process for the rest of the links and you are finished. I&#8217;ve also lowered the opacity of the layers by 50% so they don&#8217;t stand out so much &#8211; but that&#8217;s up to you <img src='http://www.okapixel.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><img src="http://photoshoptutorials.ws/images/stories/CleanWhiteNavigationBar_645/step8.jpg" border="0" alt="Divider bar repeated throughout the navigation bar" width="431" height="172" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.okapixel.com/create-a-white-navigation-bar-with-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

