<?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; photoshop energy spheres</title>
	<atom:link href="http://www.developertutorials.com/blog/tag/photoshop-energy-spheres/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>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>
