<?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; tutorial</title>
	<atom:link href="http://blog.boxedart.com/tag/tutorial/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>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>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>
		<item>
		<title>Draw a Clip-on Style Navigation</title>
		<link>http://blog.boxedart.com/tutorials/design-a-hanging-clothes-pinned-website-navigation-3/</link>
		<comments>http://blog.boxedart.com/tutorials/design-a-hanging-clothes-pinned-website-navigation-3/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 22:23:21 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Website Navigation]]></category>

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


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

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/design-a-hanging-clothes-pinned-website-navigation-3/feed/</wfw:commentRss>
		<slash:comments>1</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>Create an Interstellar Winter Sports Scene</title>
		<link>http://blog.boxedart.com/tutorials/create-a-winter-sports-space-collage/</link>
		<comments>http://blog.boxedart.com/tutorials/create-a-winter-sports-space-collage/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 00:29:40 +0000</pubDate>
		<dc:creator>Cubert</dc:creator>
				<category><![CDATA[Digital Photos]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[Photo Effects]]></category>
		<category><![CDATA[Photo Manipulaton]]></category>
		<category><![CDATA[Space]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

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


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

]]></content:encoded>
			<wfw:commentRss>http://blog.boxedart.com/tutorials/create-a-winter-sports-space-collage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

