<?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"
	>

<channel>
	<title>Developer Tutorials' Webmaster Blog &#187; photo</title>
	<atom:link href="http://www.developertutorials.com/blog/tag/photo/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.developertutorials.com/blog</link>
	<description>Keeping webmasters up-to-date on technology.</description>
	<pubDate>Tue, 02 Sep 2008 14:59:45 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.2</generator>
	<language>en</language>
			<item>
		<title>Quick Photoshop Lighting Tips for Photographers</title>
		<link>http://www.developertutorials.com/blog/design/photoshop-design/quick-photoshop-lighting-tips-for-photographers-207/</link>
		<comments>http://www.developertutorials.com/blog/design/photoshop-design/quick-photoshop-lighting-tips-for-photographers-207/#comments</comments>
		<pubDate>Fri, 30 May 2008 19:04:54 +0000</pubDate>
		<dc:creator>JonGos</dc:creator>
		
		<category><![CDATA[Photoshop]]></category>

		<category><![CDATA[fx]]></category>

		<category><![CDATA[lighting]]></category>

		<category><![CDATA[photo]]></category>

		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.developertutorials.com/blog/design/photoshop-design/quick-photoshop-lighting-tips-for-photographers-207/</guid>
		<description><![CDATA[Are you new to Photoshop and looking for ways to enhance photos without having to stress yourself out reading hundreds of tutorials.  These four techniques are no brainers that will make your designs &#8220;pop&#8221;.  All of them are also ways to fake more advanced techniques. Each of them are simple and only require [...]]]></description>
			<content:encoded><![CDATA[<p>Are you new to Photoshop and looking for ways to enhance photos without having to stress yourself out reading hundreds of tutorials.  These four techniques are no brainers that will make your designs &#8220;pop&#8221;.  All of them are also ways to fake more advanced techniques. Each of them are simple and only require about five steps each.</p>
<p><span id="more-207"></span></p>
<p><b>Faux Posterization</b></p>
<ol>
<li>Open your image and duplicate the background layer (which should be your image).</li>
<p><img src="http://farm4.static.flickr.com/3041/2536203773_7dc2ae0ae1_m.jpg"></p>
<li>Under &#8220;Layer Style&#8221; change the topmost layers Blend Option value to &#8220;Vivid Light&#8221;.</li>
<p><img src="http://farm3.static.flickr.com/2130/2536203815_9e1d0faebe_m.jpg"></p>
<li>Set the Opacity of the topmost layer to &#8220;50%&#8221;.  done the resulting image should be pretty high contrast and washed out.</li>
<p><img src="http://farm4.static.flickr.com/3134/2536203885_ef9a82d6a8_m.jpg"></p>
<li>If you so choose change your Image&gt;&gt;Mode setting to grayscale for a posterized black and white version.</li>
<p><img src="http://farm4.static.flickr.com/3034/2537022674_21b4fce8c7.jpg">
</ol>
<p><b>Brilliant Color and Haze</b></p>
<li>Open your image and duplicate the background layer (which should be your image).</li>
<p><img src="http://farm4.static.flickr.com/3041/2536203773_7dc2ae0ae1_m.jpg"></p>
<li>Under &#8220;Layer Style&#8221; change the topmost layers Blend Option value to &#8220;Multiply&#8221; and Opacity to &#8220;75%&#8221;.</li>
<p><img src="http://farm3.static.flickr.com/2168/2536204167_b4e26f7365.jpg"></p>
<li>Duplicate the background layer again.  Drag this layer above the last layer.</li>
<li>Set the Blend Option value to &#8220;Hard Light&#8221;.</li>
<li>Apply <strong>Filter &gt;&gt; Blur &gt;&gt; Gaussian Blur</strong>.</li>
<p><img src="http://farm3.static.flickr.com/2275/2537079072_b9662c9f9f.jpg"></p>
<p><b>High Contrast</b></p>
<li>Open your image and duplicate the background layer (which should be your image).</li>
<p><img src="http://farm4.static.flickr.com/3041/2536203773_7dc2ae0ae1_m.jpg"></p>
<li>Go to <strong>Image &gt;&gt; Adjustments &gt;&gt; Black and White</strong> (<a href="http://flickr.com/photos/ww4f/2536275057/">click here to see</a>).  Don&#8217;t worry so much about the settings here, just leave them at the default settings and click &#8220;OK&#8221;.</li>
<p><img src="http://farm3.static.flickr.com/2091/2537093192_15f76a31cb_m.jpg"></p>
<li>Set the black and white Layer to Hard Light.  Instant high contrast (bright whites, dark blacks).  Duplicate the black and white layer again for an even stronger effect.
<li>
<p><img src="http://farm3.static.flickr.com/2141/2536282615_688f2d4cb4.jpg"></p>
<p><b>Faux Tone Mapping</b></p>
<li>Open your image and duplicate the background layer (which should be your image).</li>
<p><img src="http://farm4.static.flickr.com/3041/2536203773_7dc2ae0ae1_m.jpg"></p>
<li>Select <strong>Filter &gt;&gt; Other &gt;&gt; High Pass</strong> and use a setting of 50px.  Keep in mind, the lower the setting here the stronger the effect.
<li>
<p><img src="http://farm4.static.flickr.com/3275/2536299083_6583f020f1_m.jpg"></p>
<li>Change the topmost setting to &#8220;Linear Burn&#8221; and change the opacity to 50%.</li>
<p><img src="http://farm3.static.flickr.com/2001/2537117158_83f18343bd_m.jpg"></p>
<p>Keep in mind these techniques aren&#8217;t the best ways to do this, but if you just want to spice up your photos and have no interest in truly learning Photoshop then they might work for you!</p>
<p><img src="http://farm4.static.flickr.com/3129/2536299249_4846487b85.jpg"></p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark" style="float:left;">
<div class="d207" style="overflow:hidden">
<div id="socialstyles"><a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://www.developertutorials.com/blog/design/photoshop-design/quick-photoshop-lighting-tips-for-photographers-207/&amp;title=Quick+Photoshop+Lighting+Tips+for+Photographers" title="Add to&nbsp;Del.icio.us">Del.icio.us</a></div><div id="socialstyles"><a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://www.developertutorials.com/blog/design/photoshop-design/quick-photoshop-lighting-tips-for-photographers-207/&amp;title=Quick+Photoshop+Lighting+Tips+for+Photographers" title="Add to&nbsp;Digg This">Digg This</a></div><div id="socialstyles"><a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://www.developertutorials.com/blog/design/photoshop-design/quick-photoshop-lighting-tips-for-photographers-207/&amp;title=Quick+Photoshop+Lighting+Tips+for+Photographers" title="Add to&nbsp;Stumble">Stumble</a></div></div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://www.developertutorials.com/blog/design/photoshop-design/quick-photoshop-lighting-tips-for-photographers-207/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Creating Energy Spheres in Photoshop</title>
		<link>http://www.developertutorials.com/blog/design/photoshop-design/creating-energy-spheres-in-photoshop-119/</link>
		<comments>http://www.developertutorials.com/blog/design/photoshop-design/creating-energy-spheres-in-photoshop-119/#comments</comments>
		<pubDate>Tue, 15 Apr 2008 18:39:46 +0000</pubDate>
		<dc:creator>JonGos</dc:creator>
		
		<category><![CDATA[Photoshop]]></category>

		<category><![CDATA[manipulation]]></category>

		<category><![CDATA[photo]]></category>

		<category><![CDATA[photoshop]]></category>

		<category><![CDATA[photoshop energy spheres]]></category>

		<category><![CDATA[photoshop tutorial]]></category>

		<category><![CDATA[ps energy beams]]></category>

		<guid isPermaLink="false">http://www.developertutorials.com/blog/design/photoshop-design/creating-energy-spheres-in-photoshop-119/</guid>
		<description><![CDATA[For this tutorial you&#8217;ll want to find a photo of someone doing something that looks a bit larger than life.  I used this photo that I found at the stock photo website Stock Exchange.  For this tutorial you&#8217;ll need a photo that you want to manipulate and some special brush sets which I [...]]]></description>
			<content:encoded><![CDATA[<p>For this tutorial you&#8217;ll want to find a photo of someone doing something that looks a bit larger than life.  I used <a href="http://www.sxc.hu/browse.phtml?f=download&amp;id=640917" title="sxc.hu">this photo</a> that I found at the stock photo website Stock Exchange.  For this tutorial you&#8217;ll need a photo that you want to manipulate and some special brush sets which I downloaded from <a href="http://r0man.de/kostenlose_brushes_photoshop.htm">here</a>.</p>
<p>This will be the final result.  </p>
<p><a href="http://flickr.com/photos/ww4f/2415911525/in/set-72157604551638054/"><img src="http://farm4.static.flickr.com/3230/2415911525_e32b2768f1.jpg"></a></p>
<p><span id="more-119"></span></p>
<div>
<ul>
<li>1.  Download the brush set and install it.</li>
<li>2. Now I&#8217;ll show how to take a child with a big imagination and turn him into the powerful being he imagine himself to be.</li>
<li>3. We&#8217;ll start by creating a new layer on top of our original and filling it with black.  Next we want to select <b>Filter &gt;&gt; Render &gt;&gt; Lighting Effects &gt;&gt; Lens Flare</b></li>
<li>4. Use the 105mm Prime with the Brightness setting of your choice.</li>
<p><img src="http://farm3.static.flickr.com/2115/2416824666_ca46d268a7.jpg" alt="Lens Flare"></p>
<li>5. This will create a bright flash.  Move it to the point where you want the &#8216;energy ball&#8217; to appear.</li>
<li>6. You may notice that when you move it, you can see the edges of the layer.  To rectify this, select the layer and add a &#8216;Layer Mask&#8217;.</li>
<li>7. Select default colors (white and black).  With the layer mask selected,  use the <b>Gradient Tool &gt;&gt; Radial Gradient &gt;&gt; Reverse</b> and drag from the center outwards.  This will mask everything in a sphere around the center.</li>
<li>8. Set both of these layers to the &#8216;Hard Light&#8217; setting.</li>
<li>9. I like to use the <b>Image &gt;&gt; Adjustments &gt;&gt; Photo Filter</b> to make the colors &#8220;pop&#8221;.  I also used this setting to make the lens flare a bluish color.  There are other ways to do this so experiment with your options.</li>
<li>10. Using the Brush set we installed earlier we want to apply them to the energy balls. I used the color black, with the layer&#8217;s Blend Options set to &#8216;Overlay&#8217;.</li>
<li>11.  With this layer selected, set the Layer Style settings like so:
<p><a href="http://farm4.static.flickr.com/3130/2416005255_9f32de97e7_m.jpg"><img src="http://farm4.static.flickr.com/3130/2416005255_9f32de97e7_m.jpg"></a></p>
<p><a href="http://flickr.com/photos/ww4f/2416825574/"><img src="http://farm3.static.flickr.com/2148/2416825574_7a284cc452_m.jpg"></a></p>
<li>12. Using the same technique that we used in Step 7, we want to mask the edges of our brush layers.</li>
<li>13. To create the &#8216;arc of light&#8217; we&#8217;ll use paths.  Select the &#8216;Ellipse Tool&#8217; and change it from &#8216;Shape layers&#8217; to &#8216;Paths&#8217;.  Now, draw a large circle or ellipse that includes both energy flares.</li>
<li>14. Once the arc is drawn we want to stroke it (no jokes please).  Select a brush that&#8217;s very small, maybe about a brush with a 5px diameter and use the color white. Go to &#8216;Paths&#8217; right click on the selected path, and select &#8216;Stroke Path&#8217;.  Check the &#8217;simulate pressure&#8217; option, this will give the ring a bit of perspective with a heavier stroke on one side and a lighter stroke on the opposite side.</li>
<p><img src="http://farm3.static.flickr.com/2135/2415496713_07df18840d.jpg"></p>
<li>15. Repeat this step twice.  Each time use a different brush setting that is bigger than the one before it.  I started with the 5px brush, then I used a 45px brush followed by a 100px brush.  Each time use a different color.  The topmost (bigger) arc should be set to &#8216;Linear Dodge (Add)&#8217; with an opacity of 35%.  The middle layer should be set to &#8216;Overlay&#8217; and the original (the white one) should be set to &#8216;Linear Dodge (Add)&#8217;.
<p><img src="http://farm3.static.flickr.com/2122/2415497361_0546a79b9c.jpg"></p>
<li>16. I grouped these together then, using the technique from Step 7 again, I use layer masking to block one half of the sphere I created.</li>
<li>17. To create the energy &#8216;tendrils&#8217; that are leaping from the arc.  Duplicate the grouped folder from Step 16.  Then merge the group or folder into one layer.  Select <b>Filter &gt;&gt; Liquify</b> and distort the arc to look like it should for your image.  Secondly, we&#8217;ll select <b>Filter &gt;&gt; Distort &gt;&gt; Ripple</b> and tweak it to look a bit more like electricity.</li>
<li>18. Now we&#8217;re done.  Outside of some techniques that I used to make the image more polished, this completes the tutorial.  </li>
</ul>
</div>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark" style="float:left;">
<div class="d119" style="overflow:hidden">
<div id="socialstyles"><a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://www.developertutorials.com/blog/design/photoshop-design/creating-energy-spheres-in-photoshop-119/&amp;title=Creating+Energy+Spheres+in+Photoshop" title="Add to&nbsp;Del.icio.us">Del.icio.us</a></div><div id="socialstyles"><a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://www.developertutorials.com/blog/design/photoshop-design/creating-energy-spheres-in-photoshop-119/&amp;title=Creating+Energy+Spheres+in+Photoshop" title="Add to&nbsp;Digg This">Digg This</a></div><div id="socialstyles"><a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit.php?url=http://www.developertutorials.com/blog/design/photoshop-design/creating-energy-spheres-in-photoshop-119/&amp;title=Creating+Energy+Spheres+in+Photoshop" title="Add to&nbsp;Stumble">Stumble</a></div></div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://www.developertutorials.com/blog/design/photoshop-design/creating-energy-spheres-in-photoshop-119/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
