<?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; Tutorials</title>
	<atom:link href="http://blog.boxedart.com/category/tutorials/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>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>Design a Grungy Door Hanger Template for a Dirty Job</title>
		<link>http://blog.boxedart.com/tutorials/design-a-grungy-door-hanger-template-for-a-dirty-job/</link>
		<comments>http://blog.boxedart.com/tutorials/design-a-grungy-door-hanger-template-for-a-dirty-job/#comments</comments>
		<pubDate>Wed, 12 May 2010 04:19:06 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=903</guid>
		<description><![CDATA[Today we have a tutorial that Mike Rowe would be proud of; a dirty and soiled door hanger template for the tire industry. It may come as no surprise that getting filthy on the Internet is easy to do, however we&#8217;re going to show how do it using rubbers. Why does nothing I type come [...]]]></description>
			<content:encoded><![CDATA[<p>Today we have a tutorial that Mike Rowe would be proud of; a dirty and soiled door hanger template for the tire industry. It may come as no surprise that getting filthy on the Internet is easy to do, however we&#8217;re going to show how do it using rubbers. Why does nothing I type come out right? Before I continue to make things worse as usual, we&#8217;ll just move along to the tutorial.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20627"><img src="http://mediaimages.boxedart.com/FullyInflatedA550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20627">Fully Inflated Door Hanger 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-903"></span></p>
<h3>Step 1: Create a New Document with a Simple Gradient</h3>
<p>The door hanger template design requires a pretty odd canvas size, specifically, 5.5 x 13.75 inches, which strangely enough is only an average size on the Internet &#8212; my god, I am so sorry. Now we are going to fill it with a gray gradient. Go to Gradient (G) in your toolbar and select Reflected Gradient.</p>
<p><img src="http://blog.boxedart.com/images-tire/01.jpg" width="228" height="31" /></p>
<p>Then, in the gradient editor box, fill in #e1e1e1 for the foreground color, and  #8d9192 for the background color. </p>
<p><img src="http://blog.boxedart.com/images-tire/02.jpg" width="400" height="453" /></p>
<p>Next, drag your gradient from the middle of the canvas to the bottom of the canvas, and you should see the below result:</p>
<p><img src="http://blog.boxedart.com/images-tire/03.jpg" width="396" height="990" /></p>
<h3>Step 2: Insert a Grungy Paper and Augment it&#8217;s Style</h3>
<p>
Now we need to find a grungy paper image for the background, which are available at most stock photo websites. This is what we’ve choosen.</p>
<p><img src="http://blog.boxedart.com/images-tire/04.jpg" width="400" height="562" /></p>
<p>Drag it into your canvas, and click Control T for free  transform to fit it in your canvas. Then go to Image &gt; Adjustments &gt;  Black &amp; White</p>
<p><img src="http://blog.boxedart.com/images-tire/05.jpg" width="400" height="420" /></p>
<p>Enter 80% in the yellows field</p>
<p><img src="http://blog.boxedart.com/images-tire/06.jpg" width="380" height="462" /></p>
<p>Then, select Hard Light on the layer blending mode</p>
<p><img src="http://blog.boxedart.com/images-tire/07.jpg" width="200" height="161" /></p>
<p>This is how it looks now:</p>
<p><img src="http://blog.boxedart.com/images-tire/08.jpg" width="300" height="750" /></p>
<h3>Step 3: Insert a Tire Image with a Few Effects</h3>
<p>
This design wouldn&#8217;t be much of a tire theme if we didn&#8217;t add a tire image, so that&#8217;s what we&#8217;re about to do now. </p>
<p><img src="http://blog.boxedart.com/images-tire/09.jpg" width="300" height="750" /></p>
<p>Make a selection of the tire by selecting the tire image layer and Control Click on the thumbnail image. Then go to Select &gt; Modify  &gt; Feather</p>
<p><img src="http://blog.boxedart.com/images-tire/10.jpg" width="280" height="332" /></p>
<p>And enter 60pixels for the feather radius</p>
<p><img src="http://blog.boxedart.com/images-tire/11.jpg" width="250" height="81" /></p>
<p>Next, create a new layer underneath your tire image and fill  it with black using the Paint Bucket Tool (G)</p>
<p><img src="http://blog.boxedart.com/images-tire/12.jpg" width="300" height="750" /></p>
<p>Then, create another new layer underneath the black layer you  just created. Fill it with White using the Paint Bucket Tool (G)</p>
<p><img src="http://blog.boxedart.com/images-tire/13.jpg" width="240" height="311" /></p>
<p>Now, select both black and white layers, right click on them and select Merge Layers.</p>
<p><img src="http://blog.boxedart.com/images-tire/14.jpg" width="229" height="261" /></p>
<p>Then, go to Filter &gt; Pixelate &gt; Color Halftone, and  enter 20 pixels for all fields</p>
<p><img src="http://blog.boxedart.com/images-tire/15.jpg" width="319" height="212" /></p>
<p>Then, on select multiply on the blending mode</p>
<p><img src="http://blog.boxedart.com/images-tire/16.jpg" width="224" height="266" /></p>
<p>This is how your image looks now:</p>
<p><img src="http://blog.boxedart.com/images-tire/17.jpg" width="300" height="750" /></p>
<h3>Step 4: Add Streaky, Rusty, and Dirty Colors</h3>
<p>
Now, let’s add some colors to our image. Create a new layer, go to Gradient (G), pick color #b56612, and drag your point from the top of  the canvas to the middle to create a gradient like what&#8217;s shown below:</p>
<p><img src="http://blog.boxedart.com/images-tire/18.jpg" width="300" height="750" /></p>
<p>Then, go to Filter &gt; Distort &gt; Wave, select Square for the type of wave, wavelength: min 100, max 400, amplitude: min 5, max 500, and  scale 100% for both horizontal and vertical.</p>
<p><img src="http://blog.boxedart.com/images-tire/19.jpg" width="465" height="394" /></p>
<p>Then, select Overlay for your blending mode.</p>
<p><img src="http://blog.boxedart.com/images-tire/20.jpg" width="225" height="302" /></p>
<p>This is how your image looks now:</p>
<p><img src="http://blog.boxedart.com/images-tire/21.jpg" width="300" height="750" /></p>
<h3>Step 5: Add and Format Your Text Message</h3>
<p>
Now, let’s add our text in; we&#8217;re using Desperado Font which you can download from dafont.com. Type in your text and place it on top of the canvas.</p>
<p>&nbsp;</p>
<p><img src="http://blog.boxedart.com/images-tire/22.jpg" width="300" height="750" /></p>
<p>Now, let’s a final touch to the text; go to the text layer, right click on it and select Blending Options. Then, go to Stroke and enter 7px  for the size, blend mode darken, capacity 100% and color #eb871c.</p>
<p><img src="http://blog.boxedart.com/images-tire/23.jpg" width="550" height="375" /></p>
<p>This is how the final image looks.</p>
<p><img src="http://blog.boxedart.com/images-tire/24.jpg" width="300" height="750" /></p>
<p>Here&#8217;s the final result with a few added touches and cut-outs made for hanging the design on a door handle:</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20627"><img src="http://mediaimages.boxedart.com/FullyInflatedA550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20627">Fully Inflated Door Hanger 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/design-a-grungy-door-hanger-template-for-a-dirty-job/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Design a Fresh Floral Logo in Time for Spring</title>
		<link>http://blog.boxedart.com/tutorials/design-a-fresh-floral-logo-in-time-for-spring/</link>
		<comments>http://blog.boxedart.com/tutorials/design-a-fresh-floral-logo-in-time-for-spring/#comments</comments>
		<pubDate>Mon, 10 May 2010 23:04:04 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=890</guid>
		<description><![CDATA[Now that Mother&#8217;s Day has come and gone, you might think that flowers would be so yesterday, however with our leap into spring, there&#8217;s still plenty of time left to enjoy a bright colored bouquet. So, in the spirit of the season, today&#8217;s Photoshop tutorial takes us though the steps of arranging an attractive floral [...]]]></description>
			<content:encoded><![CDATA[<p>Now that Mother&#8217;s Day has come and gone, you might think that flowers would be so yesterday, however with our leap into spring, there&#8217;s still plenty of time left to enjoy a bright colored bouquet. So, in the spirit of the season, today&#8217;s Photoshop tutorial takes us though the steps of arranging an attractive floral logo design, which we ourselves used in the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20624">Bright Day Bouquet Brochure Template</a>. By the way, did you know you could make wine from elderberry flowers? Yep, you can get drunk off pretty much anything that grows in nature.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20624"><img src="http://mediaimages.boxedart.com/BrightDayBouquet550.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20624">Bright Day Bouquet Brochure 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-890"></span></p>
<h3>Step 1: Create a New Document with a Multi-Colored Gradient Background</h3>
<p>
Let’s start with creating a new document with the size of 17&#215;11 inches (the largest of the 3 brochure template sizes). Now, fill it with a gradient, use #e93e8b for your foreground color, and #fdd537 for your background color. Then, select Gradient Tool (G) and drag from the  middle of the page to the bottom right diagonally to achieve the effect below:</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/01.jpg" width="580" height="375" /></p>
<h3>Step 2: Add Your Basic Text</h3>
<p>
This logo is going to appear on the lower right on our corner, so we will only use a small part of the canvas that we set up in step 1. So, let’s insert your text in now; we&#8217;re using Hursleys font face, downloaded from dafont.com, and a clean and simple white font color.</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/02.jpg" width="600" height="389" /></p>
<h3>Step 3: Create a Blurred Outline Effect Around the Text</h3>
<p>Right click on your text layer, and select Duplicate Layer to make a duplicate copy. Then  drag the duplicate layer underneath the original layer, go to Filter &gt;  Pixelate &gt; Fragment.  Then click  Control F to apply the same effect again.</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/03.jpg" width="466" height="575" /></p>
<h3>Step 4: Add Patches of Grass to the Logo</h3>
<p>We have a basic logo set up, and to give it a nature feel, we&#8217;re going to add some grass effects. Create a new layer on top of all the layers, go to Brush (B) and select the one shown below:</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/04.jpg" width="230" height="280" /></p>
<p>Then go to Brushes Window, enter 25% for Spacing</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/05.jpg" width="373" height="440" /></p>
<p>And under shape dynamics, enter size jitter 100% and 8% for  angle jitter</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/06.jpg" width="370" height="442" /></p>
<p>Then under Scattering, enter 3% for Count</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/07.jpg" width="368" height="437" /></p>
<p>Next, use #c2ee13 and slightly paint some grass on the text  like what shown below:</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/08.jpg" width="349" height="479" /></p>
<p>Now let’s use a darker tone of green to give some depth to  the grass, create a new layer, use #94b804 and change the brush pixel to 92,  then paint some darker grass over the ones now:</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/09.jpg" width="380" height="510" /></p>
<h3>Step 5: Adding in Leaves &amp; Flowers</h3>
<p>
Now, let’s add some leaves to our text. We&#8217;re going to be picking out some clean looking leaf photos, and then dragging the images and placing them underneath the text layers.</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/10.jpg" width="391" height="537" /></p>
<p>We will do the same using photos of fresh flowers. Place these images next to the the grass like how we  did:</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/11.jpg" width="350" height="495" /></p>
<p>Now, let’s add more flowers using varied colors and sizes:</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/12.jpg" width="360" height="503" /></p>
<h3>Step 6: Using Floral Brushes for Decorative Touches</h3>
<p>We are almost done here, and we only need to add some final touches. First, download some floral brushes to decorate the design; go to dezignus.com and download soulfulflowers2 brushes. You can try different  brushes here, and with different colors. Just place it underneath your text  layer.</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/13.jpg" width="254" height="349" /></p>
<p>Then, right click on the brush layer and select Blending  Options, go to Outer Glow and change the capacity to 100% and size to 8%.</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/14.jpg" width="550" height="403" /></p>
<p>This is how it looks now:</p>
<p><img src="http://blog.boxedart.com/images-flowerstore/15.jpg" width="403" height="641" /></p>
<p>Now our fresh spring logo has been completed.</p>
<p>Here are the logo&#8217;s results after placement in the brochure:<br />
<center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20624"><img src="http://mediaimages.boxedart.com/BrightDayBouquet550.jpg" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20624">Bright Day Bouquet Brochure 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>.<!--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-fresh-floral-logo-in-time-for-spring/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Add Simple, Yet Elegant, Effects for a Cool Looking Fashion Postcard</title>
		<link>http://blog.boxedart.com/tutorials/add-simple-yet-elegant-effects-for-a-cool-looking-fashion-postcard/</link>
		<comments>http://blog.boxedart.com/tutorials/add-simple-yet-elegant-effects-for-a-cool-looking-fashion-postcard/#comments</comments>
		<pubDate>Mon, 10 May 2010 01:14:42 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=876</guid>
		<description><![CDATA[The Internet is full of big flashy effects, immense graphical work, pictures of cats, and images of women under-dressed for any occasion. In today&#8217;s lesson, however, we will take a look at the flip-side of things, and discover how a few simple, tasteful, effects can not only complete, but comprise an entire design. It&#8217;s a [...]]]></description>
			<content:encoded><![CDATA[<p>The Internet is full of big flashy effects, immense graphical work, pictures of cats, and images of women under-dressed for any occasion. In today&#8217;s lesson, however, we will take a look at the flip-side of things, and discover how a few simple, tasteful, effects can not only complete, but comprise an entire design. It&#8217;s a reminder that sometimes simple works, and you don&#8217;t need to go overboard to achieve an effective design.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20623"><img src="http://mediaimages.boxedart.com/PurseCard550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20623">Purse Card</a> post card template 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-876"></span></p>
<h3>Step 1: Create a New Document with Appropriate Fill Gradient</h3>
<p>
Start by creating a new document with the size of 8.5 x 5.5 inches (these are the dimensions of our post card). Next  let’s fill the foreground color with #dedddb and background color with #6c6c6e. We are now going to fill the background with a gradient. Go to Gradient (G) and drag  diagonally from the middle to bottom right of the canvas.</p>
<p><img src="http://blog.boxedart.com/images-handbag/01.jpg" width="550" height="355" /></p>
<h3>Step 2: Lets Hear Some Noise</h3>
<p></p>
<p>Now let’s duplicate the background layer by right clicking  on it and select duplicate layer. Then on the duplicate layer, go to Filter  &gt; Add Noise, and enter 100%.</p>
<p><img src="http://blog.boxedart.com/images-handbag/02.jpg" width="300" height="384" /></p>
<p>Then select Linear Burn on the Layer Mode, and this is how it looks now:</p>
<p><img src="http://blog.boxedart.com/images-handbag/03.jpg" width="612" height="396" /></p>
<h3>Step 3: Add an Illuminating Handbag</h3>
<p>
Now, let’s add in a stylish image of your choice, in this case it&#8217;s a handbag. Just cut it from the background and position it in the middle.</p>
<p><img src="http://blog.boxedart.com/images-handbag/04.jpg" width="612" height="396" /></p>
<p>Then, right click on the handbag layer, go to Blending Options and select Outer flow to add some glow to it. In Blend Mod, select Hard Light, capacity 100%, Noise 49%, Technique Softer, Spread 17%, Size 128px, and change the contour to the one shown below:</p>
<p><img src="http://blog.boxedart.com/images-handbag/05.jpg" width="550" height="406" /></p>
<p><img src="http://blog.boxedart.com/images-handbag/06.jpg" width="612" height="396" /></p>
<h3>Step 4: Create an Elegant Line Design</h3>
<p>
Now let’s add some light effects around the handbag. Use  your pen tool (P) to create a wavy line in front of the handbag. </p>
<p><img src="http://blog.boxedart.com/images-handbag/07.jpg" width="580" height="373" /></p>
<p>Next, create a new layer and select Brush (B) with 13pixels  and right click on the path layer and select stroke path.</p>
<p><img src="http://blog.boxedart.com/images-handbag/08.jpg" width="580" height="375" /></p>
<p>Now, right click on the stroke layer and select Blending  Options, and select Outer Glow, enter Hard Light for the Blend Mode, capacity  100%, and size 25pixel.</p>
<p><img src="http://blog.boxedart.com/images-handbag/09.jpg" width="580" height="423" /></p>
<p><img src="http://blog.boxedart.com/images-handbag/10.jpg" width="612" height="396" /></p>
<h3>Step 5: Duplicate the Results</h3>
<p>Finally, create more of the lines with different sizes and colors. You can apply the same effect on each stroke layers by copying the original layer (right click on it and select copy layer  style), and pasting it on the new layers (right click on it and select paste  layer style).</p>
<p><img src="http://blog.boxedart.com/images-handbag/11.jpg" width="612" height="396" /></p>
<p>There you go, our elegant handbag post card. Hope you enjoyed the  tutorial.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20623"><img src="http://mediaimages.boxedart.com/PurseCard550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20623">Purse Card</a> post card template 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/add-simple-yet-elegant-effects-for-a-cool-looking-fashion-postcard/feed/</wfw:commentRss>
		<slash:comments>1</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>Create an Aged and Textured Pirate Poster</title>
		<link>http://blog.boxedart.com/tutorials/create-an-aged-and-textured-pirate-poster/</link>
		<comments>http://blog.boxedart.com/tutorials/create-an-aged-and-textured-pirate-poster/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 08:17:25 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=833</guid>
		<description><![CDATA[Regular readers of this blog are already aware that for several weeks now, I have been without my raspberry ice tea flavored vodka after a brutal leprechaun invasion this past St. Patrick&#8217;s day. I finally decided to let the matter go, and went to the liquor store to pick up a bottle of spiced rum [...]]]></description>
			<content:encoded><![CDATA[<p>Regular readers of this blog are already aware that for several weeks now, I have been without my raspberry ice tea flavored vodka after a brutal leprechaun invasion this past St. Patrick&#8217;s day. I finally decided to let the matter go, and went to the liquor store to pick up a bottle of spiced rum to help &#8220;fuel my creativity&#8221;. However, upon returning to my freezer for a shot of &#8220;inspiration&#8221;, I found that it was completely empty, save for the below poster rolled up neatly and bound by a conspicuous frosty eye patch. Today&#8217;s lesson teaches us that we must always lock our freezers when we are storing our hooch, in addition to some Photoshop work in recreating the ominous and evidentiary pirate poster.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20602"><img src="http://mediaimages.boxedart.com/PiratesNight550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20602">Pirate&#8217;s Night</a> poster template 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-833"></span></p>
<h3>Step 1: Create a Big Print Sized Document with a Gradient Color</h3>
<p>
Let’s start by creating a new document with the size of  11inches x 24inches with a CMYK color profile. Now fill the background layer with a gradient; set your foreground color to #b59b62 and background color to #465955. Next, go to Gradient (G), select Reflected Gradient mode, then go to your canvas and drag the point from the middle to bottom of the canvas to create a gradient like below:</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/01.jpg" width="370" height="532" /></p>
<h3>Step 2: Add a Weathered Texture to Your Background</h3>
<p>Now, go to the background layer, right click on it and select duplicate layer, and on the duplicate layer go to Filter &gt; Texture &gt;  Texturizer, select Sandstone for the texture, scaling 100%, and relief 4.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/02.jpg" width="600" height="354" /></p>
<h3>Step 3: Alter the Color to Resemble Aged Parchment</h3>
<p>Now that we have our aged texture, it&#8217;s time to add some color to match.  Start by clicking Control F on the same layer to apply the same filter (as in the step above) again. Then, select Soft Light on the Blending Mode Layer, and this is how your image will look:</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/03.jpg" width="600" height="909" /></p>
<h3>Step 4: Add a Black Border to the Background</h3>
<p>
Now, let’s create a black soft border around the poster. Create a New Layer (N), go to Brushes (B), and select the Soft Round Brush. Then, enter the diameter to 960pixels, change the capacity to 34% and then start painting the border of the background to something that resembles the below:</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/04.jpg" width="500" height="758" /></p>
<p>Next, change the border capacity layer to 50% for a much softer tone:</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/05.jpg" width="500" height="758" /></p>
<h3>Step 5: Pirate Your Poster</h3>
<p>
It&#8217;s time to add a pirate image on top of the background. After choosing the pirate picture of your choice, position it in your poster and change the blending mode to Luminosity. </p>
<p><img src="http://blog.boxedart.com/images-pirateposter/06.jpg" width="500" height="758" /></p>
<h3>Step 6: Add a Terrifying Pirate Message</h3>
<p>
Now, let’s add some text to the poster. As this is a gruesome and absolutely horrifying pirate poster, the text should strike fear and terror into the hearts of all that read it.  Therefore, we will write the horrific slogan &#8220;Pirate&#8217;s Night&#8221; using  the Aardward Café font, which you can download from dafont.com. Type in your preferred text and fill it with color #233025. </p>
<p><img src="http://blog.boxedart.com/images-pirateposter/07.jpg" width="500" height="758" /></p>
<h3>Step 7: Effect Your Text</h3>
<p>The text is now added, but plain text is really dull, so let’s give some effects to the text. Right click on the text layer, and select Blending Options, then Drop Shadow, enter 40px for the  size.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/08.jpg" width="550" height="401" /></p>
<p>Then, go to Inner Shadow, enter 38 for the size.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/09.jpg" width="550" height="404" /></p>
<p>Next, go to Outer Glow, use color #d5d290, change the capacity to 86%, and size 35pixels.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/10.jpg" width="550" height="401" /></p>
<p>Now, go to Bevel and Emboss, select Inner Bevel, technique  use Chisel Hard, depth enter 755%, size 4, and use # fdcf53 for the Highlight  Mode.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/11.jpg" width="550" height="405" /></p>
<p>Then on Satin, enter 45% for the capacity and 14pixel for  both distance and size.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/13.jpg" width="550" height="408" /></p>
<p>Finally on the Gradient Overlay, use the color chosen below and enter 140 for the angle, and 150% for the scale.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/12.jpg" width="550" height="580" /></p>
<p>This is how the text going to look now:</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/14.jpg" width="312" height="243" /></p>
<p>Now control click on the text layers to make a selection of  the text,</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/15.jpg" width="247" height="181" /></p>
<p>After the text style has been formatted, create a new layer underneath the text layers, and fill it with black. Then, go to Filter &gt; Blur &gt; Motion Blur, enter 45 for the angle and 400pixels for the distance. Then, change the capacity mode to 50% for  the motion blur effect you just created.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/16.jpg" width="300" height="354" /></p>
<p><img src="http://blog.boxedart.com/images-pirateposter/17.jpg" width="500" height="758" /></p>
<h3>Step 8: Final Touches to the Poster</h3>
<p>
The poster&#8217;s looking pretty sharp, now all that&#8217;s left are some final touches. Create a new layer on top of all the layers, press (D) to set the default foreground and background colors to black and white, and go to Filters &gt; Render &gt;  Clouds. After that, go to the layer blending mode and select soft light.</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/18.jpg" width="200" height="187" /></p>
<p>And this is how your poster looks now:</p>
<p><img src="http://blog.boxedart.com/images-pirateposter/19.jpg" width="500" height="758" /></p>
<p>You can add in more graphics and text as you wish, and you can see how we completed our final version below. Hope you enjoyed the tutorial. Thanks.</p>
<p>P.S. If you have any suggestions for hiding my liquor, please post a reply.</p>
<p>
<center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20602"><img src="http://mediaimages.boxedart.com/PiratesNight550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20602">Pirate&#8217;s Night</a> poster template 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/create-an-aged-and-textured-pirate-poster/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Design a Dark and Sensuous High Heel Print Newsletter</title>
		<link>http://blog.boxedart.com/tutorials/design-a-dark-and-sensuous-high-heel-print-newsletter-2/</link>
		<comments>http://blog.boxedart.com/tutorials/design-a-dark-and-sensuous-high-heel-print-newsletter-2/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 22:23:59 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[high heel shoes]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[newsletter]]></category>
		<category><![CDATA[print newsletter]]></category>
		<category><![CDATA[sexy legs]]></category>
		<category><![CDATA[shoes]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=802</guid>
		<description><![CDATA[She&#8217;s got legs, she knows how to&#8230; insert them&#8230; into a well designed print newsletter template, and after reading today&#8217;s tutorial, so will you. Today&#8217;s Photoshop tutorial will teach you all of the effects needed to recreate the sexy, dark, and inviting High Class Heels newsletter template. Perhaps I could convince the leg model that [...]]]></description>
			<content:encoded><![CDATA[<p>She&#8217;s got legs, she knows how to&#8230; insert them&#8230; into a well designed print newsletter template, and after reading today&#8217;s tutorial, so will you.  Today&#8217;s Photoshop tutorial will teach you all of the effects needed to recreate the sexy, dark, and inviting  <a href="http://www.boxedart.com/phpshop/info.php/mp_/20589">High Class Heels</a> newsletter template. Perhaps I could convince the leg model that posed for this photo to take a walk around on those stems and find that Leprechaun that stole my vodka last St. Patrick&#8217;s day. Did I mention that it was raspberry ice tea flavored?</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20589"><img src="http://mediaimages.boxedart.com/HighClassHeels550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20582">High Class Heels</a> print newsletter template 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-802"></span></p>
<h3>Step 1: Set up Your Document and Base Pallet</h3>
<p>
First, let’s start by creating a new document with the size of 17 x 11 inches in CMYK, which will be the print dimensions of our largest size newsletter. Then, create a new layer and fill it with a black  transparency gradient. Press (G) for the Gradient, and select the transparency option shown below:</p>
<p><img src="http://blog.boxedart.com/images-highheels/01.jpg" width="216" height="30" /></p>
<p>Here is how it looks when applied:</p>
<p><img src="http://blog.boxedart.com/images-highheels/02.jpg" width="550" height="358" /></p>
<h3>Step 2: Apply a Wave Filter</h3>
<p>
Now, let’s apply a filter to the gradient we created just  now. Go to Filter &gt; Distort &gt; Wave,</p>
<p><img src="http://blog.boxedart.com/images-highheels/03.jpg" width="300" height="389" /></p>
<p>Then, select &#8220;square&#8221; for the type of waves, enter 10 for the number of generators, wavelength 10% for min and 120% for max, amplitude 10% for min and 100% for max, and scale 50% for horizontal and 100% for  vertical.</p>
<p><img src="http://blog.boxedart.com/images-highheels/04.jpg" width="440" height="379" /></p>
<p>This is what you get now:</p>
<p><img src="http://blog.boxedart.com/images-highheels/05.jpg" width="550" height="350" /></p>
<h3>Step 3: Fill the Background with a Gorgeous Brunette Sheen</h3>
<p>
Now, let’s give a brilliant brunette color to the background. Go to your  background layer underneath the gradient layer, then press (G) for the Gradient Tool, and enter the below color settings:</p>
<p><img src="http://blog.boxedart.com/images-highheels/06.jpg" width="425" height="485" /></p>
<p>Next, drag the gradient across the canvas from left to right  to achieve the gradient below:</p>
<p><img src="http://blog.boxedart.com/images-highheels/07.jpg" width="550" height="356" /></p>
<p>Third, go to your layer with effects, and chose Linear Light  for the Blending Mode</p>
<p><img src="http://blog.boxedart.com/images-highheels/08.jpg" width="235" height="126" /></p>
<p>This is how your image looks now:</p>
<p><img src="http://blog.boxedart.com/images-highheels/09.jpg" width="550" height="356" /></p>
<h3>Step 4: Add a Brighter Shine to Your Brunette Color</h3>
<p>Lets improve the color we&#8217;ve added in the previous step. Duplicate a copy of your background layer; go to your background layer, right click on it and select Duplicate Layer, and place it on top of your effects layer, and choose Soft Light for the Blending Mode.</p>
<p><img src="http://blog.boxedart.com/images-highheels/10.jpg" width="200" height="136" /></p>
<p>The results:</p>
<p><img src="http://blog.boxedart.com/images-highheels/11.jpg" width="550" height="356" /></p>
<h3>Step 5: Place and Enhance Your Image</h3>
<p>
We&#8217;ve got our effects in place, and it&#8217;s time to add image to color.  Grab the most inviting photo you can find of a woman in high heeled shoes to insert into your canvas. You can see the photo that we selected below:</p>
<p><img src="http://blog.boxedart.com/images-highheels/12.jpg" width="550" height="356" /></p>
<p>Next, let’s create a drop shadow on the image; right click  on your photo layer, select Blending Options, and go to Drop Shadow, enter 40pixel for the distance, 26% for the spread, and 57pixels for the size. </p>
<p><img src="http://blog.boxedart.com/images-highheels/13.jpg" width="550" height="398" /></p>
<p>This is how your image looks now:</p>
<p><img src="http://blog.boxedart.com/images-highheels/14.jpg" width="550" height="356" /></p>
<h3>Step 6: Add Your Text and Format it with Special Effects</h3>
<p>
Now, we need to include a text message in our high heeled print newsletter template.  We&#8217;ve used Century Gothic Font here.</p>
<p><img src="http://blog.boxedart.com/images-highheels/15.jpg" width="550" height="356" /></p>
<p>However, plain text isn&#8217;t very appealing on a newsletter, so let’s create some effects on the text. Right click on your text layer, select Blending Options, go to Outer Glow, select Linear Dodge (Add) for the Blend more, capacity 100%, colour #F17E43, under elements, use  Softer technique, spread 14%, size 18pixel, under Quality, use the contour election I used, and enter 1% for the range.</p>
<p><img src="http://blog.boxedart.com/images-highheels/16.jpg" width="550" height="398" /></p>
<p>This is how it looks:</p>
<p><img src="http://blog.boxedart.com/images-highheels/17.jpg" width="420" height="256" /></p>
<h3>Step 7: Make the Text Look Like it is Reflected off Glass</h3>
<p>Finally, let’s add some motion blur effect to the text (it makes the font look a little like there is a glass plate in front of it). Right click on your text layer, select Duplicate Layer, and then go to Filter &gt;  Blur &gt; Motion Blur, enter 45 for the angle and 280pixels for the distance.</p>
<p><img src="http://blog.boxedart.com/images-highheels/18.jpg" width="300" height="355" /></p>
<p>Then change the layer capacity to 60%. This is how your text  looks now:</p>
<p><img src="http://blog.boxedart.com/images-highheels/19.jpg" width="433" height="248" /></p>
<p>So, we are done with tutorial, however, you can add in your text and any other images to it you might like.</p>
<p><img src="http://blog.boxedart.com/images-highheels/20.jpg" width="550" height="356" /></p>
<p>Here&#8217;s how we completed ours in our final design:</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20589"><img src="http://mediaimages.boxedart.com/HighClassHeels550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20582">High Class Heels</a> print newsletter template 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/design-a-dark-and-sensuous-high-heel-print-newsletter-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design a Cool CD Cover with Fresh Retro Inspired Effects</title>
		<link>http://blog.boxedart.com/tutorials/design-a-cool-cd-cover-with-fresh-retro-inspired-effects/</link>
		<comments>http://blog.boxedart.com/tutorials/design-a-cool-cd-cover-with-fresh-retro-inspired-effects/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 06:49:53 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[cd cover]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[effects]]></category>
		<category><![CDATA[retro rainbow]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.boxedart.com/?p=776</guid>
		<description><![CDATA[Welcome back my friends to the show that never ends. We&#8217;re so glad you could attend, come inside, come inside. Today&#8217;s Photoshop tutorial will show you how to create some retro style effects, such as the classic &#8220;retro rainbow&#8221;, but with a fresher, cleaner, and more modern style. These effects are part of a complete [...]]]></description>
			<content:encoded><![CDATA[<p>Welcome back my friends to the show that never ends. We&#8217;re so glad you could attend, come inside, come inside. Today&#8217;s Photoshop tutorial will show you how to create some retro style effects, such as the classic &#8220;retro rainbow&#8221;, but with a fresher, cleaner, and more modern style. These effects are part of a complete <a href="http://www.boxedart.com/phpshop/info.php/mp_/20582">CD Jewel Box Cover</a> tutorial. I&#8217;m hoping that at the end of the retro rainbow I&#8217;ll finally find that Leprechaun that stole my vodka two weeks ago.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20582"><img src="http://mediaimages.boxedart.com/CoolFreshBusiness550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20582">Cool Fresh Business CD/DVD Cover</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-776"></span></p>
<p>
<h3>Step 1: Set Up Your Document Size and Ratio</h3>
<p>We are creating a print ready CD Jewel Box Cover here, so we need to open up Photoshop, and create a new document; a perfect square 6.18 inches high x 6.18 inches wide, with a CMYK color profile, which will be the printing dimensions for your jewel box.  </p>
<p>
<h3>Step 2: Create the First Rainbow Stripes</h3>
<p></p>
<p>Now, Create a new layer, select the Rectangular Marquee Tool (M), and draw a rectangular shape across the canvas.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/01.jpg" width="550" height="549" /></p>
<p>
<h3>Step 3: Color, Rinse, and Repeat</h3>
<p>Next, fill the rectangles with color #ff7700, and create another four stripes with the same steps above. Fill the new stripes with colors #fdb715, #549bc2, #6cb745 and #ea3125. </p>
<p><img src="http://blog.boxedart.com/images-coolfresh/02.jpg" width="445" height="445" /></p>
<p>
<h3>Step 4: Diagon-Alley</h3>
<p>With our rainbow stripes set up and filled in, we will now rotate the rainbow diagonally across the corner of the cover.  To rotate the stripes, select all the stripe layers, and then right click and select &#8220;Merge Layers&#8221;. Next, click &#8220;Control T&#8221; for a Free Transform, and rotate the stripes and position to something like below:</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/03.jpg" width="600" height="593" /></p>
<p>
<h3>Step 5: Speckle the Rainbow (but never heckle the rainbow &#8212; two words: Leprechaun Revenge.)</h3>
<p>So the rainbow s drawn, colored, and in the corner, but what&#8217;s retro about it? Nothing, that&#8217;s what. Therefore, we&#8217;re going to make it look grainy, altering the the crisp colors to look weathered. So, go to Filter &gt; Pixelate &gt; Mezzotint, and select &#8220;coarse dots&#8221;. The results will be a bright rainbow, with a grainy texture.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/04.jpg" width="300" height="243" /></p>
<p><img src="http://blog.boxedart.com/images-coolfresh/05.jpg" /></p>
<h3>Step 6: Add a Second Overlapping Rainbow</h3>
<p>Next, right click on the stripes layer and select duplicate layer, which will of course duplicate the entire rainbow layer with all of its effects. Then, click &#8220;Control T&#8221; to rotate another set of stripes across the canvas.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/06.jpg" width="445" height="445" /></p>
<p>
<h3>Step 7: Fill the Background &#8211; Start With a Solid Color</h3>
<p>
Now, let’s work on the background. Start by filling the white background layer with a fresh blue; color #6fd0f6.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/07.jpg" width="445" height="445" /></p>
<p>
<h3>Step 8: I See Spots</h3>
<p></p>
<p>Don&#8217;t you think a solid blue background complements the rainbow perfectly? Neither do I.  So, let’s give create an effect &#8211; a spotted effect. Go to Filter &gt; Pixelate &gt; Color Halftone and use 50 pixels for the radius.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/08.jpg" width="600" height="409" /></p>
<p><img src="http://blog.boxedart.com/images-coolfresh/09.jpg" width="445" height="445" /></p>
<p>
<h3>Step 9: Make the Rainbow Pop</h3>
<p></p>
<p>Now, let’s a white border to the stripes to make it stand out from the background. Go to the stripe layer, right click on it, and select &#8220;Blending Options&#8221;. Then, go to &#8220;Stroke&#8221; and enter 30 pixels for the size and white for the color.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/10.jpg" width="560" height="376" /></p>
<p>
<h3>Step 10: White Stripe Copy Cat</h3>
<p></p>
<p>You can right click on the stripe layer with the stroke effect on it, and select &#8220;Copy Layer Style&#8221;, and then paste the Layer style on the other stripe layer without the stroke effect to duplicate the effect onto the second rainbow.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/11.jpg" /></p>
<p>
<h3>Step 11: Add a Picture to the Cover</h3>
<p>
Now, let’s add your image/icon in the design, we downloaded a fresh blue icon from bigstockphoto, and then placed it in the canvas.</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/12.jpg" /></p>
<p>
<h3>Step 12: Stroke Your Image</h3>
<p></p>
<p>We need to make the clip-art pop, just like we did to the rainbows. So, let’s apply the stroke effect on the icon layer. You can right click on the icon layer, and click &#8220;Paste effect&#8221; to paste the stroke effect you just copied from the stripes layer (what a handy short cut).</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/13.jpg" /></p>
<p>
<h3>Step 13: Words are Worth a Thousand Pictures (or something)</h3>
<p>Words are thoughts and we can&#8217;t think without&#8217;em (also, we wouldn&#8217;t remember what&#8217;s stored on the CD). So, let’s add our text in the design; go to dafont.com and download the Arista Font (on a side note, I really like saying &#8220;Arista&#8221;; Ar-ista, Arrr-leesta, Arrr!). Back on the main note, type your text and position in, and fill in the text with some fresh colors. Then, the final step is to add a white stroke effect from the  stripes layer style you copied. Right click on the text layers and click &#8220;paste effect&#8221; to paste the stroke on the text:</p>
<p><img src="http://blog.boxedart.com/images-coolfresh/14.jpg" width="445" height="445" /></p>
<p>You now have a neat-o, ready to print jewel box cover.</p>
<p><center><a href="http://www.boxedart.com/phpshop/info.php/mp_/20582"><img src="http://mediaimages.boxedart.com/CoolFreshBusiness550.gif" alt="" /></a></center></p>
<p>You can download the <a href="http://www.boxedart.com/phpshop/info.php/mp_/20582">Cool Fresh Business CD/DVD Cover</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>.</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-cool-cd-cover-with-fresh-retro-inspired-effects/feed/</wfw:commentRss>
		<slash:comments>2</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>
	</channel>
</rss>

