<?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>Tutorials 2.0 &#187; Graphics</title>
	<atom:link href="http://tutorials20.com/category/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorials20.com</link>
	<description>Learn Photoshop, Graphics Design, 3D, Animation, Photography and more</description>
	<lastBuildDate>Sat, 04 Feb 2012 13:59:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to Create a Bobblehead Portrait</title>
		<link>http://tutorials20.com/graphics/how-to-create-a-bobblehead-portrait/</link>
		<comments>http://tutorials20.com/graphics/how-to-create-a-bobblehead-portrait/#comments</comments>
		<pubDate>Wed, 08 Jun 2011 20:54:00 +0000</pubDate>
		<dc:creator>Meng To</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/?p=9967</guid>
		<description><![CDATA[In this tutorial I'll show you how you can create a funny bobblehead portrait. Since we're using the liquify tool you'll need a newer version of Photoshop.

The bobblehead images were used for a yearbook because the seniors wanted something special and it kinda fits their attitude--just nod all the time when the teacher is speaking...]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I&#8217;ll show you how you can create a funny bobblehead portrait. Since we&#8217;re using the liquify tool you&#8217;ll need a newer version of Photoshop.</p>
<p>The bobblehead images were used for a yearbook because the seniors wanted something special and it kinda fits their attitude&#8211;just nod all the time when the teacher is speaking&#8230;</p>
<p>This is the original shot:</p>
<p><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 267px; height: 400px;" src="http://2.bp.blogspot.com/-jWvBFdajXz0/TXSwZF8_XGI/AAAAAAAAAqs/jM7FSGqfdEA/s400/1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5581279783360093282" /></p>
<p>1. Using the magnetic lasso tool (L), I selected the head and created a new layer via copy. Now we have a head layer and a body layer:</p>
<p><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 255px;" src="http://1.bp.blogspot.com/-GZBXVV4LSJQ/TXSy4pjcqOI/AAAAAAAAAq0/3o9QojHw5ro/s400/2.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5581282524515838178" /></p>
<p>2. Using the move tool (V), I resized the background, so that the body shrinks. After that I used the crop tool (C) to cut the transparent background:</p>
<p><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 267px; height: 400px;" src="http://4.bp.blogspot.com/-Hswp4bQ2Fg8/TXS0OgiPOZI/AAAAAAAAAq8/DV5hPW7PXm4/s400/3.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5581283999563594130" /></p>
<p>3. Now on the head layer we use the eraser tool (E) to erase parts of the neck and get a smooth transition to the body layer:</p>
<p><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 267px; height: 400px;" src="http://1.bp.blogspot.com/-gk-IDpEH9zg/TXS1KczZSVI/AAAAAAAAArE/oEdvDrUrDQI/s400/4.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5581285029353965906" /></p>
<p>4. Should the neck be a little too big for the body you can fix it in warp mode. To do that, select the head layer, click on any transformation handle on the selection and then click on the warp mode icon in the top right-hand corner:</p>
<p><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 230px;" src="http://3.bp.blogspot.com/-n5tFRIZjgVY/TXS3X8YBjbI/AAAAAAAAArM/NSbkRHVTKd4/s400/5.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5581287460190653874" /></p>
<p>In order to fix the neck now you have to grab the handles at the bottom corners of the head layer and drag them toward the center, as indicated in the image above.</p>
<p>5. After that it&#8217;s time to give the guy the comic-slim body. Select the body layer and open the liquify tool (Filter -> Liquify -> Forward Warp Tool). Depending on the image size you have to change the brush size so that the brush diameter is about the size of the body. Then you can squeeze the body the way you like. Practice makes perfect, and if you made a mistake you can always click on &#8220;reconstruct&#8221; or &#8220;revert all&#8221;.</p>
<p>After the warping my image looks now like this:</p>
<p><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 267px; height: 400px;" src="http://3.bp.blogspot.com/-vCBWB9lxXyA/TXS4_xgRFUI/AAAAAAAAArU/t_9FOMgTiOc/s400/6.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5581289243978831170" /></p>
<p>All you have to do now is crop the image one more time to get rid of the white space.</p>
<p>Here&#8217;s the final image as it appeared in the yearbook:</p>
<p><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 350px;" src="http://3.bp.blogspot.com/-A4sbh15oJCE/TXS5g2GJRsI/AAAAAAAAArc/nPzeY-vIxVU/s400/7.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5581289812147128002" /></p>
<p>Check out more bobbleheads at http://shadowness.com/Mike/yearbook-photos <img src='http://tutorials20.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=9967&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/how-to-create-a-bobblehead-portrait/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Painting in Photoshop: The Making of To the Waterfall</title>
		<link>http://tutorials20.com/graphics/painting-in-photoshop-the-making-of-to-the-waterfall/</link>
		<comments>http://tutorials20.com/graphics/painting-in-photoshop-the-making-of-to-the-waterfall/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 20:55:26 +0000</pubDate>
		<dc:creator>Meng To</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/?p=9966</guid>
		<description><![CDATA[I didn’t have a plan when I made this picture so this isn’t going to be a particularly detailed Making Of, and some of the steps are not great, but I hope you will still get some inspirations from the process.]]></description>
			<content:encoded><![CDATA[<p>I didn’t have a plan when I made this picture so this isn’t going to be a particularly detailed Making Of, and some of the steps are not great, but I hope you will still get some inspirations from the process.</p>
<p><a href="http://shadowness.com/Victorior/the-making-of-to-the-waterfall"><img src="http://shadowness.com/file/item3/83831/image.jpg" /></a></p>
<p>__________________________________<br />
If you like <img src='http://tutorials20.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Please help me to VOTE this work on Sicaf (Cartoon competition in Korea)<br />
http://sicaf-idcc.org/bbs/board.php?bo_table=eng&#038;wr_id=37&#038;sca=illustration</p>
<p>Many thanks for your kindness <img src='http://tutorials20.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=9966&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/painting-in-photoshop-the-making-of-to-the-waterfall/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How To Draw: Spellbound Steps</title>
		<link>http://tutorials20.com/graphics/how-to-draw-spellbound-steps/</link>
		<comments>http://tutorials20.com/graphics/how-to-draw-spellbound-steps/#comments</comments>
		<pubDate>Mon, 06 Jun 2011 18:06:49 +0000</pubDate>
		<dc:creator>Meng To</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/?p=9965</guid>
		<description><![CDATA[As I mentioned to a few people, I made a step-by-step of my newest drawing 'Spellbound' --> <a href="http://shadowness.com/mayumi/spellbound">http://shadowness.com/mayumi/spellbound</a>]]></description>
			<content:encoded><![CDATA[<p>As I mentioned to a few people, I made a step-by-step of my newest drawing &#8216;Spellbound&#8217; &#8211;> <a href="http://shadowness.com/mayumi/spellbound">http://shadowness.com/mayumi/spellbound</a></p>
<p><a href="http://shadowness.com/mayumi/spellbound-step"><img src="http://shadowness.com/file/item3/82175/image.jpg" /></a></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=9965&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/how-to-draw-spellbound-steps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Freckles Tutorial Part 1</title>
		<link>http://tutorials20.com/graphics/freckles-tutorial-part-1/</link>
		<comments>http://tutorials20.com/graphics/freckles-tutorial-part-1/#comments</comments>
		<pubDate>Sun, 05 Jun 2011 21:20:00 +0000</pubDate>
		<dc:creator>Meng To</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/?p=9964</guid>
		<description><![CDATA[Here is the first installment of this massive tutorial, I hope someone finds it useful!

Second installment is here: <a href="http://shadowness.com/mynti/frecklestutpart2">http://shadowness.com/mynti/frecklestutpart2</a>]]></description>
			<content:encoded><![CDATA[<p>Here is the first installment of this massive tutorial, I hope someone finds it useful!</p>
<p>Second installment is here: <a href="http://shadowness.com/mynti/frecklestutpart2">http://shadowness.com/mynti/frecklestutpart2</a></p>
<p><a href="http://shadowness.com/mynti/freckles-tutorial-part-1"><img src="http://shadowness.com/file/item3/82606/image.jpg" /></a></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=9964&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/freckles-tutorial-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Enlight Boom Effect in Photoshop</title>
		<link>http://tutorials20.com/graphics/enlight-boom-effect-in-photoshop/</link>
		<comments>http://tutorials20.com/graphics/enlight-boom-effect-in-photoshop/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 13:11:07 +0000</pubDate>
		<dc:creator>Meng To</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/?p=324</guid>
		<description><![CDATA[Quickly create a cool explosion of light graphics effect on Photoshop.
1. Create new RGB image with any size..Here i will choose 500/100..Then press &#8220;D&#8221;..This will reset swatches..

2. Then go to Filter : Render : Clouds

3. Then Filter : Pixelize : Mosaic [ 15 pixels ]

4. Then Blur : Radial Blur [ Zoom / 20 ]

5. Then Stylize : Emboss [ 135 degrees / height 10 / amount: 170 ]

6. Then Brush Strokes : Accent edges [ width 2 / brightness 38 / smoothness 5]

7. Then Stylize : Find edges

8. Then Image : Adjust : Invert [or] Ctrl+i

9. Then Blur : [...]]]></description>
			<content:encoded><![CDATA[<p>Quickly create a cool explosion of light graphics effect on Photoshop.</p>
<p>1. Create new RGB image with any size..Here i will choose 500/100..Then press &#8220;D&#8221;..This will reset swatches..</p>
<p><a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_01.gif"><img class="alignnone size-full wp-image-325" title="eboom_01" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_01.gif" alt="eboom_01" width="51" height="51" /></a></p>
<p>2. Then go to Filter : Render : Clouds<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_02.jpg"><img class="alignnone size-full wp-image-326" title="eboom_02" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_02.jpg" alt="eboom_02" width="300" height="60" /></a></p>
<p>3. Then Filter : Pixelize : Mosaic [ 15 pixels ]<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_03.jpg"><img class="alignnone size-full wp-image-327" title="eboom_03" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_03.jpg" alt="eboom_03" width="300" height="60" /></a></p>
<p>4. Then Blur : Radial Blur [ Zoom / 20 ]<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_04.jpg"><img class="alignnone size-full wp-image-328" title="eboom_04" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_04.jpg" alt="eboom_04" width="300" height="60" /></a></p>
<p>5. Then Stylize : Emboss [ 135 degrees / height 10 / amount: 170 ]<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_05.jpg"><img class="alignnone size-full wp-image-329" title="eboom_05" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_05.jpg" alt="eboom_05" width="300" height="60" /></a></p>
<p>6. Then Brush Strokes : Accent edges [ width 2 / brightness 38 / smoothness 5]<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_06.jpg"><img class="alignnone size-full wp-image-331" title="eboom_06" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_06.jpg" alt="eboom_06" width="300" height="60" /></a></p>
<p>7. Then Stylize : Find edges<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_07.jpg"><img style="border: 0px initial initial;" title="eboom_07" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_07.jpg" alt="eboom_07" width="300" height="60" /></a></p>
<p>8. Then Image : Adjust : Invert [or] Ctrl+i<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_08.jpg"><img class="alignnone size-full wp-image-332" title="eboom_08" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_08.jpg" alt="eboom_08" width="300" height="60" /></a></p>
<p>9. Then Blur : Radial Blur [Zoom / 60]<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_09.jpg"><img class="alignnone size-full wp-image-333" title="eboom_09" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_09.jpg" alt="eboom_09" width="300" height="60" /></a></p>
<p>10. Then go to Image : Adjust : Levels [or] Ctrl + L and put 60 in the redmarked field<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_10.jpg"><img class="alignnone size-full wp-image-334" title="eboom_10" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_10.jpg" alt="eboom_10" width="300" height="207" /><br />
</a><a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_11.jpg"><img class="alignnone size-full wp-image-336" title="eboom_11" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_11.jpg" alt="eboom_11" width="300" height="60" /></a></p>
<p>11. Then lets repeat 9 &amp; 10 steps but with another optionsRadial Blur [ 20 ] &amp; Levels [ 200 ] : the same fields<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_12.jpg"><img class="alignnone size-full wp-image-337" title="eboom_12" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_12.jpg" alt="eboom_12" width="300" height="60" /></a></p>
<p>12. Then lets add some contrast. Image : Adjust : Brightness/Contrast and set +30 to contrast<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_13.jpg"><img class="alignnone size-full wp-image-338" title="eboom_13" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_13.jpg" alt="eboom_13" width="300" height="60" /></a></p>
<p>Final. Then we can colorize picture..There are many ways but i like that one : Create a new layer above our crazy effect and fill it with stylish color of your choice and put the layer option to Color<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_14.jpg"><img class="alignnone size-full wp-image-339" title="eboom_14" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_14.jpg" alt="eboom_14" width="210" height="57" /><br />
</a><a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_15.jpg"><img class="alignnone size-full wp-image-340" title="eboom_15" src="http://tutorials20.com/wp-content/uploads/2009/10/eboom_15.jpg" alt="eboom_15" width="300" height="60" /></a></p>
<p><a href="http://tutorials20.com/wp-content/uploads/2009/10/eboom_15.jpg"> </a></p>
<p><a href="http://tutorials20.com/wp-content/uploads/2009/10/Screen-shot-2009-10-02-at-9.49.55-AM.png"><img style="border: 0px initial initial;" title="Screen shot 2009-10-02 at 9.49.55 AM" src="http://tutorials20.com/wp-content/uploads/2009/10/Screen-shot-2009-10-02-at-9.49.55-AM.png" alt="Screen shot 2009-10-02 at 9.49.55 AM" width="250" height="249" /></a></p>
<p>You can change the zoom blur to radial in step 9 for another cool result.</p>
<p>NOTE: The preview images have been shrinked to to 300 of width in order to fit the page. They do not represent the real size. Thank you for using this tutorial!</p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=324&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/enlight-boom-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Realistic Fire Effect in Photoshop</title>
		<link>http://tutorials20.com/graphics/realistic-fire-effect-in-photoshop/</link>
		<comments>http://tutorials20.com/graphics/realistic-fire-effect-in-photoshop/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 10:20:23 +0000</pubDate>
		<dc:creator>Shadowness</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/?p=314</guid>
		<description><![CDATA[Learn how to create a simple, realistic fire effect in Photoshop.
1. Start a new image 200&#215;200. Creat a new layer
[ layer/new/layer ] and name it &#8216;fire&#8217;. Let&#8217;s fill it with white color [ ctrl+backspace ] and then, render it with difference clouds [ filter/render/difference clouds ]. Repeat the filter 1 or 2 times more. You should come up with the same result as previewed on the left.

2. Now, Render it with lighting effects[filter/render/lighting effects]. Use the following paramaters:

 
3. Last step is quite magic. Simply use the filter accented edges[filter/brush strokes/accented edges] and again, follow the parameters below:


Final. Use the [...]]]></description>
			<content:encoded><![CDATA[<p>Learn how to create a simple, realistic fire effect in Photoshop.</p>
<p><strong>1</strong>. Start a new image 200&#215;200. Creat a new layer<br />
[ layer/new/layer ] and name it &#8216;fire&#8217;. Let&#8217;s fill it with white color [ ctrl+backspace ] and then, render it with difference clouds [ filter/render/difference clouds ]. Repeat the filter 1 or 2 times more. You should come up with the same result as previewed on the left.<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_01.jpg"><img style="border: 0px initial initial;" title="p_rfire_01" src="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_01.jpg" alt="p_rfire_01" width="200" height="200" /></a></p>
<p><strong>2</strong>. Now, Render it with lighting effects[filter/render/lighting effects]. Use the following paramaters:<br />
<a href="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_a01.jpg"><img style="border: 0px initial initial;" title="p_rfire_a01" src="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_a01.jpg" alt="p_rfire_a01" width="300" height="173" /><br />
<span style="color: #000000; font-family: Helvetica, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: normal; -webkit-text-decorations-in-effect: none; font-size: 12px;"> </span></a><a href="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_02.jpg"><img style="border: 0px initial initial;" title="p_rfire_02" src="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_02.jpg" alt="p_rfire_02" width="200" height="200" /></a></p>
<p><strong>3</strong>. Last step is quite magic. Simply use the filter accented edges[filter/brush strokes/accented edges] and again, follow the parameters below:<br />
<span style="font-family: Helvetica, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: normal; font-size: 12px;"><a href="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_a02.jpg"><img style="border: 0px initial initial;" title="p_rfire_a02" src="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_a02.jpg" alt="p_rfire_a02" width="211" height="144" /><br />
</a><a href="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_03.jpg"><img style="border: 0px initial initial;" title="p_rfire_03" src="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_03.jpg" alt="p_rfire_03" width="200" height="200" /></a></span></p>
<p><strong>Final</strong>. Use the layer and set it &#8217;soft light&#8217; or other modes on your own work[layers] as to use effectively the fire you just created. Note that the fire can very much vary depending on the resolution and parameters you started from, but fortunately, the effect will always be the same. So go on, don&#8217;t fear to try! <img src='http://tutorials20.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<span style="font-family: Helvetica, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: normal; font-size: 12px;"><a href="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_sample.jpg"><img class="alignnone size-full wp-image-315" title="p_rfire_sample" src="http://tutorials20.com/wp-content/uploads/2009/10/p_rfire_sample.jpg" alt="p_rfire_sample" width="200" height="200" /></a></span></p>
<p>NOTE: The final result haven&#8217;t been done only using ths tutorial. It is strictly a sample.</p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=314&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/realistic-fire-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Making a web 2.0 logo in Photoshop</title>
		<link>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/</link>
		<comments>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/#comments</comments>
		<pubDate>Sat, 24 May 2008 11:12:49 +0000</pubDate>
		<dc:creator>crazyleaf</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/</guid>
		<description><![CDATA[This Photoshop tutorial will explain how to make a web 2.0 glossy logo or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.
I am starting with a 400&#215;300 px white canvas. Draw your basic shape. I have started with a custom shape from Photoshop&#8217;s presets.
Step 1
Fill the shape with a nice orange color (I am using #ff6600)
Step 2
Apply Bevel and Emboss to the layer using the following values :
Structure

Style : Inner Bevel
Technique : Smooth
Depth : 100%
Direction : Up
Size : 200px
Soften : 0px

Shading

Angle : 120 (use [...]]]></description>
			<content:encoded><![CDATA[<p>This <strong>Photoshop tutorial</strong> will explain how to make a <strong>web 2.0 glossy logo</strong> or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.</p>
<p>I am starting with a 400&#215;300 px white canvas. Draw your basic shape. I have started with a custom shape from <strong>Photoshop</strong>&#8217;s presets.</p>
<p><strong>Step 1</strong></p>
<p>Fill the shape with a nice orange color (I am using <strong>#ff6600</strong>)</p>
<p><strong>Step 2</strong></p>
<p>Apply <strong>Bevel and Emboss</strong> to the layer using the following values :</p>
<p><strong>Structure</strong></p>
<ul>
<li>Style : Inner Bevel</li>
<li>Technique : Smooth</li>
<li>Depth : 100%</li>
<li>Direction : Up</li>
<li>Size : 200px</li>
<li>Soften : 0px</li>
</ul>
<p><strong>Shading</strong></p>
<ul>
<li>Angle : 120 (use global light checked)</li>
<li>Altitude : 30</li>
<li>Highlight mode : Screen, Opacity : 75%</li>
<li>Shadow mode : Multiply (color : #ff0000), opacity 75%.</li>
</ul>
<p><strong>Step 3</strong></p>
<p><strong>Stoke</strong> the layer with an orange color 3 pixels in size (I am using the same orange as the fill : <strong>#ff6600</strong>)</p>
<p><strong>Step 4</strong></p>
<p>Apply an <strong>inner glow</strong>, size 40px.</p>
<p><strong>Step 5</strong></p>
<p>Create a new top layer and using the <strong>Elliptical Marquee Tool</strong> create an oval over the top of the original shape layer. Fill this layer with gradient from white to transparent (white at the bottom, transparent at the top). Give this layer a <strong>50% opacity</strong>. You may rotate this layer so it will look cooler.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/5.JPG" alt="Making a web 2.0 logo in Photoshop - Step 5" /></p>
<p><span id="more-253"></span></p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/6.JPG" alt="Making a web 2.0 logo in Photoshop - Step 5 rotate" /></p>
<p><strong>Step 6 </strong></p>
<p>Make another top layer and using the <strong>Elliptical Marquee Tool </strong>create an oval over the bottom of the original shape layer. Fill this layer with gradient from black to transparent (black at the top, transparent at the bottom). Give this layer a <strong>80% opacity</strong> and a <strong>soft light</strong> or a <strong>hard mix</strong> blend.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/7.JPG" alt="Making a web 2.0 logo in Photoshop - Step 6" /></p>
<p><strong>Step 7</strong></p>
<p>Now to create a nice <strong>mirror effect</strong> we&#8217;ll move all the layers to the top of the canvas and duplicate the original shape layer.<strong> Flip Vertical</strong> the clone of the shape layer and align it so it touches the bottom of the original shape layer.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/8.JPG" alt="Making a web 2.0 logo in Photoshop - Step 7" /></p>
<p><strong>Step 8</strong></p>
<p>Add a new layer and using the <strong>Rectangular marquee tool</strong> make a selection starting at the bottom of the original shape layer like in the image below. Apply to this layer a gradient from white at the bottom to transparent at the top.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/9.JPG" alt="Making a web 2.0 logo in Photoshop - Step 8" /></p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/10.JPG" alt="Making a web 2.0 logo in Photoshop - Step 8 gradient" /></p>
<p><strong>Step 9</strong></p>
<p>Add some nice text using a good typeface and you&#8217;re set.</p>
<p><strong><a title="Making a Web 2.0 Logo in Photoshop PSD file" href="http://www.crazyleafdesign.com/blog/making-a-web-20-logo-in-photoshop/">Originaly posted at CrazyLeaf Design Blog</a></strong></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=253&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Fun With Illustrator: Make a Happy Little Cloud</title>
		<link>http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/</link>
		<comments>http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/#comments</comments>
		<pubDate>Sat, 24 May 2008 11:12:15 +0000</pubDate>
		<dc:creator>clickpopmedia</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/</guid>
		<description><![CDATA[
We&#8217;re all big Bob Ross fans here at ClickPopMedia.  Today, in the tradition of the Joy of Painting, I am going to show you how to make a happy little cloud.
Welcome back everybody.  I sure am glad you could make it out today.  Does everyone have their Illustrator warmed up and ready to do some vectorizing?  Good.

Step 1:
What I have here is a 600 px by 600 px Illustrator document, but you can use whatever size makes you happy.  Keep in mind though, if you do things at a much different size, most of the [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/header2.jpg" alt="header2.jpg" /></p>
<blockquote><p>We&#8217;re all big <a href="http://en.wikipedia.org/wiki/Bob_Ross">Bob Ross</a> fans here at ClickPopMedia.  Today, in the tradition of the Joy of Painting, I am going to show you how to make a happy little cloud.</p></blockquote>
<p>Welcome back everybody.  I sure am glad you could make it out today.  Does everyone have their Illustrator warmed up and ready to do some vectorizing?  Good.</p>
<p><span id="more-258"></span></p>
<p><strong>Step 1:</strong><br />
What I have here is a 600 px by 600 px Illustrator document, but you can use whatever size makes you happy.  Keep in mind though, if you do things at a much different size, most of the values I give you won&#8217;t translate correctly.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step1.jpg" alt="Step 1" /></p>
<p><strong>Step 2:</strong><br />
The next thing we&#8217;ll do is make a sky for our clouds to live in.  So let&#8217;s make a 600 x 600 square with a nice white to blue radial gradient fill.  Let&#8217;s try and get a gradual fade between the colors, just a whisper of a gradient.  You can adjust your gradient using the Gradient Tool (<em>hotkey G</em>).</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step2.jpg" alt="Step 2" /></p>
<p><strong>Step 3:</strong><br />
Create a new layer and now we&#8217;ll start to make our little cloud. Make two circles (<em>hotkey L</em>) that will be the outer boundaries of your cloud. There we are</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step3.jpg" alt="Step 3" /></p>
<p><strong>Step 4:</strong><br />
Now then, we&#8217;re going to build up on our cloud by making more circles of different sizes.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step4.jpg" alt="Step 4" /></p>
<p align="left">There it is, the top of our cloud. Don&#8217;t over think this step to much. The clouds are very free, they just float around and have fun all day. So we&#8217;re just making some fluffy, carefree clouds.</p>
<p><strong>Step 5:<br />
</strong>Well, now we&#8217;re going to finish off our basic shape.  Take the pen tool (<em>hotkey P</em>) and create a shape that covers up all the open space left in your cloud.  You can also continue using circles or curves if you want to have  a puffy bottom on your cloud. Just let your imagination go.<strong><br />
</strong></p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step5.jpg" alt="Step 5" /></p>
<p><strong>Step 6:</strong><br />
Now we get to the fun part.  Illustrator has a neat little tool called the Pathfinder.  Maybe I&#8217;ll do a bigger tutorial on the Pathfinder later, but for now we&#8217;ll just keep it simple.  We are going to be using the Pathfinder to make the shapes we&#8217;ve made come together.  So go ahead and select all the shapes in your cloud. Now click the &#8220;Add to Shape Area&#8221; button in your Pathfinder tab and immediately after that, before you do anything else, click the &#8220;Expand&#8221; button and watch that little rascal come together.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step6.jpg" alt="Step 6" /></p>
<p><strong>Step 7:<br />
</strong>Now we&#8217;re going to give the cloud some character.  Remember, this is <em>your</em> cloud, so you can do any little thing with it.  I&#8217;m just going to show you what I did.  I thickened up the outer stroke a bit, just to make our little friend look even a little puffier than before.  I also added a light gray to white linear gradient coming up from the bottom of the cloud just to give the indication of depth and shadow.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step7.jpg" alt="Step 7" /></p>
<p><strong>Step 8:<br />
</strong>I&#8217;ve made a few more clouds to live together, so our friend isn&#8217;t lonely.  Each of our clouds has just a whisper of a drop shadow (<em>Effect&gt;Stylize&gt;Drop Shadow: Opacity 30%, 0px offsets, 5px blur</em>) just to soften things up.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step8.jpg" alt="Step 8" /></p>
<p align="left">And now we have a finished cloud family.  So with that I&#8217;ll tell you good bye. I look forward to seeing you again.  From all of us at ClickPopMedia, have fun with Illustrator, and God bless you.</p>
<p align="left"><strong> GodBless:VQ</strong></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=258&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Shrek text effect with Photoshop</title>
		<link>http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/</link>
		<comments>http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/#comments</comments>
		<pubDate>Fri, 23 Nov 2007 19:55:47 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/</guid>
		<description><![CDATA[Learn how to play with gradients and textures to get the Shrek effect. Very cool effect and now you can do it in photoshop.

]]></description>
			<content:encoded><![CDATA[<p><span class="style63"></span><span class="style10"><font face="Verdana, Arial, Helvetica, sans-serif">Learn how to play with gradients and textures to get the Shrek effect. Very cool effect and now you can do it in photoshop.</font></span></p>
<p><img border="0" width="546" src="http://tutorials20.com/wp-content/uploads/2007/02/shrek.jpg" alt="Shrek Text" height="3023" style="width: 546px; height: 3023px" title="Shrek Text" /></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=220&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Facebook Pic / Shadowness-Style</title>
		<link>http://tutorials20.com/graphics/facebook-pic-shadowness-style/</link>
		<comments>http://tutorials20.com/graphics/facebook-pic-shadowness-style/#comments</comments>
		<pubDate>Thu, 15 Nov 2007 05:03:44 +0000</pubDate>
		<dc:creator>Shadowness</dc:creator>
				<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/graphics/facebook-pic-shadowness-style/</guid>
		<description><![CDATA[
Dimension of the Facebook profile picture is 200&#215;300. Add cool effects to your photos!
Didn&#8217;t have the chance to show the very end result, but here it is:

All the stocks are on my Shadowness.com profile. Download here
]]></description>
			<content:encoded><![CDATA[<p><b><a href="http://www.shadowness.com/file/Facebook_Pic.swf"><img src="http://www.shadowness.com/file/item/14754/image_t4.jpg" /></a></b></p>
<p>Dimension of the Facebook profile picture is 200&#215;300. Add cool effects to your photos!</p>
<p>Didn&#8217;t have the chance to show the very end result, but here it is:<br />
<img src="http://www.shadowness.com/file/Facebook_Pic.png" /></p>
<p>All the stocks are on my Shadowness.com profile. <b><a href="http://www.shadowness.com/album/4957">Download here</a></b></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=247&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/facebook-pic-shadowness-style/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

