<?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>BoxedArt.com Web Design Blog</title>
	<atom:link href="http://blog.boxedart.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.boxedart.com</link>
	<description>Website Design News, Information, and Inspiration</description>
	<lastBuildDate>Thu, 11 Mar 2010 23:39:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Draw a Clip-on Style Navigation</title>
		<link>http://blog.boxedart.com/tutorials/design-a-hanging-clothes-pinned-website-navigation-3/</link>
		<comments>http://blog.boxedart.com/tutorials/design-a-hanging-clothes-pinned-website-navigation-3/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 22:23:21 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Website Navigation]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=655</guid>
		<description><![CDATA[Friends, are you tired of your navigation never staying up? Post-it note navigations lose their adhesiveness and fall flat, scotch tape navigation can tear up your background color and leave a sticky mess, and push pin navigations leave awful holes on your website! Now, you can have a tidy clip-on navigation that will stay up [...]]]></description>
			<content:encoded><![CDATA[<p>Friends, are you tired of your navigation never staying up? Post-it note navigations lose their adhesiveness and fall flat, scotch tape navigation can tear up your background color and leave a sticky mess, and push pin navigations leave awful holes on your website! Now, you can have a tidy clip-on navigation that will stay up as long as you like with no messy glue or ugly holes left behind! All you will need is a copy of Adobe Illustrator, a block of wood, a doughnut, a ball of twine, three nails, a club sandwich, a bucket of ice, and a hatchet as sharp as the devil himself. </p>
<p><strong>Required Items:</strong><br />
<center><img src="http://blog.boxedart.com/images-clip/RequiredItems.gif" alt="Adobe Illustrator, a block of wood, a doughnut, a ball of twine, three nails, a club sandwich, a bucket of ice, and a hatchet as sharp as the devil himself"></center></p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20570"><img src="http://mediaimages.boxedart.com/NatureCare550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20570">Nature Care Template</a> and it&#8217;s tidy clip-on note navigation, with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<span id="more-655"></span></p>
<h3>Step 1: Start With a Basic Rectangle</h3>
<p>As usual, create a new document in any size. Next, let’s start drawing the size of the clip on note. Get the Rectangle Tool, and then draw a rectangular shape on your document.
      </p>
</p>
<p><img src="http://blog.boxedart.com/images-clip/step1.gif" width="637" height="514" alt="step1" /></p>
<h3>Step 2: Make a Cut for the Fold</h3>
<p>Next, cut off the top left corner of the rectangle, as we need to make a curve in paper corner. Select the Scissor Tool, and cut off the corner, and you will get a result like the below diagram.    </p>
<p><img src="http://blog.boxedart.com/images-clip/step2.gif" width="637" height="514" alt="step1" /></p>
<h3>Step 3: Create a Shadow for the Paper Bend</h3>
<p>Now, grab the gradient tool and set the color setting to light grey (Cyan 8%, Magenta 6%, Yellow 6%, and Black 0%) and white. Pull the direction from the top left corner to the bottom, just like the below diagram. </p>
<p><img src="http://blog.boxedart.com/images-clip/step3.gif" width="637" height="514" alt="step3" /></p>
<h3>Step 4: Drawing the Curl</h3>
<p>It’s time to draw the curled up paper corner, so grab your pen tool and draw a curved triangle at the top left corner. </p>
<p><img src="http://blog.boxedart.com/images-clip/step4.gif" width="637" height="514" alt="step4" /></p>
<p>Then, fill it with the same gradient setting as above, and again pull it from the top left to right bottom,  just like the below example.</p>
<p><img src="http://blog.boxedart.com/images-clip/step5.gif" width="637" height="514" alt="step5" /></p>
<p><img src="http://blog.boxedart.com/images-clip/step5-gradient.gif" width="216" height="189" alt="gradient" /></p>
<h3>Step 5: Add a Shadow Under the Curl</h3>
<p>Now, add a little small shadow below the page curl. Grab your pen tool again and draw a semi-circle and fill it with black to white gradient. </p>
<p><img src="http://blog.boxedart.com/images-clip/step6.gif" width="637" height="514" alt="step6" />
</p>
<p>Next, Gaussian Blur the semi circle with the setting of 2.5 pixels and set the transparency to 20%.
</p>
</p>
<div class="img"><img src="http://blog.boxedart.com/images-clip/step6-gaussianblur.gif" width="260" height="254" alt="gaussian blur" /></div>
<div class="img"><img src="http://blog.boxedart.com/images-clip/step6-transparent.gif" width="216" height="121" alt="gaussian blur" /></div>
<p><br class="clearboth"/></p>
<h3>Step 6: Give the Note a Background Shadow</h3>
<p>So now we add in the background shadow for the clip on note.  Select your note and hold on to ALT, and then drag and you will have another similar note. Then, fill it with black and set the transparency to 30%. Now, go to Effect &gt; Blur &gt; Gaussian Blur and set 4 pixels.  </p>
</p>
<p><img src="http://blog.boxedart.com/images-clip/step6a.gif" width="637" height="514" alt="step6" /></p>
<p><img src="http://blog.boxedart.com/images-clip/step6-gaussianblur1.gif" width="260" height="254" alt="gaussian blur" /> </p>
<h3>Step 7: Move the Shadow Behind the Paper</h3>
<p>Move the shadow 3 pixels down and to the right. Then hold on to Ctrl + Shift and press the character &#8216;[&#8216;, this will move the shadow to behind the paper.
  </p>
</p>
<p>  <img src="http://blog.boxedart.com/images-clip/step7.gif" width="637" height="514" alt="step6" /> </p>
<h2>&nbsp;</h2>
<h3>Step 8: Outline the Paperclip</h3>
<p>Now, we have our piece of paper, but it won&#8217;t stay up on your website without some form of a clip. So, let’s start with drawing the clip for it by using the rounded rectangle. Next, we need to grab the mesh tool to make a 3D gradient look. To do this, click on the top center of the rounded rectangle tool, and click the  second mark on the bottom, just like the below. </p>
<p><img src="http://blog.boxedart.com/images-clip/step8.gif" width="637" height="514" alt="step8" /> </p>
<h3>Step 9: Color the Clip</h3>
<p>Now that the basic shape of the clip is created, we need to fill it in. Therefore, get the Direct Selection Tool and click on the center path, and move it towards from top to bottom. Then, fill it with darker gray for the top selection and the lighter gray for the bottom selection.</p>
</p>
<p><img src="http://blog.boxedart.com/images-clip/step9.gif" width="637" height="514" alt="step9" /></p>
<p><img src="http://blog.boxedart.com/images-clip/colors.gif" width="216" height="136" alt="color" /> </p>
<h3>Step 10: Give Dimension to the Clip</h3>
<p>Now, you will see some tones in top of the clip, but it is still flat and one dimensional looking.  To fix this, we&#8217;re going to need to give the clip a side surface, so select the clip, duplicate it, fill it with plain gray, and move towards the back.
  </p>
</p>
<p><img src="http://blog.boxedart.com/images-clip/step10.gif" width="637" height="514" alt="step10" /> </p>
<h2>Step 11: Add the Back Clip</h2>
<p>We&#8217;ve gotten the front of the clip made, however clips have two pieces that press against each other, so there&#8217;s still only one half of the clip.  Therefore, we need to make the back half of the clip; select everything and duplicate again for the other clip handle. Move it behind the first handle and rotate it to -30%. Then, move it towards the paper and rotate it again -10% and finally add a dot at the center  bottom of the clip.
    </p>
</p>
<p><img src="http://blog.boxedart.com/images-clip/step11.gif" width="637" height="514" alt="step11" /> </p>
<h3>Step 12: Add a Frame/Border Inside the Note</h3>
<p>Ok, so, the paper is now hung up on the clip, and we have a navigation that will hold up to anything nature can throw at it, except for a mild breeze, a little rain, or high humidity. Now we&#8217;re just going to dress it up a little bit by adding a little picture frame looking inner area to contain our nav text. Thereafter, draw another rectangle and fill it with light green (7C9A3D) and set the transparency to 10% at the center of the note.
  </p>
</p>
<p><img src="http://blog.boxedart.com/images-clip/step12.gif" width="637" height="514" alt="Step12" /> </p>
<h3>Step 13: Add the Outer Frame to Create a Thick Border</h3>
<p>Next, draw another bigger rectangle behind the light green for the frame&#8217;s border, and duplicate another one for the shadow behind it.  Finally, select all 3 rectangles and rotate 2%. </p>
<p><img src="http://blog.boxedart.com/images-clip/step13.gif" width="637" height="514" alt="step13" /></p>
<p>And we are DONE… Now you can copy and paste it as vector in your Photoshop document and create your navigation bar just like below.
    </p>
</p>
<p><img src="http://blog.boxedart.com/images-clip/nav-sample.jpg" width="667" height="144" /> </p>
<p>Here&#8217;s how it appears in the final <a href=""http://www.boxedart.com/phpshop/info.php/mp_/20570">Nature Care Web Template</a></p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20570"><img src="http://mediaimages.boxedart.com/NatureCare550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20570">Nature Care Template</a> and it&#8217;s tidy clip-on note navigation, with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/design-a-hanging-clothes-pinned-website-navigation-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design a Traditional St Patrick&#8217;s Day Logo Inside a Texturized Flyer</title>
		<link>http://blog.boxedart.com/tutorials/design-a-traditional-st-patricks-day-logo-inside-a-texturized-flyer/</link>
		<comments>http://blog.boxedart.com/tutorials/design-a-traditional-st-patricks-day-logo-inside-a-texturized-flyer/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 05:36:39 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Flyer]]></category>
		<category><![CDATA[Holiday]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[St Patrick's Day]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=632</guid>
		<description><![CDATA[Top o&#8217; the mornin&#8217; to ya! For the rest of this tutorial I will be speaking with an Irish accent, however, you probably won&#8217;t notice because there is no audio in this lesson; oh well.  Anyway, where&#8217;s that leprechaun that stole my vodka&#8230; now I forgot what, oh yeah, the tutorial thing. Sorry about [...]]]></description>
			<content:encoded><![CDATA[<p>Top o&#8217; the mornin&#8217; to ya! For the rest of this tutorial I will be speaking with an Irish accent, however, you probably won&#8217;t notice because there is no audio in this lesson; oh well.  Anyway, where&#8217;s that leprechaun that stole my vodka&#8230; now I forgot what, oh yeah, the tutorial thing. Sorry about all of the confusion, I started celebrating St Patrick&#8217;s Day early this year. Moving on, this is the tutorial will show you how to design the wood grain style logo of the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20564">St Pat Promo Flyer</a>.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20564"><img src="http://mediaimages.boxedart.com/StPatPromo550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20564">St Pat Promo</a> Flyer Template with full PSD source BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<span id="more-632"></span></p>
<h3>Step 1: Create a New Document Filled with an Irish Green Gradient</h3>
<p>
Let’s start with creating a new document with the size of  9 inches x 13 inches. Fill it with a radial gradient by using #587700 as the  foreground color, and #2e3e00 as the background color.</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/01.jpg" width="436" height="626" /></p>
<h3>Step 2: Texturize the Background</h3>
<p>
Next, press D to reset the foreground and background color to its original mode, which is black and white. Then, create a new layer on top of the green background and render a Cloud effect on it. Go to  Filter &gt; Render &gt; Clouds, and then press ok. Next let’s choose ‘Overlay’  mode and capacity 20% for the cloud’s layer.</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/02.jpg" width="550" height="677" /></p>
<h3>Step 3: Frame-in the Flyer</h3>
<p>
Now, let’s create a black border around the document. Use  the Rectangular Marquee Tool (M) to create a selection with a little space  around document like the below, and press Shift F6 to create a Feather of  100pixels.</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/03.jpg" width="439" height="636" /></p>
<p>Next, create a new layer and select Shift + Control + I to  inverse the selection and fill it with black. Here are the results:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/04.jpg" width="437" height="633" /></p>
<h3>Step 4: Modify the Border with a Wave</h3>
<p>
Now, we&#8217;re going to modify the design of the border by adding a wave. We do this for two reasons, the first is to add a more dramatic edge, and the second is to distract the leprechauns in an attempt to recover the vodka they&#8217;ve taken. Remember, never underestimate a thirsty leprechaun.  Go to Filter &gt; Distort &gt; Waves and use 400 for the wave length:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/05.jpg" width="465" height="401" /></p>
<p>This is how your image should look now:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/06.jpg" width="437" height="633" /></p>
<h3>Step 5: Back lighting the Logo Area</h3>
<p>
Next, let’s create a light glow to the background; this will help the logo pop when we finally add it in the next steps below. Start by using the Elliptical Marquee Tool (M) and use 30 pixels for the feather. The circle should be centered and fill about 2/3 of the page width.</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/07.jpg" width="527" height="451" /></p>
<p>Then, fill it with a white transparency gradient:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/08.jpg" width="505" height="436" /></p>
<p>Now, select ‘Overlay’ mode for the light glow layer you just created. Here are the results:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/09.jpg" width="446" height="498" /></p>
<h3>Step 6: Carve Your Text in Wood</h3>
<p>
This step portion contains 7 little mini steps to apply a variety of effects to your flyer logo. </p>
<h3>Step 6A</h3>
<p>Now, lets type out the text for the logo. For our logo, we used the steelfish font:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/10.jpg" width="550" height="292" /></p>
<p>Then, right click on the text layer and apply the following effects to it:</p>
<h3>Step 6B</h3>
<p>Inner Glow:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/11.jpg" width="591" height="431" /></p>
<h3>Step 6C</h3>
<p>Bevel and Emboss:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/12.jpg" width="595" height="442" /></p>
<h3>Step 6D</h3>
<p>Texture:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/13.jpg" width="591" height="434" /></p>
<h3>Step 6E</h3>
<p>Satin:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/14.jpg" width="587" height="428" /></p>
<h3>Step 6F</h3>
<p>Gradient Overlay:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/15.jpg" width="584" height="669" /></p>
<h3>Step 6G</h3>
<p>Stroke:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/16.jpg" width="591" height="397" /></p>
<p>The result!</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/17.jpg" width="570" height="277" /></p>
<h3>Step 7: Add a Trail of Glowing Lights</h3>
<p>
Time to make the logo area a little more festive by adding a trail of glowing lights in front of the text. Use the path tool (P) and create a trail similar to the below:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/18.jpg" width="570" height="177" /></p>
<p>Then, open the Brush Window by clicking Window &gt;  Brushes and select the 100pixels wide Brush:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/19.jpg" width="602" height="468" /></p>
<p>After that, click on the shape dynamics box and enter 578% in the scatter box:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/20.jpg" width="548" height="460" /></p>
<p>Next, create a new layer, and with the Path tool still selected, right click on the path you created just now, and select stroke path. Once completed, select brush and tick stimulate pressure in the pop up window:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/21.jpg" width="550" height="233" /></p>
<p>This is how your image should look now:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/22.jpg" width="580" height="226" /></p>
<p>Next let’s select ‘overlay’ mode and capacity in the glowing  layer you just created:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/23.jpg" width="580" height="222" /></p>
<h3>Step 8: Add Some Festive Graphics</h3>
<p>We are almost done, and you can add some elements to it to spice it up a little, we downloaded some from bigstockphoto and sprinkled them around the logo area like green jimmies on a festive doughnut:</p>
<p><img src="http://blog.boxedart.com/images-stpatpromo/24.jpg" width="580" height="261" /></p>
<p>There we have it. We then used our textured canvas and logo to complete our St. Pat Promo Flyer Template:</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20564"><img src="http://mediaimages.boxedart.com/StPatPromo550.gif" alt="" /></a></center></p>
<p>Thanks for reading, and be sure to celebrate until the leprechauns come!</p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20564">St Pat Promo</a> Flyer Template with full PSD source BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<!--more--></p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/design-a-traditional-st-patricks-day-logo-inside-a-texturized-flyer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Fantasy Village Suitable for the Smurfs</title>
		<link>http://blog.boxedart.com/tutorials/create-a-fantasy-village-suitable-for-the-smurfs/</link>
		<comments>http://blog.boxedart.com/tutorials/create-a-fantasy-village-suitable-for-the-smurfs/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 04:20:01 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Smurfs]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=610</guid>
		<description><![CDATA[WARNING: This tutorial will increase the chances of a Gargamel attack on your website. Today we learn to create a mushroom-hut fantasy village suitable for habitation by the Smurfs, as seen the Fantasy Village Template.

You can download the Fantasy Village Template with full PSD source files and sliced table free HTML pages for this template [...]]]></description>
			<content:encoded><![CDATA[<p>WARNING: This tutorial will increase the chances of a Gargamel attack on your website. Today we learn to create a mushroom-hut fantasy village suitable for habitation by the Smurfs, as seen the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20559">Fantasy Village Template</a>.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20559"><img src="http://mediaimages.boxedart.com/FantasyVillage550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20559">Fantasy Village Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<span id="more-610"></span></p>
<h3>Step 1: Let There Be Sky</h3>
<p>First, create a new document with the size of 1200 x 950 pixels. Next, we fill it with a sky color -a soft blue  gradient. Set the foreground color to# 60c2d6 and the background color to #d7f0f5. Here are the results:</p>
<p class="style1"><img src="http://blog.boxedart.com/images-fvillage/01.jpg" width="500" height="375" /></p>
<h3>Step 2: Let There Be Land</h3>
<p>Now, let’s create the ground. Start with creating a simple curve with a pen tool and fill it with color #99c83e. Here are the results of this template design:<br />
<br /><img src="http://blog.boxedart.com/images-fvillage/02.jpg" width="590" height="467" /></p>
<p>Next, let’s give a little depth to the ground by giving it some gradient. Right click  on the ground layer and use the below settings for the gradient:<br />
<br /><img src="http://blog.boxedart.com/images-fvillage/03.jpg" width="606" height="447" /></p>
<p>The results should be like so:<br />
<br /><img src="http://blog.boxedart.com/images-fvillage/04.jpg" width="590" height="467" /></p>
<h3>Step 3: Let There Be Shrooms</h3>
<p class="style1">Ok, the basic scene is set with the sky and earth, now it&#8217;s time to start filling in the landscape, so let’s create a fun mushroom village.  This part will take some drawing technique to draw the shape, and you can take any mushroom as a reference. Use the pen tool as shown below and draw a few wavy lines similar to the shape of a mushroom. To draw the lines, just click and drag a line across the image using the pen tool that you selected. This is how our mushroom looks:</p>
<p><img src="http://blog.boxedart.com/images-fvillage/05.jpg" width="310" height="349" /></p>
<p>To complete the mushroom shape, let’s create a black stroke around it with the settings below:</p>
<p><img src="http://blog.boxedart.com/images-fvillage/06.jpg" width="600" height="437" /></p>
<h3>Step 4: Let The Shrooms Be Decorated and Ornate</h3>
<p>Next, let’s create some circles on top of the mushroom for a spotted look, after all, the Smurfs had spots on top of their mushrooms in Smurf Village. Use the eclipse tool (U) and draw a few oval shapes above the mushroom, fill it  with any color you prefer, and then paste it with the stroke we create above.  Right click on the eclipse layers and choose create clipping mask so that it  all appears inside the top mushroom section.<br />
<img src="http://blog.boxedart.com/images-fvillage/07.jpg" width="202" height="485" /></p>
<p>Here is how the mushroom should look now. You can place the white spots  anywhere you like:</p>
<p><img src="http://blog.boxedart.com/images-fvillage/08.jpg" width="597" height="373" /></p>
<p>Next, the mushroom hut needs an entrance, so let’s create a door. You pick brown you prefer, or you can use the color we used: #cd8652. Use the rectangle shape create the door, and place in above the  mushroom stand layer, and create a mask to it just like the above step. Here’s  how it’s going to look: </p>
<p><img src="http://blog.boxedart.com/images-fvillage/09.jpg" width="284" height="353" /></p>
<h3>Step 5: Let There Be a Village</h3>
<p>We are done with one mushroom house, you can duplicate them  and place them all around the ground and lay them out the way you like. Here&#8217;s how ours were placed:</p>
<p><img src="http://blog.boxedart.com/images-fvillage/10.jpg" width="590" height="467" /></p>
<p class="style1">
<h3>Step 6: Let There Be a Road and Trees</h3>
<p>Then let’s add a road path and some trees to it. Using the pen tool, just draw the path freely in the middle of the ground just like the below, and then apply the gradient effect you have on the ground layer onto it.<br />
<img src="http://blog.boxedart.com/images-fvillage/11.jpg" width="590" height="467" /></p>
<p>Now let’s add some trees, and some walk paths to it using  the pen tool to draw a tree, and duplicate it and place it all over.<br />
<img src="http://blog.boxedart.com/images-fvillage/12.jpg" width="590" height="467" /> </p>
<h3>Step 7: Let There Be a Template</h3>
<p>Now let’s use the rectangle tool (U) to draw a white shape for the  content area, and place it below the ground layer so it is behind all the  elements:<br />
<img src="http://blog.boxedart.com/images-fvillage/13.jpg" width="590" height="467" /></p>
<p>To add some final touches to it, you can select the custom shape tool (U), go to the nature section and pick some clouds, and other  elements to the design:</p>
<p class="style1"><img src="http://blog.boxedart.com/images-fvillage/14.jpg" width="256" height="254" /></p>
<p>Here’s is the final look of it. You can place your content  in the content area.<br />
<center><img src="http://blog.boxedart.com/images-fvillage/15.jpg" width="590" height="467" /></center></p>
<p>Here is how we finished off our design:</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20559"><img src="http://mediaimages.boxedart.com/FantasyVillage550-1.jpg" alt="" /></a></center></p>
<p>Thanks for reading!</p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20559">Fantasy Village Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/create-a-fantasy-village-suitable-for-the-smurfs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Create an Interstellar Winter Sports Scene</title>
		<link>http://blog.boxedart.com/tutorials/create-a-winter-sports-space-collage/</link>
		<comments>http://blog.boxedart.com/tutorials/create-a-winter-sports-space-collage/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 00:29:40 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Digital Photos]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Photo Effects]]></category>
		<category><![CDATA[Photo Manipulaton]]></category>
		<category><![CDATA[Space]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=589</guid>
		<description><![CDATA[We swear that this template was designed long before we saw the Winter Olympics/Sean White snowboarding in space commercial. Now, you too can take extreme sports to the limits in today&#8217;s lesson, which showcases a variety of astronomical effects, placing athletes on an alien world, in the Interstellar Sports Template.

You can download the Interstellar Sports [...]]]></description>
			<content:encoded><![CDATA[<p>We swear that this template was designed long before we saw the Winter Olympics/Sean White snowboarding in space commercial. Now, you too can take extreme sports to the limits in today&#8217;s lesson, which showcases a variety of astronomical effects, placing athletes on an alien world, in the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20558">Interstellar Sports Template</a>.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20558"><img src="http://mediaimages.boxedart.com/InterstellarSports550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20548">Interstellar Sports Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<span id="more-589"></span></p>
<h3>Step 1: Setting the Header Size</h3>
<p>Let’s start by creating the header size of the design. Click Control N to create a new document and set it to 910pixels x 400pixels. Next, we grab the get an Alien Base photo, we got ours from bigstockphoto. This is the one used in the Interstellar Sports template:</p>
<p><img src="http://blog.boxedart.com/images-isport/01.jpg" width="400" height="326" /></p>
<p>
<h3>Step 2: Applying the Image to the Header</h3>
<p>Next, let’s drag the Alien Base photo to the header you just created. </p>
<p><img src="http://blog.boxedart.com/images-isport/02.jpg" width="590" height="259" /></p>
<p>
<h3>Step 3: Placing the Sports Photos</h3>
<p>Now, we have to get a few sports photos. Below are the ones used in this web template:</p>
<p><img src="http://blog.boxedart.com/images-isport/03.jpg" width="590" height="267" /></p>
<p>Now, let’s get them in the header, just press Control V on the photos, and drag them in to the header. You can place them anywhere you prefer. These are how the above were placed:</p>
<p><img src="http://blog.boxedart.com/images-isport/04.jpg" width="590" height="259" /></p>
<p>
<h3>Step 4: Adjusting the Blending Mode of the Photos:</h3>
<p>Next, we have to adjust the blending mode for each photo. We are going to be using “Hard Light” mode for each of the photos. Just click on each of the photo layers respectively and change the mode to “Hard Light”.</p>
<p><img src="http://blog.boxedart.com/images-isport/05.jpg" width="250" height="351" /></p>
<p><img src="http://blog.boxedart.com/images-isport/06.jpg" width="280" height="427" /></p>
<p><img src="http://blog.boxedart.com/images-isport/07.jpg" width="200" height="345" /></p>
<p>
<h3>Step 5: Adding Motion to the Photos</h3>
<p>Now, let’s create some motion to the photos. First, let’s duplicate the photo by right clicking on the layer, and selecting ‘Duplicate Layer’.</p>
<p><img src="http://blog.boxedart.com/images-isport/08.jpg" width="400" height="229" /></p>
<p>Then go to Filters &gt; Blur &gt; Motion Blur and use distance:30pixels and angle: 30.</p>
<p><img src="http://blog.boxedart.com/images-isport/09.jpg" width="580" height="350" /></p>
<p>Now let’s change the blending mode on the motions layer to  ‘Lighter Color’ as shown below:</p>
<p><img src="http://blog.boxedart.com/images-isport/10.jpg" width="200" height="181" /></p>
<p>This is how the photo going to look:</p>
<p><img src="http://blog.boxedart.com/images-isport/11.jpg" width="283" height="242" /></p>
<p>Next, let’s repeat Step 5 for the rest of the two photos. These are the results when you have completed Step 5 for all the photos:</p>
<p><img src="http://blog.boxedart.com/images-isport/12.jpg" width="600" height="264" /></p>
<p>
<h3>Step 6: Creating a New Planet in the Sky</h3>
<p>Now, we&#8217;ll learn to create a new planets from scratch and add them to the header. Let’s create a new layer underneath all the sports layer, and select Elliptical Marquee Tool (M) from the tool bar. Create the circle anywhere you like and be  sure to hold down the Shift Key for a proportional circle. And fill it with #4fe5ff.</p>
<p><img src="http://blog.boxedart.com/images-isport/13.jpg" width="550" height="244" /></p>
<p>
<h3>Step 7: Render  Difference Cloud Effects on the Planet</h3>
<p>Next, let’s create some effects on the planet, go to Filter  &gt; Render &gt; Difference Clouds</p>
<p><img src="http://blog.boxedart.com/images-isport/14.jpg" width="550" height="445" /></p>
<p>We need to apply this filter for a few more times to get the  desire effect, just press Control F for another 5times for the planet to look  like the below:</p>
<p><img src="http://blog.boxedart.com/images-isport/15.jpg" width="570" height="251" /></p>
<p>
<h3>Step 8: Make the New Planet 3D</h3>
<p>Now we have to make the planet stand out, with the planet layer selected, hold down the Control key to make the selection, then go to  Filter &gt; Distort &gt; Spherize.</p>
<p><img src="http://blog.boxedart.com/images-isport/16.jpg" width="560" height="437" /></p>
<p>And use 100% for the amount, and normal for mode.</p>
<p><img src="http://blog.boxedart.com/images-isport/17.jpg" width="300" height="297" /></p>
<p>
<h3>Step 9: Give the Planet an Eerie Glow</h3>
<p>Now we need to add some inner and outer glow effects to the planet to make it look like a true nighttime celestial object. Go to the planet layer, right click on it, and select Blending Options, and use the below settings:</p>
<p><img src="http://blog.boxedart.com/images-isport/18.jpg" width="550" height="401" /></p>
<p><img src="http://blog.boxedart.com/images-isport/19.jpg" width="550" height="402" /></p>
<p>
<h3>Step 10: Name Your New Planet</h3>
<p>Every planet has to have a name &#8211; even Pluto has a name, and it&#8217;s not even considered a planet anymore. We named our planet Baconia, where bacon grows in abundance and is never in short supply. <br /><img src="http://blog.boxedart.com/images/bacon.jpg"><br />(Note: This bacon is actually from earth, and not from Baconia. It is an artist&#8217;s conception of how bacon from Baconia may appear.)</p>
<p>This is how our final header looks now:</p>
<p><img src="http://blog.boxedart.com/images-isport/20.jpg" width="570" height="251" /></p>
<p>
Here&#8217;s how the header was used in the final template:<br />
<center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20558"><img src="http://mediaimages.boxedart.com/InterstellarSports550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20558">Interstellar Sports Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<!--more--></p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/create-a-winter-sports-space-collage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Self Assessment Fail</title>
		<link>http://blog.boxedart.com/offbeat/self-assessment-fail/</link>
		<comments>http://blog.boxedart.com/offbeat/self-assessment-fail/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 21:01:52 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Offbeat]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=583</guid>
		<description><![CDATA[
If someone is able to find the information for her, she might want to read this tutorial before applying.











]]></description>
			<content:encoded><![CDATA[<p><center><img alt="" src="http://blog.boxedart.com/images/AbilityAssessmentFail.gif" title="I don&#039;t think she&#039;s as good as she thinks she is at it..." class="aligncenter" width="631" height="242" /></center></p>
<p>If someone is able to find the information for her, she might want to read <a href="http://blog.boxedart.com/offbeat/a-step-by-step-guide-on-how-to-find-basic-information-online-using-the-search-engine-website-google/">this tutorial</a> before applying.</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/offbeat/self-assessment-fail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Social Media &#8211; Will it Really Make Your Website Popular? Part I</title>
		<link>http://blog.boxedart.com/website-promotion/social-media-will-it-really-make-your-website-popular-part-1/</link>
		<comments>http://blog.boxedart.com/website-promotion/social-media-will-it-really-make-your-website-popular-part-1/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 01:35:18 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Website Promotion]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=550</guid>
		<description><![CDATA[



Much like high school, being popular on the social networks is about being accepted by the cool kids. However, instead of the meatheads that ruled the schools, it&#8217;s the pencil necks that are now at the top of the pecking order. I&#8217;m still waiting for when the &#8220;small hands&#8221; crowd have their day in the [...]]]></description>
			<content:encoded><![CDATA[<table cellpadding="10">
<tbody>
<tr>
<td><img class="alignleft" title="Social media has often been believed to bring popularity and hot chicks" src="http://blog.boxedart.com/images/MrPopular.jpg" alt="" width="180" height="270" /></td>
<td>Much like high school, being popular on the social networks is about being accepted by the cool kids. However, instead of the meatheads that ruled the schools, it&#8217;s the pencil necks that are now at the top of the pecking order. I&#8217;m still waiting for when the &#8220;small hands&#8221; crowd have their day in the sun.</p>
<p>Anyway, regardless of your level of experience in using social media to promote a website, you&#8217;ve probably seen some examples of successful integration. Some sites even make it seem easy with their 2000 diggs, 100,000 RSS subscribers or their 200k twitter followers, but what kind of expectations should you have when first promoting your own website? Below is a breakdown of several common social media sites and what you should expect if you intend to use them as part of your website promotion strategy.</td>
</tr>
</tbody>
</table>
<p><span id="more-550"></span></p>
<h1>1. Twitter</h1>
<p><strong><img class="alignnone" src="http://blog.boxedart.com/images/twitter_logo-150.gif" alt="Twitter Logo" width="150" height="63" /></strong></p>
<p>Tweet tweet! Twitter is a site that has created a concept known as microblogging.  It lets you send out a tiny 140 character message to everyone that follows you (your followers). You may also get luck and have your message retweeted by your followers to their followers.</p>
<h3>The Twitter Misconception:</h3>
<p> Twitter can make my site popular!</p>
<h3>The Twitter Truth:</h3>
<p> The sad fact is that Twitter does not typically create popularity, it can simply help to maintain popularity. If nobody cares about your website yet, then nobody will be reading or retweeting your tweets. Twitter can be compared to an email list, in the fact that users must first visit your website and then sign up if they want to hear from you again.</p>
<h3>Twitter Tactics:</h3>
<p> The above being said, there are a few methods in which to build up to a certain level of success using twitter including:</p>
<p><strong>A. #FollowFriday</strong> &#8211; Think of this as a sort of social promotion exchange. Find sites with a similar audience as yours, and offer to give them a #FollowFriday hash in exchange for the same. By tweeting #FollowFriday, of #FF, @username, you encourage your users to follow someone else&#8217;s twitter, and they in kind, may do the same for you. If you are able to secure a #FF from a big popular tweeter, then you can count on a big twitter bump.</p>
<p><strong>B. Follower Following</strong> &#8211; Another tactic that has the potential to increase your follower count is to follow users that are already following another website that has a similar audience as your site. Often twitter users are kind enough to return a follow if you start following them. However, unless you have a grandfathered account, you can only follow 2001 users. Note, this tactic can also have the ability to annoy some twitters, so follow wisely.</p>
<p><strong>C. TwitThis</strong> &#8211; TwitThis is a service that lets you put a link on your website that allows other users to directly post a link to your site in their twitter. You can find out how to add <a href="http://twitthis.com/tools">TwitThis to your site here</a>.</p>
<p><strong>D. Retweet Exchange</strong> &#8211; In the same vein as exchanging #FollowFridays, you can ask your peers and colleagues for a retweet of your tweets in exchange for the same, or just suggest that their followers may enjoy a retweet of a tweet you&#8217;ve made. If you can get a popular tweeter to retweet you, expect a lot of retweets from their followers as well.</p>
<p><strong>E. Twitter Tools</strong> &#8211;  You can also increase the exposure you give your twitter on your website by installing a <a href="http://twitter.com/goodies/widgets">twitter tool</a>.</p>
<h3>Twitter Score:</h3>
<p><strong>Owner Interaction with Users:</strong> 8/10<br />
(Owners tweets are sent directly to all followers)</p>
<p><strong>Requires Existing Site Popularity:</strong> 8/10<br />
(Most followers follow because they like your site)</p>
<p><strong>Viral Potential:</strong> 7/10<br />
(TwitThis and a good Retweet can send an avalanche of traffic)</p>
<p><strong>Ongoing Effort Required by Site Owner:</strong> 9/10<br />
(If you stop actively tweeting, the only passive benefit is the TwitThis link)</p>
<p><BR><br />
<h1>2. Facebook</h1>
<p><strong><img class="alignnone" src="http://blog.boxedart.com/images/facebookLogo-150.jpg" alt="Facebook Logo" width="150" height="63" /></strong></p>
<p>Facebook connects people in a very personal way, and allows two way communication between yourself, your visitors (Fans), and between your visitors.</p>
<h3>The Facebook Misconception:</h3>
<p> I can grow out my site quickly using Facebook and find a new base of users.</p>
<h3>The Facebook Truth:</h3>
<p> Um, sorry, no, not really. Like twitter, Facebook is a medium that has a prerequisite of popularity in order to have a strong start. I&#8217;m not saying that there aren&#8217;t ways to find new users on Facebook, in fact there are many, but it is a gradual process that takes some time, and if you do it wrong, you&#8217;ll look like an ass.</p>
<p>However, once you do start building a decent fan base, you keep in touch with users by providing updates about your site, and encouraging interaction with the information you provide.</p>
<h3>Facebook Tactics:</h3>
<p> Yes, I said there were many ways to gradually gain popularity on Facebook. I&#8217;m not contradicting myself, if you have a big website to start with, then it&#8217;s still easier to quickly grow your Fan list.</p>
<p><strong>A. Link to Your Fan Page</strong> &#8211; Obviously adding a link to your page is something that will quickly build a Fans list for already popular websites.</p>
<p><strong>B. Facebook Profile</strong> &#8211; Taking the time to fill out a detailed profile can increase your chances of collecting a few Fans that specifically searched for what you put in there. However, this alone won&#8217;t bus in the Fans, and a profile&#8217;s main goal is to give further information to people that already found your Facebook page and want to know more.</p>
<p><strong>C. Facebook Groups</strong> &#8211; Groups are sort of like forums on Facebook. You can find those that relate to your site, join, and post, but don&#8217;t become a <a href="http://blog.boxedart.com/general-knowledge/how-to-get-links-and-traffic-from-forums-and-blogs-without-becoming-a-spammy-toolbag/">spammy toolbag</a> in the process.  </p>
<p><strong>D. Facebook Applications</strong> &#8211; Apps provide additional ways to mix your content with Facebook, for example the <a href="http://www.facebook.com/apps/application.php?id=9953271133">Networked Blogs app</a>.</p>
<p><strong>E. Become a Fan</strong> &#8211; Find as many Facebook pages that have a similar target interest as your site, and become a Fan. Your Facebook page will be added to the Fan list and increase your exposure to other Fans that have a shared interest.</p>
<p><strong>F. Post on Other&#8217;s Facebook Pages</strong> &#8211; The more you post around, the more exposure your own account will receive by Fans of the pages you post on, but Once again, I stress, participate appropriately for the content of the Facebook page, and do not blatantly self promote.</p>
<h3>Facebook Score:</h3>
<p><strong>Owner Interaction with Users:</strong> 10<br />
(The back and forth comments and messages create a true interactive experience.)</p>
<p><strong>Requires Existing Site Popularity:</strong> 7<br />
(There are a lot of opportunities to grow your Fan base on Facebook, but most popular Facebook pages have referred their existing website users.)</p>
<p><strong>Viral Potential:</strong> 6<br />
(There is the potential for a 6 degrees thing to happen, especially with all of the exposure you can receive by networking around, but having a healthy traffic base if a big help too.)</p>
<p><strong>Ongoing Effort Required by Site Owner:</strong> 8<br />
(Once you stop posting and updating on Facebook, there&#8217;s nothing left there for your Fans, however they will still be able to post to your wall.)</p>
<p><BR><br />
<h1>3. MySpace</h1>
<p><strong><img class="alignnone" src="http://blog.boxedart.com/images/MySpaceLogo150.gif" alt="MySpace Logo" width="150" height="63" /></strong></p>
<p>MySpace is a lot like Facebook, but for users that don&#8217;t have the attention span for a back and forth conversation of several words at a time.  Kidding aside, MySpace has always been a service that is more media intensive, meaning that it is often used to promote music, videos, and to play zynga games http://www.zynga.com/  (yes, they do this on Facebook too).  This being said, it’s not an entirely useless tool for other industries.</p>
<h3>The MySpace Misconception: </h3>
<p>I’m going to start a social media blitz using MySpace and collect a ton of Friends!</p>
<h3>The MySpace Truth:</h3>
<p> Unless you’re a large television network, movie studio, or record label that promotes your MySpace page through expensive and frequent advertising, you’re not going to blow up your MySpace page quickly, and if you try to get the word out very fast, most likely you’re just using the tactics of a spammer and will be disregarded as one.</p>
<h3>MySpace Tactics:</h3>
<p><strong>A. Upload Media</strong> – As I was saying a moment ago, MySpace’s strong points are more for the media industries, and many MySpace users just like listening to local music and watching trailers and home made web cam clips and such. It’s a little YouTube-esque in this way. I therefore believe that if you want to grow and retain your MySpace following, you’re going to have to produce and upload some photos, videos, and/or recordings. If you’re really ugly and have nothing much to say about yourself or products/services, then I recommend you <strong>pay some pretty girls to give you a brief interview about your products</strong>or wear a t-shirt with your logo, or something along these lines. If you have some talent – ability to sing, play an instrument, are funny, or whatever else, then you can probably think of a slightly more sincere way to entertain your MySpace friends and build an audience.</p>
<p><strong>B. Play The Social Game</strong> – No, the social game isn’t a Mafia Wars style app, what I’m talking about is some of those same tactics I mentioned in the Facebook section. This includes:</p>
<ul type="square">
<li>Friending others that seem to have an interest in what you’re promoting.</li>
<li>Posting Comments on others pages (do I need to say don’t be spammy again? With attention spans these days maybe I should. Don’t be spammy.)</li>
<li>Join a “Group” and post in the groups “Topics” (MySpace’s word for forums). <a href="http://blog.boxedart.com/general-knowledge/how-to-get-links-and-traffic-from-forums-and-blogs-without-becoming-a-spammy-toolbag/">Again, remember this</a>.</li>
<li>Find an Add Me Group – Some groups exist only for friend exchanges. The level of interest these people will have in your site will be low though, because like you, they just want friends added to their list.</li>
<li>Ride the “Friend Train”
<li> – If your first thought when you read this was something dirty, then the sites you’ve been visiting won’t help you to build your business. A Friend Train is “train” of people that all “friend” each other – <strong>ok, now it sounds dirty to me too</strong> – maybe I shouldn’t have put “friend” in quotes, but what’s done is done. To find our more detailed information on Friend Trains, <a href="http://blog.boxedart.com/offbeat/a-step-by-step-guide-on-how-to-find-basic-information-online-using-the-search-engine-website-google/">visit this tutorial on Google</a>.
</ul>
<p><strong>C. Blog</strong> – I don’t care if you already blog on your own website. You’ve read through this gigantic article on using social networking sites to promote your business because you will want learn what works, so even if you already blog on your site, you will need to also blog on your MySpace site – and make it as personal as possible. The last thing that anyone wants to read is a dry dull post on the benefits of your product or a generic and homogenized news article that’s already been written a few thousand sites on other sites. Yes the ipad is something new that people are talking about, but it’s covered by Techcrunch, Slashdot, Sitepoint, and everyone else – so make sure you have something new to say if you’re going to write about a common topic. You will also need to update at least twice a week if you’re going to keep anyone coming back.</p>
<p><strong>D. Classifieds</strong> – It looks like MySpace has just revamped their classifieds section, and now use a third party service called Oodle – pay day for them. Anyway, you now need to add an app, and you are allowed to post classifieds. Think of it a little like Ebay without the bidding, or even Craigslist. Browsing through I see a number of users that just posted their site, the items they sell, and their starting price. It looks like this sort of thing flies there, so you can make a few similar tasteful posts.</p>
<p><strong>E. Make Your Page Real Ugly</strong> – I don’t know why, but there seem to be a lot of ugly popular pages out there with lots of blinking, glittery, rotating things. A lot of MySpace pages sort of remind of old Geocities pages. – <a href="http://blog.boxedart.com/images/xcdegeocities.png">See this spoof by xkcd</a>. Maybe it has something to do with the attention span thing that I was talking about.</p>
<p>Anyway, I digress, I was (mostly) kidding about the making your page ugly thing, but you do need to do something other than using the default design – even if it means using a premade template. BoxedArt has some pretty nice <a href="http://www.boxedart.com/phpshop/members.php/view/mp_/1164/allon">MySpace templates</a> (PLUG) that help distinguish a page without making you vomit. You don’t need to buy a template from us though (unless you want to), and you can design your own layout to spruce things up.</p>
<p><strong>F. Post a Bulletin</strong> – Once you’ve gotten enough friends to not feel like the last kid picked for kickball, start sending MySpace bulletins to annoy, I mean notify, your friends to coming back and looking at what you posted. Just make sure what you posted is worth telling people they should come back to see it.</p>
<h3>MySpace Score:</h3>
<p><strong>Owner Interaction with Users:</strong> 9<br />
(Not the same frequent conversational interactions with users as with Facebook, but you can create a lot of content for comments.)</p>
<p><strong>Requires Existing Site Popularity:</strong> 6<br />
(The growth opportunities on MySpace are similar to Facebook, but there is more of an opportunity for viral promotion through media uploads.)</p>
<p><strong>Viral Potential:</strong> 7<br />
(It’s not quite youtube, but cool videos and other media may still get passed around.)</p>
<p><strong>Ongoing Effort Required by Site Owner:</strong> 8<br />
(Things will pretty much die without frequent updates.)</p>
<p><BR><br />
<h1>4. Feedburner</h1>
<p><strong><img class="alignnone" src="http://blog.boxedart.com/images/Feedburner-150.gif" alt="Feedburner Logo" width="150" height="63" /></strong></p>
<p>I don’t know if Feedburner is technically considered social media or not, but it’s included here because all the cool, hip, and trendy sites constantly brag about how many RSS subscribers that have almost all use Feedburner to keep this count. Therefore, since it appears everywhere that you see the social media sites, I’m including it, so I don’t want to see any comments about how Feedburner is a method to syndicate content to your users, and not a social media outlet.</p>
<h3>The Feedburner Misconception:</h3>
<p> I need to use Feedburner to help me to promote my RSS feed.</p>
<h3>The Feedburner Truth:</h3>
<p> When you use Feedburner to syndicate your RSS feed as an alternative to just listing your naked RSS feed, you automatically give your users a chance to use a variety of news readers, but you can still do the same thing without Feedburner. Another big reason to use it is for your own vanity &#8211; to show how many people that you’ve convinced that you have cool content.</p>
<h3>Feedburner Tactics:</h3>
<p>There are some ways to increase your subscriber count, which will work as well even if you don’t use Feedburner, but then you don’t get to post a chicklet with a big number that says “look at me, look at me, people like me”, so what’s the point really?</p>
<p><strong>A. Add a Chicklet or a Link</strong> – This one was so obvious I wasn’t going to post it, but then I did it anyway for reasons unexplained. The point of having RSS is so people stay in touch with your updates, if there’s no link from your site, then how do you expect them to subscribe?</p>
<p><strong>B. Add Your Blog to <a href="http://www.technorati.com/">Technorati</a></strong> – When users find your blog on Technorati, they will be very targeted to your site, and you have a good opportunity to convert them as subscribers. Technorati also assigns an authority weight, which a lot of webmasters consider to be important.</p>
<p><strong>C. Make a Signature with a Rotating Headline</strong> – This is a trick that’s unique to Feedburner &#8211; you can make a signature image to use wherever that rotates headlines from Feedburner. I only just learned about this one myself from Macrofolio. <a href="http://www.marcofolio.net/how_to/promoting_your_feed_to_the_max_using_a_signature.html">Here is their tutorial on how to do it</a>.</p>
<p><strong>D. Implement a Feedflare</strong> – In short, a Feedflare is a whole suite of tools that help you to spread the word about your posts. Rather that rewriting an article I’ve found on this, <a href="http://www.doshdosh.com/15-feedburner-feedflares-you-can-easily-use-to-promote-your-content-and-website/">I’m linking to the source</a>.</p>
<p>Let this be a lesson too. I always keep my content original, and if I learn about something on another site, I link to it rather than trying to rehash their content. Maybe a webmaster there will see I’m being friendly and return the favor. Besides, there’s already enough plagiarism out there.</p>
<h3>Feedburner Score:</h3>
<p><strong>Owner Interaction with Users:</strong> 4<br />
(It’s a one way street – you post, and your subscribers read, but you get to keep them updates as often as you post.)</p>
<p><strong>Requires Existing Site Popularity:</strong> 10<br />
(Most of your subscribers will come regular visitors that already your website.)</p>
<p><strong>Viral Potential:</strong> 4<br />
(RSS/Feedburner subscribers don’t really go viral, unless a post on your site has.)</p>
<p><strong>Ongoing Effort Required by Site Owner:</strong> 3<br />
(You don’t really have to do anything beyond keeping your site updated, as Feedburner just syndicates your site’s content.)</p>
<p><BR><br />
<h1>5. Digg</h1>
<p><strong><img class="alignnone" src="http://blog.boxedart.com/images/DiggLogo-150.gif" alt="Digg Logo" width="150" height="63" /></strong></p>
<p>Digg lets you, or others, submit your content to be Dugg or Burried – the goal is to have a piece of content become popular enough to be seen my as many visitors as possible, but I assume everyone with enough savvy to come across this post is already aware of this.</p>
<h3>The Digg Misconception:</h3>
<p> It is possible for a guy off the street to submit a link to Digg that will be Dugg by others.</p>
<h3>The Digg Truth:</h3>
<p> The Digg submission process reminds me of an old Yogi Berra Sound Bite &#8220;Nobody goes there anymore; it&#8217;s too crowded&#8221;. What I mean by this, is if you just submit a link to Digg, nobody will ever see it. If you checkout the upcoming links, there’s just a sea of great pages with 1-2 Diggs because there’s just too many to look through, and that’s just not how people Digg anymore.</p>
<h3>Digg Tactics:</h3>
<p><strong>A. Get a Popular Digger to Submit Your Link</strong> – Why? Because many Digg users simply Digg the links submitted by their friends, inner circles, or networks. This is how most links make /popular or the front page of Digg.</p>
<p>The chances of doing this are pretty low unless you know a popular user. If you don’t know one, it’s probably a good idea to start networking with other Digg users. The other tactics below explain how you might accomplish this.</p>
<p><strong>B. <a href="http://about.digg.com/button">Add a Digg Button to your Site or Blog</a></strong> &#8211; This lets others submit a link for you, and you might get lucky enough to have a popular submitter Digg your link. If your site is popular, there might be enough organic Diggs from your site to get the attention of Digg visitors.</p>
<p><strong>C. Digg and Comment on Other Submitters Links</strong> – This is the best way to start getting noticed on Digg and network with others. It may take a few weeks or months, but if you help Digg other people’s links and make comments on them, then they are more likely to return the favor and Digg yours. They may even become familiar with your site and be the first to submit one of your links for you.</p>
<p><strong>D. Submit Links to Sites that AREN’T Yours</strong> – If you look like a self serving little ass and only submit your own links, people are less inclined to want to help you out. Make sure you submit plenty links that you find interesting and timely.</p>
<h3>Digg Score</h3>
<p><strong>Owner Interaction with Users:</strong> 2<br />
(You don’t really interact with Digg users, but there are comments on the topic.)</p>
<p><strong>Requires Existing Site Popularity:</strong> 6<br />
(It often requires Diggs from your sites visitors to make /popular, but many small sites have gotten an avalanche of Diggs just the same.)</p>
<p><strong>Viral Potential:</strong> 8<br />
(If you make the front page of Digg, you’ll get a potentially regrettable volume of traffic depending on your server capacity.)</p>
<p><strong>Ongoing Effort Required by Site Owner:</strong> 5<br />
(You gotta keep actively networking for your submitted links to get attention.)</p>
<p><BR><br />
<h1>Up Next&#8230;</h1>
<p>Check back shortly for <strong>Part II</strong> where I discuss Delicious, YouTube, Flickr, StumbleUpon, and a mystery 10th site. The 10th site wont be redddit, because I don&#8217;t use that site, and it won&#8217;t be Google Buzz, because I don&#8217;t know anything about it yet. Maybe I&#8217;ll test it out and it will be Google Buzz. I don&#8217;t know yet.<BR></p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/website-promotion/social-media-will-it-really-make-your-website-popular-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Faking a Dental Ad: From Gorgeous to Gross &#8211; Reverse Cosmetic Dentistry</title>
		<link>http://blog.boxedart.com/tutorials/from-gorgeous-to-gross-reverse-cosmetic-dentistry/</link>
		<comments>http://blog.boxedart.com/tutorials/from-gorgeous-to-gross-reverse-cosmetic-dentistry/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 23:50:44 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=535</guid>
		<description><![CDATA[You&#8217;ve seen those dental ads &#8211; the ones where they take a wicked nasty smile and make it look kissibly fresh. Are the dramatic changes in the patient&#8217;s once monstrous mouth representative of the pinnacle of dental precision or were the pictures photoshopped to perfection? We&#8217;ll probably never know, however we thought it would be [...]]]></description>
			<content:encoded><![CDATA[<p>You&#8217;ve seen those dental ads &#8211; the ones where they take a wicked nasty smile and make it look kissibly fresh. Are the dramatic changes in the patient&#8217;s once monstrous mouth representative of the pinnacle of dental precision or were the pictures photoshopped to perfection? We&#8217;ll probably never know, however we thought it would be fun to go the other way with this reverse cosmetic dentistry tutorial, where we made an ugly set of teeth for a dental template&#8217;s &#8220;before&#8221; photo, and kept the original spotless smile as the after in the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20548">Delicious Smile Template</a>.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20548"><img src="http://mediaimages.boxedart.com/DeliciousSmile550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20548">Delicious Smile Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<span id="more-535"></span></p>
<h3>Step 1: Selecting the Teeth Area</h3>
<p>If we&#8217;re going to make gorgeous teeth gross, we&#8217;re going to need to select them first. To select the teeth area, use the Lasso Tool (L) and set the feather settings to 3pixels, and carefully draw a circle around the teeth.</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/01.jpg" alt="" width="580" height="429" /></center></p>
<h3>Step 2 &#8211; Adjusting the Color of the Teeth &#8211; We&#8217;re Going Dark</h3>
<p>Next, copy the selection by pressing Control C and Control V to paste it on top of the existing teeth layer. Then, click Control M to adjust the curves with the below settings, which will make the teeth a few shades darker:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/02.jpg" alt="" width="580" height="348" /></center></p>
<h3>Step 3 &#8211; I Wanna Paint it Black!</h3>
<p>Now let’s add some awful black to the edges of teeth to make them look a little less cared for. Select the Brush Tool (B)  and use the following settings:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/03.jpg" alt="" width="576" height="38" /></center></p>
<p>Then make a new layer and choose Overlay:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/04.jpg" alt="" width="235" height="208" /></center></p>
<p>With brush tool, select black color and start  painting the edge of the teeth until you achieve the desire effects.</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/05.jpg" alt="" width="503" height="386" /></center></p>
<p>Now, let’s go back to the teeth duplicate layer:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/06.jpg" alt="" width="212" height="108" /></center></p>
<p>Next, press Control U to adjust the color with the below settings:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/07.jpg" alt="" width="580" height="343" /></center></p>
<h3>Step 4 &#8211; Merge Teeth and Black layer</h3>
<p>Now, let&#8217;s merge the teeth duplicate layer and the black layer by selecting both layers, right click on them and select merge layers.</p>
<h3>Step 5: Am I Missing a Tooth? Chipped and Missing Teeth</h3>
<p>Next, let&#8217;s make a chipped tooth.  Start by creating a new layer, select the Lasso tool (L), and slowly draw a shape of the chipped tooth you prefer:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/08.jpg" alt="" width="560" height="425" /></center></p>
<p>Next, fill in the selection with black, and change the blending mode of the layer to &#8216;Overlay&#8217;.</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/09.jpg" alt="" width="580" height="340" /></center></p>
<p>Next, let&#8217;s create a new layer, change the blending mode to overlay, and paint the black tooth area to your desire effect:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/10.jpg" alt="" width="580" height="326" /></center></p>
<p>You can repeat step 5 for all the areas you would like to darken. This is how we made ours:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/11.jpg" alt="" width="560" height="409" /></center></p>
<h3>Step 6: The Gum Disease Gingivitis</h3>
<p>Here, we&#8217;re going to add some bleeding to the gums, because a mouth isn&#8217;t going to get this bad without developing a little gingivitis. Start with creating a new layer, select a brush with 5px diameter, use color #a91010, and draw the desire bleeding gum on the teeth.</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/12.jpg" alt="" width="580" height="440" /></center></p>
<p>Now, select the smudge tool on the tool bar and give the gum a slight smudge:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/13.jpg" alt="" width="538" height="297" /></center></p>
<p>Next, let&#8217;s select the Burn Tool and burn the red gum area to your desire effect:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/14.jpg" alt="" width="556" height="248" /></center></p>
<p>Now, let&#8217;s apply a texture to the gum area. Go to Filter &gt; Texture &gt; Texturizer and use the settings below:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/15.jpg" alt="" width="327" height="457" /></center></p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/16.jpg" alt="" width="538" height="530" /></center></p>
<p>Here are the results of our reverse mouth makeover:</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/17.jpg" alt="" width="486" height="412" /></center></p>
<p><strong>Eww.</strong></p>
<p>And finally, the obligatory before and after shot (where our after is the before, and our before is the after):</p>
<p><center><img src="http://blog.boxedart.com/images-dentistry/final.jpg" alt="" width="590" height="332" /></center></p>
<p>Still want to kiss her? Sicko.</p>
<p>Here&#8217;s how the photo was used in the final template:</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20548"><img src="http://mediaimages.boxedart.com/DeliciousSmile550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20548">Delicious Smile Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/from-gorgeous-to-gross-reverse-cosmetic-dentistry/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design Fail &#8211; Mixed Messages</title>
		<link>http://blog.boxedart.com/offbeat/web-design-fail-mixed-messages/</link>
		<comments>http://blog.boxedart.com/offbeat/web-design-fail-mixed-messages/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 01:14:04 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[General Knowledge]]></category>
		<category><![CDATA[Offbeat]]></category>
		<category><![CDATA[fail]]></category>
		<category><![CDATA[funny]]></category>
		<category><![CDATA[web design fail]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[website fail]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=524</guid>
		<description><![CDATA[Browsing along the web, I&#8217;ve stumbled into one of the biggest web content fails I&#8217;ve ever seen.

However, looking at it from another perspective, it could be a very big win for the website owners.











]]></description>
			<content:encoded><![CDATA[<p>Browsing along the web, I&#8217;ve stumbled into one of the biggest web content fails I&#8217;ve ever seen.</p>
<p><img class="alignnone" title="Shoud I stop buying everything I see or not?" src="http://blog.boxedart.com/images/CompulsiveShopping.gif" alt="" width="590" height="487" /></p>
<p>However, looking at it from another perspective, it could be a very big win for the website owners.</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/offbeat/web-design-fail-mixed-messages/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Building the Beautiful Bikini Model Competition Template Header</title>
		<link>http://blog.boxedart.com/tutorials/building-the-beautiful-bikini-model-competition-template-header/</link>
		<comments>http://blog.boxedart.com/tutorials/building-the-beautiful-bikini-model-competition-template-header/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 18:16:22 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[Bikini Models]]></category>
		<category><![CDATA[Girls]]></category>
		<category><![CDATA[Photo Enhancement]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Swimsuit]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=505</guid>
		<description><![CDATA[ The competition for the hottest bikini body is on, and these ladies are in it to win it! Of course, every girl can do with a little enhancement for that competitive edge. In this Bikini Mode Competition Template we use Adobe Photoshop give these sexy ladies a leg up by performing a number of [...]]]></description>
			<content:encoded><![CDATA[<p class="style1"> The competition for the hottest bikini body is on, and these ladies are in it to win it! Of course, every girl can do with a little enhancement for that competitive edge. In this <a href="http://www.boxedart.com/phpshop/info.php/mp_/20542">Bikini Mode Competition Template</a> we use Adobe Photoshop give these sexy ladies a leg up by performing a number of color enhancements, background improvements, and add some general glitter and glow. </p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20542"><img src="http://mediaimages.boxedart.com/BikiniModelContest550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20542">Bikini Contest Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.<span id="more-505"></span></p>
<p>
<h3>Step 1: Create a New Document</h3>
</p>
<p>Lets begin enhancing the natural beauty of these photogenic females.  We start by using a photo of some sexy models in bikinis from bigstockphoto. Let’s create a  new document with the size of 1000pixels x 900pixels, Fill it with white, and place your photo in. </p>
<p><center><img src="http://blog.boxedart.com/images-bikini/01.jpg" width="580" height="522" border="1" /></center></p>
<p>
<h3>Step 2: Adjust the Color Settings of the Photo</h3>
</p>
<p>Next, let’s enhance the photo&#8217;s colors.  You can usually find some good stock photos on microstock stock photo sites, but there is always room for improvement. Go to Image &gt; Adjustments &gt; Shadows and Highlights:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/02.jpg" width="380" height="386" /></center></p>
<p>Use the following settings:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/03.jpg" width="280" height="452" /></center></p>
<p>The photo will have changed as shown below:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/04.jpg" width="580" height="300" border="1" /></center></p>
<p>
<h3>Step 3: Adjust the Hue/Saturation of the Photo</h3>
</p>
<p>Next, let’s make the colors a little bit richer by adjusting the hue/saturation. Go to Image &gt; Adjustment &gt; Hue/Saturation:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/05.jpg" width="380" height="391" /></center></p>
<p>And use the settings below:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/06.jpg" width="580" height="435" /></center></p>
<p>The picture now is richer in color and the girls are really popping. Next, let’s add a final touch to the color improvements of the picture. For this touch, duplicate another layer of the existing photo, right click on the image layer, and select Duplicate layer:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/07.jpg" width="280" height="477" /></center></p>
<p>Next, with the duplicate layer placed on top of the existing photo, change the settings of the layer to the settings shown below:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/08.jpg" width="580" height="430" /></center></p>
<p>
<h3>Step 4: Fill the Background Layer</h3>
</p>
<p>Now, for the background. The original photo used a plain white background which is pretty dull. Since a bikini contest might be your version of heaven, lets place the contestants on a bed of clouds. The first part of this is to fill the photo with a soft  gradient blue #6ebbfb from top to bottom. This gradient background color will later act as a surreal sky for the clouds that will be placed on the web design.</p>
<p><img src="http://blog.boxedart.com/images-bikini/09.jpg" width="580" height="474" /></p>
<p>
<h3>Step 5: Add Some Clouds to the Background</h3>
</p>
<p>Next, we are going to add the clouds to the background. You will need to find a photo of a sky with some good clean looking clouds to complete this step. Drag the cloud photo underneath the bikini girl layers, and change the mode to overlay, and set the capacity at 100%. Below is how it’s going to look:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/10.jpg" width="600" height="381" /></center></p>
<p>The clouds have been dropped into the photo, but it is still a little rough, so let’s clean up the cloud edges. Add a layer mask on the cloud layer, then click on the Add layer mask vector button at the layers (3rd  one from the left)</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/11.jpg" width="243" height="130" /></center></p>
<p>Next, let’s click on the Brush Tool (B) and use the  following brush:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/12.jpg" width="241" height="315" /></center></p>
<p>With the mask layer selected, use the brush tool to clean up the cloud edges:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/13.jpg" width="580" height="249" /></center></p>
<p>
<h3>Step 6: Create a Glow on the Models Bodies</h3>
</p>
<p>The models now have a nice color and saturation, they&#8217;ve been sent to heaven, but they don&#8217;t quite stand out from the sky enough. To correct this, let’s add a glow to the bikini models. Start by selecting the original bikini image layer, right click on it and select the blending options, and use the following settings:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/14.jpg" width="580" height="529" /></center></p>
<p>
<h3>Step 7: Add a Final Touch to the Background Layer</h3>
</p>
<p>Things are looking hot! Lets complete the fantasy add some more bling to the background.  We&#8217;ll create some light brush effects using a special brush named Fractal Brushes, which can be downloaded from <a href="http://dezignus.com">http://dezignus.com</a>.  Click on a new layer and select the Brush tool (B), with the capacity and flow set to 100%. Next, pick your desired brush effect and change the layer to “overlay” as  shown below:</p>
<p><center><img src="http://blog.boxedart.com/images-bikini/14_.jpg" width="590" height="211" /></center></p>
<p>We&#8217;re done! Here&#8217;s how the completed website template header&#8217;s going to look: </p>
<p><center><img src="http://blog.boxedart.com/images-bikini/15.jpg" width="580" height="522" /></center></p>
<p>You can place the content in the middle section. Hope you enjoyed this tutorial. Thank you.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20542"><img src="http://mediaimages.boxedart.com/BikiniModelContest550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20542">Bikini Contest Template</a> with full PSD source files and sliced table free HTML pages for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products. <a href="http://www.boxedart.com/phpshop/signupintro.php">Get a membership here</a>.</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/building-the-beautiful-bikini-model-competition-template-header/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter Loop</title>
		<link>http://blog.boxedart.com/offbeat/twitter-loop/</link>
		<comments>http://blog.boxedart.com/offbeat/twitter-loop/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 18:19:49 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Offbeat]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=500</guid>
		<description><![CDATA[











]]></description>
			<content:encoded><![CDATA[<p><center><img alt="" src="http://blog.boxedart.com/images/TwitterLoop.gif" title="Very old vampires consider puns to be the highest form of humor." class="alignnone" width="522" height="70" /></center></p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:left;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/offbeat/twitter-loop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
