<?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>DevWebPro &#187; 2009 &#187; August</title>
	<atom:link href="http://www.devwebpro.com/2009/08/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.devwebpro.com</link>
	<description>Developer Tutorials, Expert Articles, Videos &#38; News</description>
	<lastBuildDate>Thu, 09 Sep 2010 19:48:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Gamer Navigation</title>
		<link>http://www.devwebpro.com/gamer-navigation/</link>
		<comments>http://www.devwebpro.com/gamer-navigation/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 21:00:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/gamer-navigation/</guid>
		<description><![CDATA[As a follow up to the epic button we are going to create a cool gamer inspired nvaigation.


First start by makeing a new document 900&#215;45. Then fill your base layer with black.

Next make selection 900&#215;30. Make a new layer. Fill the selection with black. Now we are going to add some blending options. Add a [...]]]></description>
			<content:encoded><![CDATA[<p>As a follow up to the epic button we are going to create a cool gamer inspired nvaigation.</p>
<p><a href="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/FinalLarge.jpg"><img border="0" src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/NaviRollover.jpg"></a></p>
<p><span id="more-7710"></span></p>
<p>First start by makeing a new document 900&#215;45. Then fill your base layer with black.</p>
<p><img src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/Base.jpg"></p>
<p>Next make selection 900&#215;30. Make a new layer. Fill the selection with black. Now we are going to add some blending options. Add a Gradient Overlay starting with #000000 and ending with #3a3a3a. Finally add a 1 pixel inner stroke in #6d6b6b.</p>
<p><img src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/Navi.jpg"></p>
<p>Next make selection 900&#215;25. Make a new layer. Fill the selection with black. Set the layer fill to 0%. Now we are going to add some blending options. Add a Gradient Overlay that goes from White to transparent. Set the Overlay opacity to 20%</p>
<p><img src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/NaviGlare.jpg"></p>
<p>Make a new layer. Now using the Single Column Marquee Tool make a selection. Fill that selection with black. Move the selection over one pixel and fill that selection with #6d6b6b. Then use the Single Row Marquee Tool to erase one pixel from the top and bottom on the navi area. Finally delete all the excess.</p>
<p><img src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/NaviDividers.jpg"></p>
<p>Now we need to create the content of the nvigation area. Grab your text tool and select the font &#8220;04b_19&#8243; and set the size 20 pixels. Type out the word &#8220;HOME&#8221;. And add these blending options. Add an Inner Shadow (0 size and 3 Distance), Bevel and Emboss (Outer Bevel, Chisel Soft, Direction Down, Size and Soften to 0), and finally a Gradient Overly (Set the start color to #b5fe01 and the end color to #699001).</p>
<p><img src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/NaviContent.jpg"></p>
<p>Highlight all the layers of the navigation and right click in the layer pallette to duplicate the layers then CTRL+E to merge them. Now go to Edit > Transform > Flip Vertical. Now move the reflected navigation to the bottom of the main. Make a new layer. Make a selection 900&#215;10 at the bottom. Fill it with black set the layer fill to  0%. Then add a Transparent to Black gradient and hit OK.</p>
<p><img src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/NaviReflection.jpg"></p>
<p>Finally make a rectangle selection 30px tall over the home button. Make a new layer and fill the selection with white. Add a Gaussian Blur of 1.5 and set the fill to 20%. Then go to Edit > Transform > Perspective and give it a 45&deg; angle. Lastly CTRL+Click the Home Text and hit delete to remove the glare ove the word. And you are done.</p>
<p><a href="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/FinallSmall.jpg"><img border="0" src="http://images.ientrymail.com/tutorialdesk/www/tutorial/Navi/NaviRollover.jpg"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/gamer-navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Create A Realistic Ocean Scene</title>
		<link>http://www.devwebpro.com/how-to-create-a-realistic-ocean-scene/</link>
		<comments>http://www.devwebpro.com/how-to-create-a-realistic-ocean-scene/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 20:16:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/how-to-create-a-realistic-ocean-scene/</guid>
		<description><![CDATA[I recently went on vacation and saw one of the most amazing Aquariums in the US. The coolest part was one of their sharks had laid eggs and they had hatched the same day. So when I got back I decided to create an ocean tutorial. So let&#8217;s begin.


First start by makeing a new document [...]]]></description>
			<content:encoded><![CDATA[<p>I recently went on vacation and saw one of the most amazing Aquariums in the US. The coolest part was one of their sharks had laid eggs and they had hatched the same day. So when I got back I decided to create an ocean tutorial. So let&#8217;s begin.</p>
<p><a href="http://www.ps-tutor.com/tutorials/Ocean/FinalLarge.jpg"><img border="0" src="http://www.ps-tutor.com/tutorials/Ocean/FinalSmall.jpg"></a></p>
<p><span id="more-7038"></span></p>
<p>First start by makeing a new document 1920&#215;1080. Then fill your base layer with black and add a Gradient Overlay. Set the start color to #76accc the midcolor to #0e76c4 and the end color to #004371.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/Base.jpg"></p>
<p>Next Download Asset00 <a href="http://www.ps-tutor.com/tutorials/Ocean/Asset00.jpg">here</a>. Add it to our wallpaper. Then go to Edit > Transform > Perspective. Using your own judgement give it some depth by changeing the perspective. Then hit CTRL+I to invert the colors. Finally set the layer to soft light and using a lar soft eraser at 50% opacity blend the water to the background.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/Undercurrent.jpg"></p>
<p>Now Download Asset02 <a href="http://www.ps-tutor.com/tutorials/Ocean/Asset02.jpg">here</a>. Open it in photoshop. Usuing the pen tool cut the reef from it&#8217;s background. Add it to our wallpaper. Aligning to the bottom right side and add an Inner shadow. Set the Shadow to -90&deg;, the distance to 7, and the size to 23.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/RightReef.jpg"></p>
<p>Now Download Asset03 <a href="http://www.ps-tutor.com/tutorials/Ocean/Asset03.jpg">here</a>. Open it in photoshop. Usuing the pen tool cut the fish from it&#8217;s background. Then go to Image > Trim  and remove all the  extra transparent space. Then go to Edit > Define Brush Preset and call it Fish. Now go back to the wallpaper we are working on and select the brush we just created. Now we are going to set some new Presets open the Brush Presets Palette. Select Shape Dynamics and set the Size Jitter to 100%. Then select Scattering and set the Scatter to 1000%. Finally select Other Dynamics and set Opacity Jitter to 50%. Change the forgoround color to White. Now create a small school of fish on the left side in the middle. Then rotate the school 20&deg;. Next go to Filter > Blur > Gaussian Blur set the radius to 2.0 and hit OK. Scale to your liking.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/FishSchool.jpg"></p>
<p>Download Asset01 <a href="http://www.ps-tutor.com/tutorials/Ocean/Asset01.jpg">here</a>. Follow the same steps as on the first reef only this time align the new section to the bottom left. Add a Gradient Overlay set the blend to Saturation and select the Spectrum as the overlay. Hit OK.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/LeftReef.jpg"></p>
<p>Now Download Asset04 <a href="http://www.ps-tutor.com/tutorials/Ocean/Asset04.jpg">here</a>. Open it in photoshop. Usuing the pen tool cut the shark from it&#8217;s background. Add it to our wallpaper and move it the the right upper middle section. Then using the Rectangular Marquee Tool make a selection of the shark from dorsal fin to tail and right click. Layer via copy. Next go to Filter > Blur > Gaussian Blur set the radius to 3.0 and hit OK. Finally, using a largr soft eraser at 50% opacity remove some on the base shark tail.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/SharkBlur.jpg"></p>
<p>To give the wallpaper a little more life ad the fish we cut out for the brush. Scale it down to look porportionate with the scenery and add an Inner shadow. Set the Shadow to -90&deg;, the distance to 0, and the size to 23.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/Smallfish.jpg"></p>
<p>Select the top Third of the wallpaper using the Rectangular Marguee. Then and a White to transparent gradient within the selection. Then go to Filter > Liquify. Pull the gradient down to make sunbeams. when you are satisfied hit OK. set the layer blend to overylay.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/Brighten.jpg"></p>
<p>CTRL+Click the layer we just created and go to Select > Modify > Contract and contract the selection 20 &#8211; 30 pixels. Then Layer via copy. Finally using your soft eraser blend the new beams in.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/SunBeams.jpg"></p>
<p>Following the same steps as the previous two we are going to make a glass layer. This part is optional. Using the rectangular marquee tool make varing weight Rectangles from top to bottom. A good set up for this is one fat, then one very skiny, and lastly one inbetween. Then fill the selection with white. Then deselect the selection and add a 10 pixel gaussian blur. Next using the perspective tool make the rectangles lean at a 45&deg; angle and hit OK.</p>
<p><img src="http://www.ps-tutor.com/tutorials/Ocean/Glass01.jpg"></p>
<p>And you are done. what do you think? Send me a link to your version and I will be sure to post it here under User Submitted under this tutorial.</p>
<p><a href="http://www.ps-tutor.com/tutorials/Ocean/FinalLarge.jpg"><img border="0" src="http://www.ps-tutor.com/tutorials/Ocean/FinalSmall.jpg"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/how-to-create-a-realistic-ocean-scene/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating A Demon Circus Worker</title>
		<link>http://www.devwebpro.com/creating-a-demon-circus-worker/</link>
		<comments>http://www.devwebpro.com/creating-a-demon-circus-worker/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 14:17:52 +0000</pubDate>
		<dc:creator>Jeremy</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Manipulation]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/creating-a-demon-circus-worker/</guid>
		<description><![CDATA[
In this tutorial we show you how to create a demon circus worker for the upcoming Halloween holiday.

1.) Open your original image

2.) Hit CTRL + L to bring up the &#8220;Levels&#8221; window &#8211; move the two sliders on the left a little to the right to darken the image.

3.) Find an image of some flames [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://images.ientrymail.com/tutorial99/cir-front.jpg" alt="Demon Circus Worker" /></p>
<p>In this tutorial we show you how to create a demon circus worker for the upcoming Halloween holiday.</p>
<p><span id="more-7624"></span></p>
<p>1.) Open your original image</p>
<p><img src="http://images.ientrymail.com/tutorial99/cir1.jpg" alt="Demon Circus Worker" /></p>
<p>2.) Hit CTRL + L to bring up the &#8220;Levels&#8221; window &#8211; move the two sliders on the left a little to the right to darken the image.</p>
<p><img src="http://images.ientrymail.com/tutorial99/flames.jpg" alt="Demon Circus Worker" /></p>
<p>3.) Find an image of some flames and insert them into a new layer on top of your lady image.</p>
<p>4.) With the lady layer selected hit CTRL + Shift + X to bring up the &#8220;Liquify&#8221; window.</p>
<p><img src="http://images.ientrymail.com/tutorial99/cir2.jpg" alt="Demon Circus Worker" /></p>
<p>5.) Choose the &#8220;warp Tool&#8221; by hitting W, set your brush size to 30 and begin to move the corners of the mouth up, much like Jack Nicholson in Batman (1989). Hit OK to return to your main image.</p>
<p><img src="http://images.ientrymail.com/tutorial99/cir3.jpg" alt="Demon Circus Worker" /></p>
<p>6.) Zoom in around the mouth of the lady, choose the paintbrush tool, set the brush size to 1 or 2 px. and draw two fangs. Also while your zoomed in paint the inner part of her eyes red to complete the image.</p>
<p><img src="http://images.ientrymail.com/tutorial99/cir4.jpg" alt="Demon Circus Worker" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/creating-a-demon-circus-worker/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Create a Disjointed Rollover Menu &#8211; Start With Photoshop</title>
		<link>http://www.devwebpro.com/create-a-disjointed-rollover-menu-start-with-photoshop/</link>
		<comments>http://www.devwebpro.com/create-a-disjointed-rollover-menu-start-with-photoshop/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 19:30:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Rollovers]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/create-a-disjointed-rollover-menu-start-with-photoshop/</guid>
		<description><![CDATA[If you&#8217;re knowledgeable of HTML, CSS, and Javascript then you have what it takes to create a stylized menu. You&#8217;ll want to start in Photoshop though, and get the layout of your menu set. Here&#8217;s how you do it.
Step 1 &#8211; First, create a document with the dimensions 500&#215;400. Go ahead and fill it with [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re knowledgeable of HTML, CSS, and Javascript then you have what it takes to create a stylized menu. You&#8217;ll want to start in Photoshop though, and get the layout of your menu set. Here&#8217;s how you do it.</p>
<p><strong>Step 1</strong> &#8211; First, create a document with the dimensions 500&#215;400. Go ahead and fill it with what color you want to use, for this tutorial we&#8217;re going to use white.</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture1.jpg" alt="Disjointed Menu Image" /></p>
<p>Next we&#8217;re going to create the menu on the size. Create a vertical rectangle that fills only a small portion of the document. Fill it with a soft gray color, and set the opacity to 67%. You should be left with this.</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture2.jpg" alt="Disjointed Menu Image 2" /><br />
<span id="more-6567"></span><br />
<strong>Step 2</strong> &#8211; Now, it&#8217;s time to create the different selections in your menu. Grab your round rectangle shape tool, and slide it on the top of your menu. Fill it with whatever color goes with your site. And then add a stroke with these properties:</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture3.jpg" alt="Disjointed Menu Image 3" /></p>
<p>and you should have this now</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture4.jpg" alt="Disjointed Menu Image 4" /></p>
<p>then go ahead and copy how ever many buttons you want for your menu and spread them out..</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture5.jpg" alt="Disjointed Menu Image 5" /></p>
<p><strong>Step 3</strong> &#8211; Now we&#8217;re going to finish up the menu. Create a small border that rests to the side of your side menu. Then we&#8217;re going to add the places your text is going to sit for your buttons. Create small rectangles and put them at the bottom of each button. Then use this Stroke blend:</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture6.jpg" alt="Disjointed Menu Image 6" /></p>
<p>and you should have this</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture7.jpg" alt="Disjointed Menu Image 7" /></p>
<p>Go ahead and fill in these text boxes with whatever options you wanted represented</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture8.jpg" alt="Disjointed Menu Image 8" /></p>
<p><strong>Step 4</strong> &#8211; Now we&#8217;re going to add the static images that will appear whenever you rollover a menu button. Just slide it in and make sure it&#8217;s behind your side menu. You should have this.</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture9.jpg" alt="Disjointed Menu Image 9" /></p>
<p>Now we&#8217;re going to add the finishing touches. Go ahead and add preview images on the buttons so people know what they&#8217;re going to see when they roll over it.</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture10.jpg" alt="Disjointed Menu Image 10" /></p>
<p>and the final menu should look like this</p>
<p><img src="http://images.ientrymail.com/goodpstuts/disjointmenu/picture11.jpg" alt="Disjointed Menu Image 11" /></p>
<p>Next you should create the code for your menu. My recommendation is to use Jscript, it&#8217;s flexible and you can add some cool effects with it. It also runs quickly.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/create-a-disjointed-rollover-menu-start-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Telerik Debuts New UI Extensions For ASP.NET AVC</title>
		<link>http://www.devwebpro.com/telerik-debuts-new-ui-extensions-for-aspnet-avc/</link>
		<comments>http://www.devwebpro.com/telerik-debuts-new-ui-extensions-for-aspnet-avc/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 15:06:49 +0000</pubDate>
		<dc:creator>Doug Caverly</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[ASP]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/telerik-debuts-new-ui-extensions-for-aspnet-avc/</guid>
		<description><![CDATA[Courtesy of Telerik, a new line of user interface extensions for ASP.NET MVC is here, and that&#8217;s rather significant.  Another interesting note: this marks the first time Telerik has made tech available under an open source license.
Let&#8217;s return to the subject of those user interface extensions, though.  Here&#8217;s a bit relevant info: a lot of [...]]]></description>
			<content:encoded><![CDATA[<p>Courtesy of Telerik, a new line of user interface extensions for ASP.NET MVC is here, and that&#8217;s rather significant.  Another interesting note: this marks the first time Telerik has made tech available under an open source license.</p>
<p><span id="more-10325"></span>Let&#8217;s return to the subject of those user interface extensions, though.  Here&#8217;s a bit relevant info: a lot of people agree that BMWs are some of the best-driving cars on the planet.  Look over reviews of them covering the past few years, though, and you&#8217;ll notice that even the biggest fans couldn&#8217;t help but be enraged by the awful iDrive interface.</p>
<p>The fact that poor radio and navigation controls could piss off professional evaluators and the owners of &#8220;ultimate driving machines&#8221; should prove how important user interfaces are.</p>
<p>Anyway, Vassil Terziev, the co-CEO of Telerik, gave some details about his company&#8217;s offering by calling it &#8220;a purpose-built UI suite that fully leverages the advantages of Microsoft&#8217;s ASP.NET MVC framework.&#8221;</p>
<p>He then continued, &#8220;By developing native architecture from the ground up that is tailored specifically to the ASP.NET MVC environment, we avoid many of the pitfalls associated with non-native controls that have their roots in WebForms.  Instead, we are providing a model that is perfectly mated to the MVC platform.&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/telerik-debuts-new-ui-extensions-for-aspnet-avc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Sponsors London Poker Tourney</title>
		<link>http://www.devwebpro.com/adobe-sponsors-london-poker-tourney/</link>
		<comments>http://www.devwebpro.com/adobe-sponsors-london-poker-tourney/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 15:00:48 +0000</pubDate>
		<dc:creator>Stefan Richter</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Poker]]></category>

		<guid isPermaLink="false">http://pimp.devwebpro.com/adobe-sponsors-london-poker-tourney/</guid>
		<description><![CDATA[The 6th Adobe sponsored PokerCoder London Poker Tournament (ALPT VI) for Adobe web professionals is happening on the evening of Thursday 3rd September, 7pm at the Loose Cannon Poker Club near Cannon Street tube on the Circle and District lines.
There are a few places left but they&#8217;ll go fast. The event is totally FREE to [...]]]></description>
			<content:encoded><![CDATA[<p>The 6th Adobe sponsored <a href="http://www.pokercoder.com" target="_blank">PokerCoder London Poker Tournament</a> (ALPT VI) for Adobe web professionals is happening on the evening of Thursday 3rd September, 7pm at the Loose Cannon Poker Club near Cannon Street tube on the Circle and District lines.</p>
<p>There are a few places left but they&#8217;ll go fast. The event is totally FREE to qualifying individuals, with Adobe laying out for the venue, the prizes and the bar tab. It&#8217;s an excellent opportunity to network, socialize, tell Adobe what you think about their software (gets interesting after a few beers I can tell you) and generally test yourself and your friends out under pressure. Don&#8217;t be put off if you&#8217;ve never played Poker before, well over half the attendees are always novices and they&#8217;re usually the ones who end up winning.</p>
<p>The rules are simple, the dealers are on hand to give advise and there&#8217;s a 15 minute lesson at the beginning for everyone. This is a strictly fun game only and you won&#8217;t be playing with or for money, though we do lay on cash game tables later in the evening if you&#8217;re feeling brave. It&#8217;s great fun and really is the thinking man&#8217;s card game. There&#8217;s even a ticket for Flash on the Beach up for grabs thanks to John at Flash on the Beach. So get along to <a href="http://www.pokercoder.com" target="_blank">www.pokercoder.com</a> and register before the last places go.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/adobe-sponsors-london-poker-tourney/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Making of a Humanoid</title>
		<link>http://www.devwebpro.com/the-making-of-a-humanoid/</link>
		<comments>http://www.devwebpro.com/the-making-of-a-humanoid/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 14:09:29 +0000</pubDate>
		<dc:creator>Kirin Knapp</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Humanoid]]></category>
		<category><![CDATA[Manipulation]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/the-making-of-a-humanoid/</guid>
		<description><![CDATA[      <table width="369" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="74"><img src="http://images.ientrymail.com/expertphotoshop/humanoid/thumb-ep-humanoid.jpg" width="65" height="58" /></td>
<td width="295"><span class="style3">Take a photo of a woman and turn her into hot humanoid.</span></td>
<p>
</tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>Take a photo of a woman and turn her into hot humanoid.</p>
<p><span id="more-6447"></span><BR><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/sliced-small.jpg"></center>
<p>This tutorial will actually come pretty easy once you learn how to do a few of these steps, I promise.</p>
<p>First thing is first, open the picture you want to use, and then Save As something different than your original file.</p>
<p>
<h2>Step 1: Separating Her Limbs</h2>
</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/0.jpg"></center>
<p>Okay, that sounds morbid, but it&#8217;s pretty simple.  We&#8217;re going to use the Pen Tool and trace around each limb.  That sounds easy.  Trace around each arm and leg, neck, head and her midsection.  Okay, so the last three aren&#8217;t limbs, but you get the idea. Having trouble seeing the picture because your Pen tool has a background color? In the Layers window change the Fill from 100% to 0%.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/1.jpg"></center></p>
<p>Once you have traced around one limb and closed the shape, hold down CTRL and click on the shape layer you just created.  This will create a selection outline around the shape you made.  Click on the layer where the original picture is.  Copy (CTRL+C) your shape out of that original picture and paste (CTRL+V) it on a new layer. Label each body part so it&#8217;s easier for you in the future &#8211; there are going to be many layers.</p>
<p>You&#8217;ll want to hide the layers with the paths on them, but don&#8217;t delete them because you never know what will happen later. Once you have all of the pieces outlined, copied and pasted, you should have a collection that looks something like this:</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/2.jpg"></center></p>
<p>
<h2>Step 2: Filling in the Background</h2>
</p>
<p>When we start cutting up the pieces and moving things around, we want it to look as though the background continues all the way behind her, so we need to fill it in. You probably want to make your new limb layers invisible so you can see what you&#8217;re doing.</p>
<p>Duplicate the original background image twice, making a total of three copies of it.  Hide the one on top, and select the second one, or the one in the middle.</p>
<p>Select the Healing Brush in the toolbox (looks kind of like a little bandage). For the brush type, choose a Soft Round brush, Mode: Normal, Source: Sampled. You&#8217;ll want a slightly larger brush size, maybe about 100px. We will be bouncing back and forth between Sampled and Replace, but for now we will sample.  What&#8217;s the difference? Sampled means it&#8217;s going to place a transparent layer down of what we select, and replaced will put down a solid opaque copy.</p>
<p>Hold ALT and click out in the middle of the rocks and stones on the ground. Release all buttons. Move your cursor over to her legs, where you want the ground to also be, and start clicking and covering her legs.  You can use a mixture of both Sampled and Replace during this process.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/3.jpg"></center></p>
<p>Use your Brush tool and Eyedropper if you need to fill in some more solid areas.  Remember: Your main focus for the background here is anywhere her appendages are going to have gaps or will be in a different arrangement.  So her arms and legs need to go, and part of her shoulders.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/4.jpg"></center></p>
<p>Don&#8217;t forget to make some sky flow smoothly too.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/5.jpg"></center></p>
<p>
<h2>Step 3: Creating the Sections</h2>
</p>
<p>Make your limb layers visible again.</p>
<p>We&#8217;re going to use the same method as we did earlier when we were tracing the arms and things to separate them from the body.</p>
<p>Select the Pen tool. Draw a shape where you want a new section of arm to be.  Be sure to curve the lines a little to follow the curve of her body.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/6.jpg"></center></p>
<p>CTRL and click the new path layer to form a selection.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/7.jpg"></center></p>
<p>Click on the limb&#8217;s layer.  Copy the section, delete the section, then paste it in a new layer.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/8.jpg"></center></p>
<p>Continue to do this until you have everything sliced up and in new layers.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/9.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/10.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/12.jpg"></center></p>
<p>
<h2>Step 4: Adding Some Body, Pun Intended</h2>
</p>
<p>Okay, so now we have flat sections we have cut up, and everything is on a new layer.  We need to give these flat pieces some dimension.</p>
<p>Select a layer with a piece of shoulder on it.  Using the Pen tool, draw an oval-like shape where the arm is missing.  You&#8217;ll probably want your fill color to be a brown or something.  Whatever color you choose, it will be covered up later.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/13.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/14.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/15.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/16.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/18.jpg"></center></p>
<p>
<h2>Step 5: Adding Flesh</h2>
</p>
<p>Find a place on her body where there is a lot of skin showing in an at least semi-flat area.  Draw an oval or whatever shape there with a Marquee or Lasso tool and copy the skin.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/19.jpg"></center></p>
<p>Go to one of your brown disc layers and hold CTRL and click on it to activate a selection around it.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/20.jpg"></center></p>
<p>Paste Into that selection shape.  Edit>Paste Into or CTRL+SHIFT+V.  This will make the selection you had into a mask and only make that part of your skin layer visible.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/21.jpg"></center></p>
<p>You might have to rotate or stretch the skin once you have it pasted into each of its selections.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/23.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/24.jpg"></center></p>
<p>She now looks like a sliced up sausage.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/25.jpg"></center></p>
<p>
<h2>Step 6: Blending Her New Skin</h2>
</p>
<p>You might find in some areas you&#8217;ll need to use the Healing Brush to replicate some of the texture across the surface, like in this area above her hips.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/26.jpg"></center></p>
<p>I&#8217;m sure you noticed also that these new skins need to be better blended so they look like they belong.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/27.jpg"></center></p>
<p>Adjust the Hue/Saturation. Image>Adjustments>Hue/Saturation or CTRL+U.  Desaturate the skin by dragging the little slider down on Saturation, and darken it some by sliding Lightness down.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/28.jpg"></center></p>
<p>These shadows shouldn&#8217;t be flat, they have variation in lightness and darkness.  Use the Burn tool where you want it to be darker.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/29.jpg"></center></p>
<p>Do this on all of the pieces.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/30.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/31.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/32.jpg"></center></p>
<p>
<h2>Step 7: The Leg Bone is Connected to theâ€¦?</h2>
</p>
<p>Now on to connecting all of the free-floating parts.</p>
<p>We&#8217;ll start by bringing in some twisted wires for her midsection.  Once they&#8217;re pasted onto a new layer, desaturate them through the Hue/Saturation window CTRL+U.  Now set that off to the side for a moment.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/33.jpg"></center></p>
<p>The only human-like connector on this woman will be the spine.  On another new layer paste an image of a spinal cord.  Resize it and rotate it, and also adjust its Hue/Saturation so it matches.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/34.jpg"></center></p>
<p>Cut it down so it fits neatly in between the ribs and pelvis.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/35.jpg"></center></p>
<p>And clean it up.  Smooth out the edges with the eraser.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/36.jpg"></center></p>
<p>Position the spine about center. Use a Lasso with a feathering of about 20px on it and draw a shape around the side of the spine you want to have shadow.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/37.jpg"></center></p>
<p>Adjust the Lightness again with Hue/Saturation to darken that area of the spine.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/38.jpg"></center></p>
<p>You can also use the burn tool when adding the shadows and such to the spine. For lighter areas use the Dodge tool.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/39.jpg"></center></p>
<p>Now we&#8217;re going to make the spine look like it&#8217;s emerging from the pelvic area.  To do this, on a new layer create a dark brown oval ever so slightly larger than the base of the spine, and rotate it to match the angle.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/40.jpg"></center></p>
<p>In your Layers window, click and drag your new oval layer so it is below the layer with the spine.  Match it up best you can with the edge, and clean up the lines on the spine layer so it looks like it&#8217;s coming out of the opening.  Once you&#8217;ve cleaned it all up, use your Burn tool to again shade the spine and any surrounding areas on the pelvis piece.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/41.jpg"></center></p>
<p>To connect the other parts I&#8217;m using metal pipe images, which are relatively easy to work with.</p>
<p>Once you&#8217;ve placed a piece of pipe, curve the visible end to give it a little perspective so it isn&#8217;t flat. You can do this using the Elliptical Marquee Tool, or the circular selection toolâ€¦ and draw a semi-circle at the end of the pipe you want curved.  CTRL+SHIFT+I to invert the selection.  So now, everything is select except the circle you just drew.  Now take the Eraser and carefully remove the edge to form your curve.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/42.jpg"></center></p>
<p>Clean up the edges of the pipe so it is smooth. Select the layer that the pipe&#8217;s end is resting on, and use the burn tool to give it a little shadow. If you&#8217;re confused on where to put the shadows, find out where the light is coming from in the picture by examining the light and dark areas of her skin. You may need to go in and adjust the Hue/Saturation on the pipe itself and where the shadows and highlights are on it.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/43.jpg"></center></p>
<p>Continue to do the same process throughout the entire picture, connecting each of the sections together.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/45.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/46.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/47.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/48.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/49.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/50.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/51.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/52.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/53.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/54.jpg"></center></p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/55.jpg"></center></p>
<p>
<h2>Step 8: Wired for Life</h2>
</p>
<p>We are almost done! She needs some wires here and there.  She already has some wires in her midsection, so she needs some in other places as well.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/56.jpg"></center></p>
<p>Take a couple different images of wires from pictures of computers and keyboards and computer mice (are multiple computer mouses called mice?).</p>
<p>Be sure your cords are cut out decently well.  Copy them, hide the original, and go to where you want to add wires and cords.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/57.jpg"></center></p>
<p>Paste them into a new layer, alter them as you see fit, resize them and nudge them into place.  Trim any excess off you don&#8217;t want showing.  Go to Hue/Saturation and play around with the colors until you get something you like, perhaps using the Colorize option.  I went with a reddish pink color to give it a little contrast.  It&#8217;s a fine detail, so you want it to stand out a little bit without it being too obvious.  Once you change the color of the cords, take the Burn tool and darken the areas that need it.</p>
<p><center><img src="http://images.ientrymail.com/expertphotoshop/humanoid/58.jpg"></center></p>
<p>Continue this process until you get her all wired up!</p>
<p>
<h2>We&#8217;re Finished!</h2>
</p>
<p>I hope you&#8217;ve enjoyed this tutorial! If you have any questions please feel free to ask.</p>
<p><center><a href="http://images.ientrymail.com/expertphotoshop/humanoid/sliced.jpg"><img src="http://images.ientrymail.com/expertphotoshop/humanoid/sliced-small.jpg" border="0"></a><br />Click Image for Full Size</center></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/the-making-of-a-humanoid/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Make Your Own Unique Planet!</title>
		<link>http://www.devwebpro.com/make-your-own-unique-planet/</link>
		<comments>http://www.devwebpro.com/make-your-own-unique-planet/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 21:27:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Planet]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/make-your-own-unique-planet/</guid>
		<description><![CDATA[Create your own planet! <br /><br /><img src="http://images.ientrymail.com/photoshopdigest/planet2/icon.gif"">]]></description>
			<content:encoded><![CDATA[<p>First, lets create some texture. Find an image of texture or rock or whatever you want to use. This is what I started with:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/original.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/original.gif" border="0" width="350"></a></p>
<p>I cropped it down to the part I wanted:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/rock.jpg"><img src="http://images.ientrymail.com/photoshopdigest/planet2/rock.jpg" border="0"></a></p>
<p>Next I put that on a new document four different times all going opposite directions:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/rock3.jpg"><img src="http://images.ientrymail.com/photoshopdigest/planet2/rock3.jpg" border="0" width="350"></a></p>
<p>Then go to Edit > Define pattern and save it as texture or rock or whatever suits you.</p>
<p>Now on to the planet.</p>
<p>Create a new document, fill it with black.</p>
<p>Create a circle with the Elliptical Marquee tool. Color it whatever color you want. Duplicate it two times but make these two layers just black circles.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/1.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/1.gif" border="0" width="350"></a></p>
<p>Add the following effects to the atmosphere layer:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/2.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/2.gif" border="0" width="350"></a></p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/3.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/3.gif" border="0" width="350"></a></p>
<p>Set the layer mode to Screen.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/4.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/4.gif" border="0" width="350"></a></p>
<p>Now on a new layer add your texture (or pattern if you want to call it that). Go to your paint blucket, choose your pattern:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/pattern.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/pattern.gif" border="0"></a></p>
<p>Go To Filter > Distort > Spherize. Do this a couple times.</p>
<p>You will have something similar to this:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/5.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/5.gif" border="0" width="350"></a></p>
<p>Now turn your shadow layer on. Select it and move it to whatever area you want. </p>
<p>Go to Filter Blur Gaussian Blur. I used 50 pixels but you use whatever you want.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/6.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/6.gif" border="0" width="350"></a></p>
<p>Or you could lower the opacity of the shadow layer to 95%, so its not completely covered.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/7.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/7.gif" border="0" width="350"></a></p>
<p>I wanted the orange color to show up a little bit more so I did a color overlay on the rock later:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/8.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/8.gif" border="0" width="350"></a></p>
<p>That left me with this:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/9.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/9.gif" border="0" width="350"></a></p>
<p>You could also use the Sharpen tool to add even more texture:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/sharpen.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/sharpen.gif" border="0" width="350"></a></p>
<p>Now we will add some rings.</p>
<p>Open a new document, fill it with black. Make your default foreground and background layers are black and white, you can do this by just pressing D on your keyboard.</p>
<p>Go to Filter > Render > Clouds.</p>
<p>Now go to Filter > Distort >Twirl and use the highest setting.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw.gif" border="0" width="350"></a></p>
<p>Now we will erase the middle and around to get our rings.</p>
<p>I used the Elliptical Marquee tool to cut out the outside and the inside. </p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw2.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw2.gif" border="0" width="350"></a></p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw3.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw3.gif" border="0" width="350"></a></p>
<p>Then I went back over the edges with a soft brush and lowered the opacity to about 60%. </p>
<p>Don&#8217;t worry about making it perfect. (I put mine on a black background now so you can see it better)</p>
<p>Now take your transform controls and make it as small as you need for it to look like rings.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw4.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw4.gif" border="0" width="350"></a></p>
<p>Go to Filter > Noise > Add Noise:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw5.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw5.gif" border="0"></a></p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw6.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw6.gif" border="0" width="350"></a></p>
<p>Now Go to Image > Adjustments > Levels and move the middle arrow until you get something similar:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw7.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw7.gif" border="0" width="350"></a></p>
<p>Now we are going to go to Image > Hue/saturation to add some color and match it up to the planet.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/tw8.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/tw8.gif" border="0" width="350"></a></p>
<p>Move it to your planet photo:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/10.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/10.gif" border="0" width="350"></a></p>
<p>Set the layer mode to screen and erase parts so it looks like it goes around the planet.</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/11.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/11.gif" border="0" width="350"></a></p>
<p> Now I also duplicated my shadow layer. I set the opacity to 61%. I want some of the ring darkened but not all of it. I also don&#8217;t want it overlapping my planet shadow so I erased this layer except for where it covers the ring. If that was confusing here is what I meant in pictures. (I am temporality am hiding my original shadow layer so you can see what I mean by I just left this new shadow layer on the ring only and not the planet):</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/12.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/12.gif" border="0" width="350"></a></p>
<p>It just makes it look more realistic I think.</p>
<p>Now turn your original shadow layer back on. Here is my final image:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/final.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/final.gif" border="0" width="350"></a></p>
<p>And, for a slighty altered look, you can take the Burn tool, lower the opactity and go over the ring layer:</p>
<p><a href="http://images.ientrymail.com/photoshopdigest/planet2/final3.gif"><img src="http://images.ientrymail.com/photoshopdigest/planet2/final3.gif" border="0" width="350"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/make-your-own-unique-planet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ASP.net AJAX framework</title>
		<link>http://www.devwebpro.com/aspnet-ajax-framework/</link>
		<comments>http://www.devwebpro.com/aspnet-ajax-framework/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 21:21:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[ASP]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/aspnet-ajax-framework/</guid>
		<description><![CDATA[I am primarily a Linux guy, so I didn&#8217;t know about this until recently. Microsoft has released an AJAX toolkit.
ASP.NET AJAX is the free Microsoft AJAX framework for building highly interactive and responsive web applications that work across all popular browsers. The ASP.NET AJAX framework includes Server-Side ASP.NET AJAX, Client-Side ASP.NET AJAX, the AJAX Control [...]]]></description>
			<content:encoded><![CDATA[<p>I am primarily a Linux guy, so I didn&#8217;t know about this until recently. Microsoft has released an <a href="http://www.asp.net/ajax/">AJAX toolkit</a>.</p>
<blockquote><p>ASP.NET AJAX is the free Microsoft AJAX framework for building highly interactive and responsive web applications that work across all popular browsers. The ASP.NET AJAX framework includes Server-Side ASP.NET AJAX, Client-Side ASP.NET AJAX, the AJAX Control Toolkit, and the jQuery library. ASP.NET AJAX enables developers to choose their preferred method of AJAX development, whether it is server-side programming, client-side programming, or a combination of both.</p>
</blockquote>
<p>Those who are familiar with ASP.net and Microsoft&#8217;s Visual Studio should not have any trouble using the tools in ASP.net AJAX. The look and feel is similar to other Microsoft products. The toolkit also includes JQuery as part of the Microsoft ASP.NET MVC applications.<br />
Microsoft has released a large number of <a href="http://www.asp.net/learn/ajax/">tutorials</a> that you can use to get started. They also have a <a href="http://www.asp.net/learn/ajax-videos/">video tutorials</a> for those who would prefer that. You can download the <a href="http://www.asp.net/vwd/">Visual Web Developer Express</a> directly from Microsoft for free.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/aspnet-ajax-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prepare for Mac OS X 10.6 Snow Leopard</title>
		<link>http://www.devwebpro.com/prepare-for-mac-os-x-106-snow-leopard/</link>
		<comments>http://www.devwebpro.com/prepare-for-mac-os-x-106-snow-leopard/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 19:56:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.devwebpro.com/prepare-for-mac-os-x-106-snow-leopard/</guid>
		<description><![CDATA[Tomorrow marks the official release date of Snow Leopard, and now is as good a time to talk about what updates will becoming with the software. Then you can decide if all the new features are worth the $30 price tag.
Here&#8217;s a list of features that are provided by Snow Leopard:
- The ability to activate [...]]]></description>
			<content:encoded><![CDATA[<p>Tomorrow marks the official release date of Snow Leopard, and now is as good a time to talk about what updates will becoming with the software. Then you can decide if all the new features are worth the $30 price tag.</p>
<p>Here&#8217;s a list of features that are provided by Snow Leopard:</p>
<p>- The ability to activate Expose&#8217; from Dock</p>
<p>- Improvements in wake-up and shutdown functions</p>
<p>- Once installed, disk space will be provided back to you (around 7 GB)</p>
<p>- Newly enhanced 64-bit support. All of your system apps can take advantage of your Mac&#8217;s entire memory</p>
<p>- A new tool called Grand Central Dispatch which will provide better means to use multicore processors</p>
<p>- OpenCL which will utilize graphics processors in new and interesting ways.</p>
<p>- QuickTime X provides many new features to the video program. Including easier ways for uploading to YouTube</p>
<p>- New built-in technologies provide people with disabilities easier access to the Mac OS X.</p>
<p>Along with those features, Safari 4 will be included as well. The system improvements alone are worth the cost in this writer&#8217;s eyes. The other improvements are fluff, but depending on what you use your Mac for could be big improvements as well.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devwebpro.com/prepare-for-mac-os-x-106-snow-leopard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
