<?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 &#187; photoshop</title>
	<atom:link href="http://blog.boxedart.com/tag/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.boxedart.com</link>
	<description>Website Design News, Information, and Inspiration</description>
	<lastBuildDate>Wed, 04 Jan 2012 05:03:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>10 Uses for MS Paint You Didn&#8217;t Think of!</title>
		<link>http://blog.boxedart.com/tools/10-uses-for-ms-paint-you-didnt-think-of/</link>
		<comments>http://blog.boxedart.com/tools/10-uses-for-ms-paint-you-didnt-think-of/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 23:19:31 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[ms paint]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=1240</guid>
		<description><![CDATA[The featured image was NOT created in MS Paint (Photoshop, of course!), although, with enough patience it could have been. MS Paint. Seriously?! Well, sometimes you don&#8217;t have your fancy Mac with all your downloaded versions of Photoshop and the like handy. In fact, you might be in one of those rare situations where you [...]]]></description>
			<content:encoded><![CDATA[<table cellpadding="10">
<tbody>
<tr>
<td valign=top><img class="alignleft" title="From Old to New" src="http://blog.boxedart.com/images/mspaint/00-base-a.jpg" alt="Skills with MS Paint??" width="200" /></td>
<td valign=top>The featured image was NOT created in MS Paint (Photoshop, of course!), although, with enough patience it could have been. MS Paint. Seriously?! Well, sometimes you don&#8217;t have your fancy Mac with all your downloaded versions of Photoshop and the like handy. In fact, you might be in one of those rare situations where you have to use a PC (gasp!). What ever shall you do?!</p>
<p>Well, fortunately for you, the dear folks at Microsoft have a built in bitmap editor that is absolutely terrible and almost useless. But, there is hope and a couple &#8216;o tricks are available to you if you find yourself in a pinch.</p>
</td>
</tr>
</tbody>
</table>
<p><span id="more-1240"></span></p>
<h3>1. Image Resizer</h3>
<p>Need to quickly resize an image? MS Paint can do that, sort of. Actually MS Paint does this really well with the latest version available. Just open, click the Resize button and tweak. This can save you if you need to create a quick thumbnail or need to send one of your 4 gig images to grandma. </p>
<div class="tutorial_image">
<img src="http://blog.boxedart.com/images/mspaint/01-resize.JPG" width="500" height="369">
</div>
<h3>2. Precision Editing with Grids</h3>
<p>There&#8217;s an infinitely UNtweakable grid feature under View -&gt; Gridlines. No, you can&#8217;t adjust the scale or size (psh! who needs THAT?!), but it does help when you need to align elements.</p>
<div class="tutorial_image">
<img src="http://blog.boxedart.com/images/mspaint/02-grid.jpg" width="404" height="255">
</div>
<h3>3. Clone Tool? In MS Paint?!</h3>
<p>Not really. But you CAN copy sections of an image, paste, and move the pasted portion around until committing changes. This can work as a clone tool if you need to clean up portions of an image in a hurry. </p>
<h3>4. Detailed Editing</h3>
<p>Need to fix a red-eye issue? What about removing the background from an image? No problem. Just zoom in really, really far and use the Pencil Tool in MS Paint to clean up your image. No, it&#8217;s not as easy to use as the Photoshop version, but you shouldn&#8217;t leave your Mac at home, now, should you?</p>
<h3>5. Image Rotation</h3>
<p>You know how it goes. You take a shot with your iPhone and it insists your image is 90 degrees off. Just drop it into MS Paint and use the image Rotation Tool. Even better, it now has the ability to flip an image on its vertical or horizontal axis. Not too shabby.</p>
<div class="tutorial_image">
<img src="http://blog.boxedart.com/images/mspaint/03-axis.jpg" width="141" height="114">
</div>
<h3>6. Basic Shapes</h3>
<p>You ever try to draw a circle in MS Paint? Don&#8217;t. It&#8217;s a waste of time. Here&#8217;s my best effort to date:</p>
<div class="tutorial_image">
<img src="http://blog.boxedart.com/images/mspaint/04-circle.jpg" width="181" height="174">
</div>
<p>You&#8217;re welcome. But you don&#8217;t have to stress and strain like I did. Just use the new, built in shapes. You have circles, squares, stars, and other basic shapes. Not to get snooty, but most high-end designs only use these basic shapes, so in theory you could pull off some really great work using this set of tools&#8230;just saying. </p>
<h3>7. Image Reformatting</h3>
<p>Find yourself with a GIF and you really need a JPG? No problem. You can throw that GIF into MS Paint and save as any of the common formats, including PNG. This can come in especially handy when you just need a quick switcheroo. </p>
<h3>8. Color Replacement</h3>
<p>Believe it or not, you can actually use the Eraser Tool as a color replacer. With the Eraser Tool selected, choose the color you want to replace. Then click-and-hold the right mouse button (yes, Mac users, there&#8217;s more than one mouse button). This let&#8217;s you only erase the color you selected as your primary color (Color 1). Pretty slick&#8230;for MS Paint, I mean. </p>
<h3>9. Custom Brushes</h3>
<p>Well, not really. But you can use the Selection Tool&#8217;s advanced feature to make a custom brush-like experience. Draw the shape you want on a blank part of your canvas. Use the Select Tool to select your little drawing. Click the option drop-down menu and select &#8220;Transparent selection.&#8221; Now just copy and paste the design. </p>
<div class="tutorial_image">
<img src="http://blog.boxedart.com/images/mspaint/05-select.jpg" width="500" height="250">
</div>
<p>Do I need to remind you that this isn&#8217;t Photoshop, but who left what you know where? </p>
<h3>10. Better Brush Sizes</h3>
<p>MS Paint only has about three brush sizes micro, xxxx-small, and xxx-small. Useless. But you CAN resize the brushes incrementally using the CTRL and +/- symbols. This lets you get the size much closer to what could be considered reasonable.</p>
<h3>Conclusion&#8230;</h3>
<p>While not a fan, I do realize that MS Paint actually has some basic features that can save the day in a pinch. To their credit, MS has to develop software that anybody can use, so they have to strip the features down to their bare-bones. They succeeded! And with a few tricks and use of some advanced features, you can make it work for you when necessary. </p>
<div class="tutorial_image">
Tara Hornor has a degree in English and writes about marketing, advertising, branding, graphic design, and desktop publishing. She works for PrintPlace.com, an online printing company that offers postcards, posters, <a href="http://www.printplace.com/printing/brochure-printing.aspx">brochure printing</a>, <a href="http://www.printplace.com/printing/postcard-printing.aspx">postcard printing</a>, and more printed marketing media. In addition to her writing career, Tara also enjoys spending time with her husband and two children.
</div>


<!-- 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/tools/10-uses-for-ms-paint-you-didnt-think-of/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>A Decade of Design Evolution</title>
		<link>http://blog.boxedart.com/inspiration/a-template-design-retrospective-2001-%e2%80%93-2010/</link>
		<comments>http://blog.boxedart.com/inspiration/a-template-design-retrospective-2001-%e2%80%93-2010/#comments</comments>
		<pubDate>Sat, 10 Jul 2010 20:23:57 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[BoxedArt]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Nostalgia]]></category>
		<category><![CDATA[2001]]></category>
		<category><![CDATA[2002]]></category>
		<category><![CDATA[2003]]></category>
		<category><![CDATA[2004]]></category>
		<category><![CDATA[2005]]></category>
		<category><![CDATA[2006]]></category>
		<category><![CDATA[2007]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designs]]></category>
		<category><![CDATA[layouts history]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[retrospective]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[web templates]]></category>
		<category><![CDATA[website templates]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=964</guid>
		<description><![CDATA[Web design styles have been evolving rapidly in recent years, and the design industry has sprouted up like an over watered Chia Pet, incubated in an industrial green house, and crammed full of Miracle Grow laced with crystal meth. I clearly remember the time (circa 1990&#8242;s) when the only sites available to help you put [...]]]></description>
			<content:encoded><![CDATA[<table cellpadding="10">
<tbody>
<tr>
<td valign=top><img class="alignleft" title="From Old to New" src="http://blog.boxedart.com/images-boxedartretro/TemplateRetrospect.jpg" alt="" width="200" /></td>
<td>Web design styles have been evolving rapidly in recent years, and the design industry has sprouted up like an over watered Chia Pet, incubated in an industrial green house, and crammed full of Miracle Grow laced with crystal meth. I clearly remember the time (circa 1990&#8242;s) when the only sites available to help you put up your website were along the lines of <a href="http://www.cgi-resources.com" target="_blank">cgi-resources.com</a> and <a href="http://www.htmlgoodies.com">htmlgoodies.com</a>. You got a basic script that did mostly what you wanted, hacked away at it, and tried to figure out how to make some sort of basic layout nesting and re-nesting tables until finally a family of birds moved in.</td>
</tr>
</tbody>
</table>
<p>Themes? Templates? Skins? There were a few “free template” sites around back then, but they were fairly obscure, and commercial templates were virtually non-existent. A script came with one look – plain, and if you wanted to change it, you spent a few weeks in Paint Shop Pro or Photoshop pasting together graphics and inserting rotating gifs. If you have no idea what I&#8217;m talking about then you haven&#8217;t been webmastering until sometime in the 2000&#8242;s when starting up a site had become easier and prettier.</p>
<p>Since commercial template design entered the scene in the 2000&#8242;s, the styles on the market have been constantly changing, especially over the last few years. Below, we&#8217;ve compiled a comparative sampling from 2001 through 2010 showcasing the evolution of designs. You&#8217;ll be shocked at where we started with our layouts and just how far we&#8217;ve come.<br />
<span id="more-964"></span></p>
<h3>2001: The Year One Experiment</h3>
<p><strong>BoxedArt&#8217;s Home Page in 2001</strong></p>
<div class="tutorial_image"><a title="BoxedArt's Home Page in 2001" rel="prettyPhoto" href="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2001.jpg"><img src="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2001-300.jpg" alt="BoxedArt's Homepage in 2001" /></a></div>
<p>BoxedArt was introduced in 2001 with just 4 sections: Templates, Interfaces, Mascots, and Photos. There were not many, if any, other commercial template sites around at the time, and we followed the template trend from our network&#8217;s free template site. It was really the first time that website owners could purchase ready to use layouts to apply an instant format to their website&#8217;s content. Here&#8217;s how it began:</p>
<p><strong>One of BoxedArt&#8217;s First Templates</strong></p>
<div class="tutorial_image"><a title="Template HighTech1" href="http://www.boxedart.com/phpshop/info.php/mp_/515" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-515.jpg" alt="Template" /></a></div>
<p>This was one of BoxedArt&#8217;s first templates. Heck, it was one of the first commercial templates ever released on the web. No PSD files included, no text prefilled in the content section, and no photos used in the layout. Just a simple table based layout with 16 monochrome gifs.</p>
<p>All templates added during this year were from the same designer and followed a similar trend:</p>
<p><strong>Additional First Edition Templates</strong></p>
<div class="tutorial_image"><a title="Template HighTech18" href="http://www.boxedart.com/phpshop/info.php/mp_/528" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-528.jpg" alt="HighTech18&quot;" /></a> <span style="padding-left: 40px;"><a title="Business21" href="http://www.boxedart.com/phpshop/info.php/mp_/436" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-436.jpg" alt="Template Business21" /></a></span> <span style="padding-left: 40px;"><a title="Template HighTech27" href="http://www.boxedart.com/phpshop/info.php/mp_/538" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-538.jpg" alt="Template HighTech27" /></a></span></div>
<p>Later in the year, we got fancy and added mascots, banner positions, an text indicating where you placed the content, just in case you were unsure where it went:</p>
<p><strong>Style From End of 2001</strong></p>
<div class="tutorial_image"><a title="Template Games3" href="http://www.boxedart.com/phpshop/info.php/mp_/479" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-479.jpg" alt="Template" /></a></div>
<h3>2002: From Experiment to Establishment</h3>
<p>By the end of 2002 we had updated our look several times. There was a lot of trial and error figuring out what worked and what didn&#8217;t. The below site design went through several revisions; we removed network sites, altered the content layout, and we also simplified the template access plans. Previously, it was some awkward mix of download credits + access length. We changed to an “all access system” instead, which was much cleaner. Little did I realize at the time, that we had set the model for what would be copied innumerably, down to the site&#8217;s welcome text. Looking back, I&#8217;ve also noticed how clear the call to action was on this design, long before I&#8217;d heard of that phrase.</p>
<p><strong>BoxedArt&#8217;s Home Page in 2002</strong></p>
<div class="tutorial_image"><a title="BoxedArt's Home Page in 2002" rel="prettyPhoto" href="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2002.jpg"><img src="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2002-300.jpg" alt="BoxedArt's Homepage in 2002" /></a></div>
<p>The templates also began to evolve throughout 2002, however, the earlier designs of 2002 mimicked those released throughout 2001. The concepts were very simple, and generally provided no text in the content are. However, the graphic quality improved, as did the use of creativity, and we did advance to the level of including .psd files with our downloads:</p>
<p><strong>Early 2002 Templates</strong></p>
<div class="tutorial_image"><a title="Well Built Classic" href="http://www.boxedart.com/phpshop/info.php/mp_/868" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-868.jpg" alt="Well Built Classic" /></a> <span style="padding-left: 40px;"><a title="Alien Circuit Ice" href="http://www.boxedart.com/phpshop/info.php/mp_/883" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-883.jpg" alt="Alien Circuit Ice" /></a></span> <span style="padding-left: 40px;"><a title="Power Cash Gray" href="http://www.boxedart.com/phpshop/info.php/mp_/963" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-963.gif" alt="Power Cash Gray" /></a></span></div>
<p>We also had a few that weren&#8217;t created by experienced designers, and these were cruder than BP&#8217;s oil spill. However at that time, there still weren&#8217;t many commercial templates out there, and these were still proved to be somewhat popular for early 2002 releases:</p>
<p><strong>Crude Mid 2002 Amateur Templates</strong></p>
<div class="tutorial_image"><a title="Meeting Place" href="http://www.boxedart.com/phpshop/info.php/mp_/934" target="_blank"><img src="http://mediaimages.boxedart.com/screeny-small.gif" alt="Meeting Place" /></a> <span style="padding-left: 40px;"><a title="Modern Office Classic" href="http://www.boxedart.com/phpshop/info.php/mp_/949" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-949.gif" alt="Modern Office Classic" /></a></span> <span style="padding-left: 40px;"><a title="Red Frame Omega" href="http://www.boxedart.com/phpshop/info.php/mp_/902" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-902.gif" alt="Red Frame Omega" /></a></span></div>
<p>We also introduced flash templates, however the flash effects were extremely underwhelming, and the designers that developed these flash themes were not as adept at website design as the newly hired HTML template designers:</p>
<p><strong>First Flash Template Attempts From 2002</strong></p>
<div class="tutorial_image"><a title="Matrix" href="http://www.boxedart.com/phpshop/info.php/mp_/1104" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-1104.gif" alt="Matrix" /></a>  <span style="padding-left: 40px;"><a title="The Hub" href="http://www.boxedart.com/phpshop/info.php/mp_/1102" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-1102.gif" alt="The Hub" /></a></span> <span style="padding-left: 40px;"><a title="The News" href="http://www.boxedart.com/phpshop/info.php/mp_/1097" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-1097.gif" alt="The News" /></a></span></div>
<p>In the later half of 2002, we employed the services of more seasoned web designers, and the template changes were more drastic than than <a href="http://www.youtube.com/watch?v=rO5_1cs4j84" target="_blank">this comedian&#8217;s response to a heckler</a>. We finally see content filled in throughout the templates, a variety of layout configurations, a liberal use of stock photos, and creative navigation systems. These are the first true commercially viable templates, and some of these styles remain relevant even today.</p>
<p><strong>Late 2002 Templates</strong></p>
<div class="tutorial_image"><a title="Host Planning" href="http://www.boxedart.com/phpshop/info.php/mp_/1151" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-1143.gif" alt="Host Planning" /></a>  <span style="padding-left: 40px;"><a title="The Cafe" href="http://www.boxedart.com/phpshop/info.php/mp_/1160" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-1152.gif" alt="The Cafe" /></a></span> <span style="padding-left: 40px;"><a title="Corporate Technology" href="http://www.boxedart.com/phpshop/info.php/mp_/1187" target="_blank"><img src="http://mediaimages.boxedart.com/CorporateTechnology150.gif" alt="Corporate Technology" /></a></span></p>
<p><a title="Kids Zone" href="http://www.boxedart.com/phpshop/info.php/mp_/1110" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-1108.gif" alt="Kids Zone" /></a>  <span style="padding-left: 40px;"><a title="Corporate Rat Race" href="http://www.boxedart.com/phpshop/info.php/mp_/1016" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-1016.gif" alt="Corporate Rat Race" /></a></span> <span style="padding-left: 40px;"><a title="Commercial Zone" href="http://www.boxedart.com/phpshop/info.php/mp_/1181" target="_blank"><img src="http://mediaimages.boxedart.com/CommercialZone150.gif" alt="Commercial Zone" /></a></span></p>
<p><a title="Beauty Trance" href="http://www.boxedart.com/phpshop/info.php/mp_/1188" target="_blank"><img src="http://mediaimages.boxedart.com/BeautyTrance150.gif" alt="Beauty Trance" /></a>  <span style="padding-left: 40px;"><a title="Real Clip Art" href="http://www.boxedart.com/phpshop/info.php/mp_/1199" target="_blank"><img src="http://mediaimages.boxedart.com/RealClipart150.gif" alt="Real Clip Art" /></a></span> <span style="padding-left: 40px;"><a title="Orchestra" href="http://www.boxedart.com/phpshop/info.php/mp_/1181" target="_blank"><img src="http://mediaimages.boxedart.com/Orchestra150.gif" alt="Orchestra" /></a></span>
</div>
<h3>2003: A Glossy New Image</h3>
<p>I still look back at the design from 2003 fondly. It was the site&#8217;s first layout that wasn&#8217;t sort of pieced together. The design was very glossy and candy-like, and we created over a dozen versions and styles for the site, refining the final concept numerous times both pre and post launch. The main category count for product types also ballooned to 12, and the limited edition and custom design sections were added to the site.</p>
<p><strong>BoxedArt&#8217;s Home Page in 2003</strong></p>
<div class="tutorial_image"><a title="BoxedArt's Home Page in 2003" rel="prettyPhoto" href="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2003.jpg"><img src="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2003-300.jpg" alt="BoxedArt's Homepage in 2003" /></a></div>
<p>In addition to the changes to the look of the site, we also further evolved the template packs with contributions by designers that were years ahead of their time. The designs now contained multiple pages (typically 3-5), more detailed graphical work in Photoshop, and a very wide range of styles; many with a glossy sheen. A lot of the templates designed in 2003 are still in use by websites across the web, and still look pretty professional.</p>
<p><strong>A Selection of Templates from 2003</strong></p>
<div class="tutorial_image"><a title="Tomorrow's Host" href="http://www.boxedart.com/phpshop/info.php/mp_/14908" target="_blank"><img src="http://mediaimages.boxedart.com/TomorrowsHost150-1.gif" alt="Tomorrow's Host" /></a>  <span style="padding-left: 40px;"><a title="Furry Friends" href="http://www.boxedart.com/phpshop/info.php/mp_/14604" target="_blank"><img src="http://mediaimages.boxedart.com/FurryFriends150-1.gif" alt="Furry Friends" /></a></span> <span style="padding-left: 40px;"><a title="Amazing Host" href="http://www.boxedart.com/phpshop/info.php/mp_/14899" target="_blank"><img src="http://mediaimages.boxedart.com/MegaStorage150-1.gif" alt="Amazing Host" /></a></span></p>
<p><a title="Hot Star Power" href="http://www.boxedart.com/phpshop/info.php/mp_/14608" target="_blank"><img src="http://mediaimages.boxedart.com/HotStarPower150-1.gif" alt="Hot Star Power" /></a>  <span style="padding-left: 40px;"><a title="Natural Remedy" href="http://www.boxedart.com/phpshop/info.php/mp_/14620" target="_blank"><img src="http://mediaimages.boxedart.com/NaturalRemedy150-1.gif" alt="Natural Remedy" /></a></span> <span style="padding-left: 40px;"><a title="Lavender Scented" href="http://www.boxedart.com/phpshop/info.php/mp_/1486" target="_blank"><img src="http://mediaimages.boxedart.com/LavendarScented150-1.gif" alt="Lavender Scented" /></a></span></div>
<p>We also learned that we could we could improve our flash layouts by simply animating our HTML designs, and we began producing flash and non flash versions of every template released.</p>
<h3>2004: Piling on the Products</h3>
<p>There were no major site design revisions in 2004, and instead we focused on rapidly increasing the range and volume of products added. By the end of the year the site reached 24 categories of member products and 6 categories of limited edition downloads.</p>
<p><strong>BoxedArt&#8217;s Home Page in 2004</strong></p>
<div class="tutorial_image"><a title="BoxedArt's Home Page in 2004" rel="prettyPhoto" href="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2004.jpg"><img src="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2004-300.jpg" alt="BoxedArt's Homepage in 2004" /></a></div>
<p>In addition to adding more products and web templates than ever before, BoxedArt also acquired the talents of even more skilled website designers, and the quality of templates continued to flourish. You&#8217;ll also notice that the trend of the era was geared towards more graphically intensive designs; 3d graphics were especially popular.</p>
<p><strong>A Selection of Templates from 2004</strong></p>
<div class="tutorial_image"><a title="Field Trip" href="http://www.boxedart.com/phpshop/info.php/mp_/15398" target="_blank"><img src="http://mediaimages.boxedart.com/FieldTrip150.gif" alt="Field Trip" /></a>  <span style="padding-left: 40px;"><a title="Game Set Match" href="http://www.boxedart.com/phpshop/info.php/mp_/15318" target="_blank"><img src="http://mediaimages.boxedart.com/GameSetMatch150.gif" alt="Game Set Match" /></a></span> <span style="padding-left: 40px;"><a title="Gel Fish Inc" href="http://www.boxedart.com/phpshop/info.php/mp_/15662" target="_blank"><img src="http://mediaimages.boxedart.com/GelFishInc150.gif" alt="Gel Fish Inc" /></a></span></p>
<p><a title="Staples of Success" href="http://www.boxedart.com/phpshop/info.php/mp_/16480" target="_blank"><img src="http://mediaimages.boxedart.com/StaplesOfSucess150.gif" alt="Staples of Success" /></a>  <span style="padding-left: 40px;"><a title="Aqua Enterprise" href="http://www.boxedart.com/phpshop/info.php/mp_/16214" target="_blank"><img src="http://mediaimages.boxedart.com/AquaEnterprise150.gif" alt="Aqua Enterprise" /></a></span>  <span style="padding-left: 40px;"><a title=4D Studio" href="http://www.boxedart.com/phpshop/info.php/mp_/16728" target="_blank"><img src="http://mediaimages.boxedart.com/4DStudio150.jpg" alt="4D Studio" /></a></span> </div>
<h3>2005-2009: A Move Toward Sophistication</h3>
<p>2005 introduced the longest running design in BoxedArt&#8217;s history, which stood for four years. For this style, we took the bright candy colors from the 2003/2004 design and integrated them into a more sophisticated concept. We also placed the latest updates across the top of the page to give a visual of the best of the updates, rather than just the update section at the bottom of the page. Additionally, with this layout, we started playing with the “box” theme from the BoxedArt domain name, and integrated it into the logo and the welcome section. As with every major relaunch, additional product categories were also added, and the site swelled to 36 member sections.</p>
<p><strong>BoxedArt&#8217;s Home Page from 2005-2009</strong></p>
<div class="tutorial_image"><a title="BoxedArt's Home Page from 2005 to 2009" rel="prettyPhoto" href="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2005.jpg"><img src="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2005-300.jpg" alt="BoxedArt's Homepage From 2005-2009" /></a></div>
<p>During this period we had more designers creating templates than ever before. The designers pretty much had free reign over the creative process, and the concepts ranged from odd and conceptual, to fairly simple and practical. There was still a fair bit of the heavier graphic styles, and a few were more unusual than when the <a href="http://www.youtube.com/watch?v=ogLyglyf-9E">Great Gazoo joined the cast of the Flintstones</a> in Season 6 . We also first began using table free CSS code and validating templates during this time as well.</p>
<p><strong>Chronologically Displayed Templates form 2005 &#8211; 2009</strong></p>
<div class="tutorial_image"><a title="Better Back" href="http://www.boxedart.com/phpshop/info.php/mp_/16465" target="_blank"><img src="http://mediaimages.boxedart.com/BetterBack150.gif" alt="Better Back" /></a>  <span style="padding-left: 40px;"><a title="Engineering Development" href="http://www.boxedart.com/phpshop/info.php/mp_/16911" target="_blank"><img src="http://mediaimages.boxedart.com/EngineeringDevelopment150.jpg" alt="Engineering Development" /></a></span> <span style="padding-left: 40px;"><a title="Decor Abstract" href="http://www.boxedart.com/phpshop/info.php/mp_/16992" target="_blank"><img src="http://mediaimages.boxedart.com/DecorAbstract150.jpg" alt="Decor Abstract" /></a></span></p>
<p><a title="Stahl Stark" href="http://www.boxedart.com/phpshop/info.php/mp_/17002" target="_blank"><img src="http://mediaimages.boxedart.com/StahlStark150.jpg" alt="Stahl Stark" /></a>  <span style="padding-left: 40px;"><a title="Fashion Burst" href="http://www.boxedart.com/phpshop/info.php/mp_/17280" target="_blank"><img src="http://mediaimages.boxedart.com/FashionBurst150.jpg" alt="Fashion Burst" /></a></span> <span style="padding-left: 40px;"><a title="Radiant Skin" href="http://www.boxedart.com/phpshop/info.php/mp_/17326" target="_blank"><img src="http://mediaimages.boxedart.com/RadiantSkin.jpg" alt="Radiant Skin" /></a></span></p>
<p><a title="Diagon" href="http://www.boxedart.com/phpshop/info.php/mp_/17380" target="_blank"><img src="http://mediaimages.boxedart.com/Diagon150.jpg" alt="Diagon" /></a>  <span style="padding-left: 40px;"><a title="Boot Cut" href="http://www.boxedart.com/phpshop/info.php/mp_/17470" target="_blank"><img src="http://mediaimages.boxedart.com/BootCutCatalog150.jpg" alt="Boot Cut" /></a></span> <span style="padding-left: 40px;"><a title="Dream Organization" href="http://www.boxedart.com/phpshop/info.php/mp_/17068" target="_blank"><img src="http://mediaimages.boxedart.com/DreamOrganization150.jpg" alt="Dream Organization" /></a></span></p>
<p><a title="Networked Globally" href="http://www.boxedart.com/phpshop/info.php/mp_/17084" target="_blank"><img src="http://mediaimages.boxedart.com/NetworkedGlobally150.jpg" alt="Networked Globally" /></a>  <span style="padding-left: 40px;"><a title="Government United" href="http://www.boxedart.com/phpshop/info.php/mp_/17094" target="_blank"><img src="http://mediaimages.boxedart.com/GovernmentUnited150.jpg" alt="Government United" /></a></span> <span style="padding-left: 40px;"><a title="Trade Organization" href="http://www.boxedart.com/phpshop/info.php/mp_/17151" target="_blank"><img src="http://mediaimages.boxedart.com/TradeOrganization150.gif" alt="Trade Organization" /></a></span></p>
<p><a title="T3 Design" href="http://www.boxedart.com/phpshop/info.php/mp_/17789" target="_blank"><img src="http://mediaimages.boxedart.com/T3Design150.jpg" alt="T3 Design" /></a>  <span style="padding-left: 40px;"><a title="Trash Collection" href="http://www.boxedart.com/phpshop/info.php/mp_/17712" target="_blank"><img src="http://mediaimages.boxedart.com/TrashCollection150.jpg" alt="Trash Collection" /></a></span> <span style="padding-left: 40px;"><a title="Capitol Hill" href="http://www.boxedart.com/phpshop/info.php/mp_/17705" target="_blank"><img src="http://mediaimages.boxedart.com/CapitolHill150.jpg" alt="Capitol Hill" /></a></span></p>
<p><a title="Area 11" href="http://www.boxedart.com/phpshop/info.php/mp_/18883" target="_blank"><img src="http://mediaimages.boxedart.com/Area11150.jpg" alt="Area 11" /></a>  <span style="padding-left: 40px;"><a title="Spanish Experience" href="http://www.boxedart.com/phpshop/info.php/mp_/18721" target="_blank"><img src="http://mediaimages.boxedart.com/SpanishExperience150.jpg" alt="Spanish Experience" /></a></span>  <span style="padding-left: 40px;"><a title="Scratch and Grind" href="http://www.boxedart.com/phpshop/info.php/mp_/18571" target="_blank"><img src="http://mediaimages.boxedart.com/ScratchandGrind150.jpg" alt="Scratch and Grind" /></a></span> </p>
<p><a title="Speed Skates" href="http://www.boxedart.com/phpshop/info.php/mp_/19662" target="_blank"><img src="http://mediaimages.boxedart.com/SpeedSkates150.jpg" alt="Speed Skates" /></a>  <span style="padding-left: 40px;"><a title="Casino Bonus" href="http://www.boxedart.com/phpshop/info.php/mp_/18571" target="_blank"><img src="http://mediaimages.boxedart.com/CasinoBonus150.jpg" alt="Casino Bonus" /></a></span> <span style="padding-left: 40px;"><a title="Vortex" href="http://www.boxedart.com/phpshop/info.php/mp_/19395" target="_blank"><img src="http://mediaimages.boxedart.com/AstronomyVortex150.jpg" alt="Vortex" /></a></span></p>
<p><a title="Tropical Traveler" href="http://www.boxedart.com/phpshop/info.php/mp_/19710" target="_blank"><img src="http://mediaimages.boxedart.com/TropicalTraveler150.jpg" alt="Tropical Traveler" /></a>  <span style="padding-left: 40px;"><a title="Virtual Vault" href="http://www.boxedart.com/phpshop/info.php/mp_/19707" target="_blank"><img src="http://mediaimages.boxedart.com/VirtualVault150.jpg" alt="Virtual Vault" /></a></span> <span style="padding-left: 40px;"><a title="Inspiring Science" href="http://www.boxedart.com/phpshop/info.php/mp_/20440" target="_blank"><img src="http://mediaimages.boxedart.com/InspiringScience150.jpg" alt="Inspiring Science" /></a></span></div>
<h3>2009-2010: Going Postal</h3>
<p>Finally, we&#8217;ve reached BoxedArt in it&#8217;s present state. The current design was implemented in October 2009, however, the design process for this layout actually began in early 2008. After a year and a half of dull concepts, we decided go with a play on words and make the entire look like a big brown box that had been sent through the mail with stamps, a mailing label, tape, and lots of other related effects. The design was incredibly well received, and a <a href="http://blog.boxedart.com/network-updates/boxedart/how-it-was-made-boxedart-website-design-tutorial/ ">tutorial was also published</a> on the design process, which itself was listed as a tutorial of the year on many popular blog design sites. In addition to the new look, a slew of new categories were once again added (including social media templates such as twitter, ebay, myspace, etc.), as well as a developer document section http://www.boxedart.com/developers.php, which featured custom written and creatively formatted contracts, spread sheets, legal documents, checklists, and many other related items that web developers could use while working with their clients. Further to this, the licensing terms of BoxedArt were also simplified with the introduction of developer plans, allowing website developers to design websites for an unlimited number of clients without requiring a lot of vague alterations to the templates.</p>
<p><strong>BoxedArt&#8217;s Home Page from 2009-2010</strong></p>
<div class="tutorial_image"><a title="BoxedArt's Home Page from 2009 to 2010" rel="prettyPhoto" href="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2009.jpg"><img src="http://blog.boxedart.com/images-boxedartretro/BoxedArtDesign2009-300.jpg" alt="BoxedArt's Homepage From 2009-2010" /></a></div>
<p>The most recent template trend has been to provide the most simply usable layouts possible, while still maintaining a creative spark. We introduced jQuery effects, increased resolutions drastically, added multiple level navigation, and much more. This revolution in template style required documentation to be developed for template designers, providing specific style examples, design trends, jQuery script examples, and sought after themes.</p>
<div class="tutorial_image"><a title="Design Star" href="http://www.boxedart.com/phpshop/info.php/mp_/20687" target="_blank"><img src="http://mediaimages.boxedart.com/DesignStar150.gif" alt="Design Star" /></a>  <span style="padding-left: 40px;"><a title="5 Band" href="http://www.boxedart.com/phpshop/info.php/mp_/20657" target="_blank"><img src="http://mediaimages.boxedart.com/5Band150.gif" alt="5 Band" /></a></span> <span style="padding-left: 40px;"><a title="Today's Accountant" href="http://www.boxedart.com/phpshop/info.php/mp_/20655" target="_blank"><img src="http://mediaimages.boxedart.com/TodaysAccountant150.gif" alt="Today's Accountant" /></a></span></p>
<p><a title="Buddy Shelter" href="http://www.boxedart.com/phpshop/info.php/mp_/20552" target="_blank"><img src="http://mediaimages.boxedart.com/BuddyShelter150.jpg" alt="Buddy Shelter" /></a>  <span style="padding-left: 40px;"><a title="Drafting Table" href="http://www.boxedart.com/phpshop/info.php/mp_/20646" target="_blank"><img src="http://mediaimages.boxedart.com/DraftingTable150.gif" alt="Drafting Table" /></a></span> <span style="padding-left: 40px;"><a title="Honeymoon Hotspot" href="http://www.boxedart.com/phpshop/info.php/mp_/20465" target="_blank"><img src="http://mediaimages.boxedart.com/HoneymoonHotspot150.jpg" alt="Honeymoon Hotspot" /></a></span></p>
<p><a title="Diverse Shooting" href="http://www.boxedart.com/phpshop/info.php/mp_/20647" target="_blank"><img src="http://mediaimages.boxedart.com/DiverseShooting150.gif" alt="Diverse Shooting" /></a>  <span style="padding-left: 40px;"><a title="Paper Packages" href="http://www.boxedart.com/phpshop/info.php/mp_/20724" target="_blank"><img src="http://mediaimages.boxedart.com/PaperPackages150.jpg" alt="Paper Packages" /></a></span> <span style="padding-left: 40px;"><a title="Premium Coverage" href="http://www.boxedart.com/phpshop/info.php/mp_/20725" target="_blank"><img src="http://mediaimages.boxedart.com/PremiumCoverage150.gif" alt="Premium Coverage" /></a></span>
</div>
<h3>Moving Forward</h3>
<p>We&#8217;re already in the early stages of a new plan for BoxedArt&#8217;s design and identity. While there are many great elements with the current layout, there were also a number of missed opportunities that we plan on revising and filling in. We&#8217;re also working hard to <a href="http://www.surveymonkey.com/s/DD3F2FC">poll our users</a> to find out how we can improve our template designs and other product sections.</p>
<p>In conclusion, the web design industry has been through dramatic changes throughout the years, and nowhere is this more evident then on BoxedArt. It&#8217;s template section is a virtual time machine of design styles, trends, and breakthroughs over the course of an entire decade. I leave you with a side by side comparison with one of our first ever added templates and one of our latest. The evolution is simply extraordinary.</p>
<p><strong>Template from 2001 vs Template from 2010</strong></p>
<div class="tutorial_image"><a title="Games2" href="http://www.boxedart.com/phpshop/info.php/mp_/478" target="_blank"><img src="http://mediaimages.boxedart.com/tprod-478.jpg" alt="Ganes2" /></a>  <span style="padding-left: 125px;"><a title="Relishing Meals" href="http://www.boxedart.com/phpshop/info.php/mp_/20593/4" target="_blank"><img src="http://mediaimages.boxedart.com/RelishingMeals150.jpg" alt="Relishing Meals" /></a></span> </div>


<!-- 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/inspiration/a-template-design-retrospective-2001-%e2%80%93-2010/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>A Handy Guide to a Carpenter&#8217;s Logo</title>
		<link>http://blog.boxedart.com/tutorials/a-handy-guide-to-a-carpenters-logo/</link>
		<comments>http://blog.boxedart.com/tutorials/a-handy-guide-to-a-carpenters-logo/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 02:26:47 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Badge]]></category>
		<category><![CDATA[Carpenter]]></category>
		<category><![CDATA[Cress]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=933</guid>
		<description><![CDATA[It takes the right tools to make the right tools, and using those tools can be easier than you think. Today&#8217;s tutorial guides you through the making this handy carpenter&#8217;s logo, and shows you that you can make a design pop with several simple but invaluable methods. In conclusion, you should keep these techniques near [...]]]></description>
			<content:encoded><![CDATA[<p>It takes the right tools to make the right tools, and using those tools can be easier than you think. Today&#8217;s tutorial guides you through the making this handy carpenter&#8217;s logo, and shows you that you can make a design pop with several simple but invaluable methods. In conclusion, you should keep these techniques near the top of your tool bag, as they might just be the right tools for your next job.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20654"><img src="http://mediaimages.boxedart.com/NailedItLogo550.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20654">Nailed it Logo</a> or the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20653">Nailed It Promotions Products Set</a> with full PSD and AI source 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-933"></span></p>
<h3>Step 1: Create and Color a Circle</h3>
<p>
First, let’s start with a new document with the size of 800 x 800 pixels. Now, create a new layer, select Ellipse Tool (U), set your  foreground color to #daac73, and draw a circle that fits the canvas.</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/01.jpg" width="500" height="506" /></p>
<h3>Step 2: Add Inner Shadow to the Circle</h3>
<p>
Now, let’s add some effects to our circle. Right click on your circle layer, then go to Blending Options, Inner Shadow, and use #e4b71c for multiply blend mode, capacity 89%, and size 87 pixels.</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/02.jpg" width="550" height="400" /></p>
<h3>Step 3: Bevel and Emboss the Circle</h3>
<p>Then, go to Bevel and Emboss, select Inner Bevel style with the following settings:<br />
 Depth 1000%, size 10 pixels, soften 16pixel, #b26300 for the color, dodge highlight  mode, and #4e281d for the multiply shadow mode.</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/03.jpg" width="550" height="404" /></p>
<h3>Step 4: Apply a Gradient Overlay</h3>
<p>Next, go to Gradient Overlay, select Soft Light for the  blending mode with 76% for the capacity and scale 135%</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/04.jpg" width="550" height="408" /></p>
<p>This is how your circle looks after completing steps 2-4:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/05.jpg" width="500" height="502" /></p>
<h3>Step 5: Add an Image to your Logo and Emboss it</h3>
<p>
Now let’s find your image and place it in the canvas. Obviously for this theme a tool image will work best, but you can use this same technique to create a logo for any topic.</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/06.jpg" width="500" height="502" /></p>
<p>After the image is placed onto the circle, we need to give it a little depth, so we will emboss it.  Go to your image layer,  right click on it, select Blending Options, go to Bevel and Emboss, select  Outer Bevel Style, enter 674% for the depth, size and soften 16 pixels, use  #fdda9c for the lighten highlight mode, and #b67833 for the multiply shadow  mode.</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/07.jpg" width="550" height="402" /></p>
<p>This is how it looks:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/08.jpg" width="500" height="505" /></p>
<h3>Step 6: Duplicate the Image</h3>
<p>To enhance the aesthetics of the logo, we will add in a second image and criss-cross it across the first one so that it looks like a cress.  The easiest way to do this is to create a duplicate hammer layer. Therefore, go to your hammer layer, right click and select Duplicate Layer.  Then, click Free Transform (Control T) to rotate and move your hammer to something shown below:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/09.jpg" width="500" height="500" /></p>
<h3>Step 7: Add Your Text</h3>
<p>
Now, it&#8217;s time to add your text. This logo uses the font face called Impact and the color of the font is  #b67833. Type your text in and place it in the center like so:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/10.jpg" width="500" height="502" /></p>
<h3>Step 8: Warp the Text</h3>
<p>The first step in styling this text is to warp it, which is just to say we will cause it to bend to both sides. Press (T) for your &#8220;type tool&#8221;, and select &#8220;create warped text&#8221;:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/11.jpg" width="192" height="57" /></p>
<p>Then, select Arc Upper and bend 35%:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/12.jpg" width="330" height="230" /></p>
<p>This is how it looks:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/13.jpg" width="500" height="502" /></p>
<h3>Step 9: Add an Inner Shadow and Stroke to the Text</h3>
<p>There are really two parts to this step, which are the inner shadow and stroke effects.</p>
<p>For the first part, right click on your text layer, go to Blending Mode > Inner Shadow, and enter 100% for the capacity, distance 2 pixels, and size 8 pixels</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/14.jpg" width="550" height="399" /></p>
<p>Then, go to Inner Glow, select Linear Light for blend mode, capacity 100%, color #ffb741, size 7 pixels, and range 50%.</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/15.jpg" width="550" height="410" /></p>
<p>Next, go to stroke, use color #794e1d, size 15 pixels and capacity 100%.</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/16.jpg" width="550" height="407" /></p>
<p>Finally, the end result:</p>
<p><img src="http://blog.boxedart.com/images-woodbadge/17.jpg" width="527" height="530" /></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20654">Nailed it Logo</a> or the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20653">Nailed It Promotions Products Set</a> with full PSD and AI source 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/a-handy-guide-to-a-carpenters-logo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Designing the Cover of a Lingerie Menu</title>
		<link>http://blog.boxedart.com/tutorials/designing-the-cover-of-a-lingerie-menu/</link>
		<comments>http://blog.boxedart.com/tutorials/designing-the-cover-of-a-lingerie-menu/#comments</comments>
		<pubDate>Sat, 29 May 2010 07:36:10 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fresh]]></category>
		<category><![CDATA[lingerie]]></category>
		<category><![CDATA[menu template]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[spring]]></category>
		<category><![CDATA[summer]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=915</guid>
		<description><![CDATA[We&#8217;re now well into spring with summer on the way, and nothing represents warm summer beauty better than dark black leather bras and panties. Today&#8217;s tutorial teaches the effects we used on our Flower Blossom Lingerie Menu, including the use of water color brushes, creating the look of movement in color, applying tanner looking skin, [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;re now well into spring with summer on the way, and nothing represents warm summer beauty better than dark black leather bras and panties. Today&#8217;s tutorial teaches the effects we used on our <a href="http://www.boxedart.com/phpshop/info.php/mp_/20636">Flower Blossom Lingerie Menu</a>, including the use of water color brushes, creating the look of movement in color, applying tanner looking skin, using glow to pop a figure out from a background, as well as a variety of other effects and brushes. However, our research indicates that 0% of our users will have read past the word &#8220;panties&#8221;, and will have immediately begun scrolling thereafter. Therefore, it will not matter what I write past this point, so I will simply post part of a poem written by Data on Next Gen: &#8220;Felus catus, is your taxonomic nomenclature, an endothermic quadruped, carnivorous by nature? Your visual, olfactory, and auditory senses contribute to your hunting skills and natural defenses.&#8221;</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20636"><img src="http://mediaimages.boxedart.com/FlowerBlossom550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20636">Flower Blossom Menu Template</a> with full PSD and AI source 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-915"></span></p>
<h3>Step 1: Start a Document and Insert a Photo</h3>
<p>First, let’s get a photo of a model in lingerie. Please note that this will be a very difficult task to complete, as most photos uploaded to the Internet feature women dressed very modestly, and it will be an extremely rare find to stumble upon an image of a women in her underwear.  </p>
<p>If you are ever able to locate such an image, then drag it in your new document. </p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/01.jpg" width="450" height="583" /></p>
<h3>Step 2: Create Some Watercolor Splashes</h3>
<p>
Now, we are going to paint some colors to the background  with some watercolor brushes. The brushes used are &#8220;watercolors_enV1ro&#8221;, which you can download from dezignus.com. Create a new layer for each splash underneath the model layer. Then, select your favorite color; you can have as many colors as you like.  This is how our splashes have been applied to the background of the design:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/02_.jpg" width="247" height="347" /></p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/02.jpg" width="580" height="752" /></p>
<p>Now let’s duplicate a set of the water colour layers, select  all the water colour layers, right click on them and select merge layers.</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/03.jpg" width="411" height="288" /></p>
<p>Now hide all the original brush layers and just have the  merged layer visible.</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/04.jpg" width="215" height="202" /></p>
<h3>Step 3: Give the Girl a Twirl</h3>
<p>Well, technically, you won&#8217;t be twirling the girl, and you&#8217;ll be twirling the strips.. I mean the stripes. Go to Filter &gt;  Distort &gt; Twirl and use 350 for the angle settings</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/05.jpg" width="360" height="305" /></p>
<p>Here are the results:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/06.jpg" width="580" height="539" /></p>
<p>Next, let’s adjust the twirl; resize and rotate it to your desired position. Press Control T and play around with it (the SWIRLS!)</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/07.jpg" width="535" height="565" /></p>
<p>You can duplicate the twirl and move around anywhere you prefer.  This is how our twirls are positioned:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/08.jpg" width="422" height="549" /></p>
<h3>Step 4: Add Some Motion to the Twirls</h3>
<p>
Next, we are going to add some motion to the twirls.. This is a very simple step, just duplicate a copy of the twirl layer, then go to Filter &gt; Blur &gt; Radial  Blur and use 35 for the zoom amount.</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/09.jpg" width="323" height="269" /></p>
<p>This is how it looks now:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/10.jpg" width="423" height="550" /></p>
<h3>Step 5: Give the Model a Little Tan</h3>
<p>
Contrast is often a good thing, such as creamy white skin against black leather lingerie, however, our model is posing for a summer themed menu design, so let&#8217;s make her look more appropriate for the theme and give her a little tan; go to Image &gt;  Adjustments &gt; Photo Filter </p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/11.jpg" width="473" height="496" /></p>
<p>Pick the warming filter (81) and 50% for the density:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/12.jpg" width="346" height="232" /></p>
<p>The results are a warm summer glow:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/13.jpg" width="422" height="548" /></p>
<h3>Step 6: Make the Model Stand Our from the Background</h3>
<p>The next problem that we face is that the colored background we made will be getting all of the visual attention, and there won&#8217;t be anyone looking at the featured half dressed model, which should be the focal point. Well, there&#8217;s a simply way to fix this and make the model stand out so she&#8217;ll get some notice, and that&#8217;s by adding an outer glow.</p>
<p>Just right-click on the model layer, select Blending Mode, go to Outer Glow, and use the setting below:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/14.jpg" width="580" height="427" /></p>
<p>This will create a clean white glow around the model photo as seen below:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/15.jpg" width="424" height="549" /></p>
<h3>Step 7: Add some Flowers to the Image</h3>
<p>
Next, let’s add some flowers to the image for a fresh summer feel. Once you&#8217;ve found a few enticing blossoms, just put the flowers anywhere you like it:. Here&#8217;s how we&#8217;ve sprinkled ours around:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/16.jpg" width="422" height="548" /></p>
<h3>Step 8: Oh My Stars and Garters!</h3>
<p>
Well, just stars actually &#8211; this lingerie menu won&#8217;t actually feature any garters &#8212; sorry. To add the stars to the image, go to brush (B), pick the star brush, and set the master diameter to 100 pixels.</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/17.jpg" width="247" height="304" /></p>
<p>Next go to the brush window, under brush tip section; enter  108% for the spacing.</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/18.jpg" width="371" height="440" /></p>
<p>Then under shape dynamics, 100% for the jitter, Fade 70% for  control, angle jitter 30%, and minimum roundness 50%</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/19.jpg" width="371" height="440" /></p>
<p>Next, under scattering enter 269% for scattering and count  jitter 7%.</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/20.jpg" width="371" height="441" /></p>
<p>Next create a new layer and select your preferred color and start painting the stars in the background, you can have as many colors as you want, just make sure you have one layer for each color. You can play with the  brush diameter for different sizes of the stars. This is how our palcement looks:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/21.jpg" width="420" height="550" /></p>
<h3>Step 9: Twinkle, Twinkle, Little Star</h3>
<p>Now, let’s add some glow to the stars. Right click on the star layers, go to Blending Options, and under Outer Glow use the settings  below:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/22.jpg" width="550" height="406" /></p>
<p>Do the same for all your star layers. Here are the results of the final image:</p>
<p><img src="http://blog.boxedart.com/images-flowerblossom/23.jpg" width="421" height="548" /></p>
<p>Finally, we have the results of the full menu; we&#8217;ve simply repeated the same steps above for the remaining 3 collages:</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20636"><img src="http://mediaimages.boxedart.com/FlowerBlossom550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20636">Flower Blossom Menu Template</a> with full PSD and AI source 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/designing-the-cover-of-a-lingerie-menu/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Create a Rockin Photo Frame and Collage</title>
		<link>http://blog.boxedart.com/tutorials/create-a-rockin-header-frame-and-collage/</link>
		<comments>http://blog.boxedart.com/tutorials/create-a-rockin-header-frame-and-collage/#comments</comments>
		<pubDate>Sun, 18 Apr 2010 07:05:27 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Collage]]></category>
		<category><![CDATA[Frame]]></category>
		<category><![CDATA[Girl]]></category>
		<category><![CDATA[Header]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Musician]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web template]]></category>
		<category><![CDATA[website template]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=852</guid>
		<description><![CDATA[In the world of photography, you will often hear the term framing relating to the positing of the subject matter of an image. In today&#8217;s lesson, we take things more literally and create a graphical frame around the musician of our Tight Music website template to draw attention and emphasis so that we highlight the [...]]]></description>
			<content:encoded><![CDATA[<p>In the world of photography, you will often hear the term framing relating to the positing of the subject matter of an image. In today&#8217;s lesson, we take things more literally and create a graphical frame around the musician of our <a href="http://www.boxedart.com/phpshop/info.php/mp_/20612">Tight Music</a> website template to draw attention and emphasis so that we highlight the photo&#8217;s beauty and style. It also just looks really cool.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20612"><img src="http://mediaimages.boxedart.com/TightMusic550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20612">Tight Music 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/yearly.php">Get a membership here</a> or <a href="http://www.boxedart.com/phpshop/Tour-WebTemplates.php">take a quick tour</a>.<span id="more-852"></span></p>
<h3>Step 1: Set Up Your Document</h3>
<p>Firstly, create a new document, with the size of 1000px X 800px. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/new.jpg" width="552" height="337" alt="new" /></p>
<p>At the same time, gather some photos of your favorite musician. We&#8217;ve prepared 3 different angle photos of our artist.</p>
<p><img src="http://blog.boxedart.com/images-tightmusic/model.jpg" width="600" height="299" alt="model" /></p>
<h3>Step 2: Trace Your Photo&#8217;s Supple Curves</h3>
<p>We need to path out the artist from the background. I’m sure you know how to it by now. Just use the pen tool and path follow the model, and then copy it out and place it in your new document. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/path.jpg" width="399" height="600" alt="path" /></p>
<h3>Step 3: Get Some Decorative Imagery</h3>
<p>Okay, here we need to add some of the musical elements, like music notes, and some shapes to give a retro look, as well as some flowers. We developed ours in Illustrator (you can see the images in the last step), but you can just download some clipart or vectors to suit.</p>
<h3>Step 4: Draw a Basic Box for Your Frame</h3>
<p>Now, let’s create the basic block of our much talked about frame for the artist. However, before drawing it out, hide the layers with the artist to concentrate drawing on the frame first. Grab the rounded rectangle tool, use a radius of 50px, and draw a rounded corner box like below. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/rounded-triangle.jpg" width="600" height="392" alt="rouded" /></p>
<h3>Step 5: Set Your Frame Width</h3>
<p>Since we&#8217;re making a frame and not a solid block, we need to extract the center part of our rounded rectangle. To accomplish this, hold on to your CTRL key and click on the layer that has the rounded corner box. Next, under Select > Modify > Contract, set the pixel to 20 and press okay.
  </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/contract.jpg" width="275" height="104" alt="contract" /></p>
<h3>Step 6: Delete the Middle of the Block</h3>
<p>Now, you can see the selection is smaller than the rounded rectangle. To remove the excess area, hit the delete button. The basic frame is now in place, but we still need to add in some effects and patterns to make it more enticing. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/step6.jpg" width="600" height="392" alt="step5" /></p>
<h3>Step 7: Decorate Your Frame</h3>
<p>Let’s add some patterns on the frame; I think a pretty cloud effect will suit our model selection &#8211; we downloaded this brush effect from Deviant.com. Before that, remember to lock the transparent pixels option. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/cloud-brush.gif" width="377" height="447" alt=" brush" /></p>
<p>Here is what was used to get the effect below. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/cloud-effect.jpg" width="600" height="392" alt="cloudeffect" /></p>
<h3>Step 8: Add Dimension to Your Frame</h3>
<p>Next, we need to add in some layer effect on the frame for the final touch up. Using some Bevel and Emboss effect  will make the frame look a little more 3D. You can find the settings used below. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/layer-style-emboss.jpg" width="611" height="452" alt="emboss" /></p>
<h3>Step 9: Smooth as Satin</h3>
<p>Before applying the above to the layer, there’s still another effect we need to add in, which is the Satin effect. This will give the frame a smooth and sharp sheen. Again the setting as below. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/layer-style-satin.jpg" width="611" height="452" alt="stin" /></p>
<h3>Step 10: Let in Your Musician</h3>
<p>Finally, we have the frame finished. Now, start making the header with the artist images that we pathed out earlier. First, we have the blue frame, and here we used the first pose of the artist image. Put her in the frame just like below. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/framemodel.jpg" width="600" height="392" alt="plusvector" /></p>
<h3>Step 11: Add in Your Vectors</h3>
<p>Now, let’s add in some vectors to fill up the space. We added some nice flowers at the left corner, and as for the background, we drew a simple path. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/mainframe.jpg" width="600" height="392" alt="plusvector" /></p>
<h3>Step 12: Create Additional Frames</h3>
<p>Now that we have one frame done, let’s do two more with different colors and different poses of our artist. We created two different size, one in orange and one in green, and put them side by side the main frame. </p>
<p><img src="http://blog.boxedart.com/images-tightmusic/mainframe-final.jpg" width="600" height="392" alt="3frame" /></p>
<h3>Step 13: Finishing Touches</h3>
<p>Now frame is ready, and again, it’s time to fill it up. We&#8217;ll use the different poses and different vectors that we selected earlier. Doesn’t it look cool?</p>
<p><img src="http://blog.boxedart.com/images-tightmusic/final.jpg" width="600" height="392" alt="final" /></p>
<p>After you have finished this, you can start composing your menu, sidebars and content for you page. Enjoy!<br />
<center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20612"><img src="http://mediaimages.boxedart.com/TightMusic550-1.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20612">Tight Music 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/yearly.php">Get a membership here</a> or <a href="http://www.boxedart.com/phpshop/Tour-WebTemplates.php">take a quick tour</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-rockin-header-frame-and-collage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make a Print Ready Easter Greeting Card from Scratch</title>
		<link>http://blog.boxedart.com/tutorials/make-a-print-ready-easter-greeting-card-from-scratch/</link>
		<comments>http://blog.boxedart.com/tutorials/make-a-print-ready-easter-greeting-card-from-scratch/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 00:08:22 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[easter]]></category>
		<category><![CDATA[greeting card]]></category>
		<category><![CDATA[Holiday]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=752</guid>
		<description><![CDATA[Easter is upon us, and what better way to celebrate then by sitting in front of the computer and learning new Photoshop techniques for creating festive holiday greeting cards (at least it will get you away from the Wii for a while and let your knees recover from the balance board step-ups &#8211; amirite?). By [...]]]></description>
			<content:encoded><![CDATA[<p>Easter is upon us, and what better way to celebrate then by sitting in front of the computer and learning new Photoshop techniques for creating festive holiday greeting cards (at least it will get you away from the Wii for a while and let your knees recover from the balance board step-ups &#8211; amirite?). By the way, if you happen across the Easter Bunny, ask him if he saw that Leprechaun that stole my vodka last week. Anyway, today&#8217;s tutorial will show you how to design most of the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20575">Painted Egg Greeting Card</a>.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20575"><img src="http://mediaimages.boxedart.com/ThePaintedEgg550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20575">Painted Egg Greeting Card</a> with full PSD source 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-752"></span></p>
<p>
<h3>Step 1: Set Up Your Document Size and Fold</h3>
<p>
We&#8217;re making a print ready greeting card here, not a web design template, so let&#8217;s start by creating a document with an 11 inch width and a height of 8.8 inches. Since this is going to  be a folding greeting card, we&#8217;re just going to use one side of the document for the design. Therefore, we need to create a fold/guide line in the middle so that we know where the boundary for the design is. Turn on the ruler by pressing control R, and then you can see the total width of the document from the ruler; you just have to divide the document width into 2 sections and drag the ruler to the middle point. Here&#8217;s how it looks:</p>
<p><img src="http://blog.boxedart.com/images-easter10/01.jpg" width="580" height="473" /></p>
<p>
<h3>Step 2: Paint the Background in Pastels</h3>
<p>Now, we can start painting our background. Create a new layer, select the Brush (B), and set the the diameter to 500 pixels.</p>
<p><img src="http://blog.boxedart.com/images-easter10/02.jpg" width="533" height="311" /></p>
<p>Then create a new layer and pick the colour you prefer, and  you can start painting. You can have as many colours as you prefer but just  remember to have a new layer for each different colour.  This is the colours I used: #1f9adc (blue), #f5ec64  (yellow), and #c0f564 (Green). This is how my painting looks:</p>
<p><img src="http://blog.boxedart.com/images-easter10/03.jpg" width="600" height="358" /></p>
<h3>Step 3: Make the Paint Look More Smooth and Fluid</h3>
<p>Next, let’s add some effects to the paint. Go to Filter  &gt;Sketch &gt;Water Paper and use the following settings: Fiber Length = 15,  Brightness = 60, and Contrast = 80</p>
<p><img src="http://blog.boxedart.com/images-easter10/04.jpg" width="600" height="455" /></p>
<p>This  is how it looks now:</p>
<p><img src="http://blog.boxedart.com/images-easter10/05.jpg" width="580" height="467" /></p>
<p>
<h3>Step 4: Create Eggs from Scratch</h3>
<p>What&#8217;s an Easter greeting card without Easter Eggs? To draw some eggs into the design layout, select the Ellipse Tool (U) and draw a shape that resembles an egg like the one shown below:</p>
<p><img src="http://blog.boxedart.com/images-easter10/06.jpg" width="300" height="365" /></p>
<p>
<h3>Step 5: Dye Your Easter Eggs</h3>
<p></p>
<p>Remember how much fun it was dying Easter Eggs as a kid? This next step is nothing like that. Right click on the egg layer and select Blending Options, go to Gradient and use the settings shown below:</p>
<p><img src="http://blog.boxedart.com/images-easter10/07.jpg" width="585" height="429" /></p>
<p><img src="http://blog.boxedart.com/images-easter10/08.jpg" width="600" height="468" /></p>
<p>
<h3>Step 6: Speckle the Eggs</h3>
<p>We&#8217;ve dyed the eggs with a base coat, often referred to as the &#8220;primary egg surfacing&#8221; in the Easter biz, but we&#8217;re not making golden eggs, we&#8217;re making Easter Eggs. So, now, let’s draw something on the egg. We&#8217;ve chosen something simple for our first egg, small colorful circles. Create a new layer and use the Ellipse Tool to draw a few circles in different sizes and colors, like the example below:</p>
<p><img src="http://blog.boxedart.com/images-easter10/09.jpg" width="580" height="345" /></p>
<p>
<h3>Step 7: Curve Your Paint Job</h3>
<p></p>
<p>The following things are not flat: the world, a marble, your head, Joy from &#8220;till death&#8221;, and this here egg. Therefore, we need to curve the paint speckles that we&#8217;ve just applied in the above step so that they conform to the curvature of the embryonic Easter symbol. So, lets first merge all circles into one layer; select all your circle layers, right click, and select Merge Layers. Then, click control T to transform, right click on it, and select Warp. Next, on top of the left screen there will be a drop down menu for the warp, from the menu just select Bulge.</p>
<p><img src="http://blog.boxedart.com/images-easter10/10.jpg" width="550" height="407" /></p>
<p>Drag the top and bottom points to match the shape of the egg like what&#8217;s shown below:</p>
<p><img src="http://blog.boxedart.com/images-easter10/11.jpg" width="272" height="362" /></p>
<p>Now, let’s do another warp for the side of the egg. Click Control  T, right click for the warp, and drag on the side edges to fit the egg.</p>
<p><img src="http://blog.boxedart.com/images-easter10/12.jpg" width="276" height="383" /></p>
<p>
<h3>Step 8: Add Further Dimension to the Egg</h3>
<p>Let’s create a soft inner shadow on the egg to make it look more 3 dimensional. Click on the Elliptical Marquee Tool (M), and draw a smaller egg shape like the one shown  below:</p>
<p><img src="http://blog.boxedart.com/images-easter10/13.jpg" width="302" height="430" /></p>
<p>Then, create a new layer, and fill it with a black transparent gradient</p>
<p><img src="http://blog.boxedart.com/images-easter10/14.jpg" width="400" height="377" /></p>
<p>Next, select ‘Soft Light’ mode on the gradient layer. Here are the results:</p>
<p><img src="http://blog.boxedart.com/images-easter10/15.jpg" width="500" height="333" /></p>
<p>
<h3>Step 9: Final Touches</h3>
<p></p>
<p>We’re done with one egg; you can create a few more eggs to fill up the card. We&#8217;ve added 3 eggs to our card, and wrote a short Easter message on it; here&#8217;s how it looks:</p>
<p><img src="http://blog.boxedart.com/images-easter10/16.jpg" width="580" height="453" /></p>
<p>We&#8217;ve also made several other varieties and sizes of our greeting card as seen below:</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20575"><img src="http://mediaimages.boxedart.com/ThePaintedEgg550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20575">Painted Egg Greeting Card</a> with full PSD source 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/make-a-print-ready-easter-greeting-card-from-scratch/feed/</wfw:commentRss>
		<slash:comments>3</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 all [...]]]></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 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-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>2</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 [...]]]></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>2</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>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[dental ad]]></category>
		<category><![CDATA[dentist]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[gross teeth]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[teeth]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web template]]></category>
		<category><![CDATA[website template]]></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>5</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 color [...]]]></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>
	</channel>
</rss>

