<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.3.1" -->
<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/"
	>

<channel>
	<title>Design Tutorials</title>
	<link>http://www.rdesignonline.com/design</link>
	<description>Graphic design software tutorials</description>
	<pubDate>Fri, 15 Jan 2010 21:40:10 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.1</generator>
	<language>en</language>
			<item>
		<title>Creating Easy Distressed Text in Illustrator</title>
		<link>http://www.rdesignonline.com/design/creating-easy-distressed-text-in-illustrator/</link>
		<comments>http://www.rdesignonline.com/design/creating-easy-distressed-text-in-illustrator/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 14:51:46 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Beginner]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/creating-easy-distressed-text-in-illustrator/</guid>
		<description><![CDATA[The distressed and grunge looks are hot these days. This quick tutorial will show you just how easy it is to create this effect on text in Illustrator.Let&#8217;s begin with some text. You can add small and simple design elements if you would like. Stay away from anything too complex.

We have our starting point, we [...]]]></description>
			<content:encoded><![CDATA[<p>The distressed and grunge looks are hot these days. This quick tutorial will show you just how easy it is to create this effect on text in Illustrator.Let&#8217;s begin with some text. You can add small and simple design elements if you would like. Stay away from anything too complex.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/plain-text.gif" alt="Plain Text" /><br />
We have our starting point, we need to gather our tools. Make sure that your Brushes Palette is open. (You can open the palette by going to Window &gt; Brushes.) Now, go open a the Artistic-ChalkCharcoalPencil Brush Library by going to Window &gt; Brush Libraries &gt; Artistic-ChalkCharcoalPencil as shown below.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/brush-libraries.gif" alt="Brush Libraries" />Next, take your pen tool and draw a few lines through the text at various angles. Select a stroke color from you Color Palette, making sure that your stroke color is different than the text and any design elements you are using.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/draw-lines.gif" alt="Draw Lines Across Text" />Apply one of the brushes from the new Brush Library to all of your lines. I am using the top brush called &#8220;Chalk&#8221;.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/apply-brush.gif" alt="Apply Brush" />Now select the text and the brush strokes and expand it all by going to Object &gt; Expand. Once the artwork has been expanded, we want to merge it all together. Open your Pathfinder Palette by going to Window &gt; Pathfinder. With the expanded artwork selected, click on the Merge Icon <img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/merge-icon.gif" alt="Merge Icon" /> in you Pathfinder Palette.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/expand-merge.gif" alt="Expand and Merge" />Now, select the color of your brush strokes from the swatches in your Color Palette. Once the color appropriate color appears as your Fill Color, select all of the strokes by simply going to Select &gt; Same &gt; Fill Color. This will select all of the little shapes created by you brush strokes. With the shapes selected click the delete key on your keyboard or select the No Fill swatch <img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/nofill-icon.gif" alt="No Fill Swatch" /> from the Color Palette.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/select-same-color.gif" alt="Select Same Color" />Removing the color from those spots around the design creates the distressed/grunge look we are going for.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/distressed-text.gif" alt="Final Effect" /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/creating-easy-distressed-text-in-illustrator/feed/</wfw:commentRss>
		</item>
		<item>
		<title>QUICK TIP - The Glyphs Palette</title>
		<link>http://www.rdesignonline.com/design/quick-tip-the-glyphs-palette/</link>
		<comments>http://www.rdesignonline.com/design/quick-tip-the-glyphs-palette/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 18:53:26 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Beginner]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/quick-tip-the-glyphs-palette/</guid>
		<description><![CDATA[
Designers and recreational users alike will often find themselves looking to use special characters, like numerical fractions and trademark/copyright symbols.  The Glyphs Palette can save you the hassle of tweak, tweak, tweaking your standard text until a fraction looks right or creating a symbol by manually combining shapes and characters.
To open the Glyphs Palette, goto [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/menu.gif" alt="Select Glyphs from Menu" style="float: right" /><br />
Designers and recreational users alike will often find themselves looking to use special characters, like numerical fractions and trademark/copyright symbols.  The Glyphs Palette can save you the hassle of tweak, tweak, tweaking your standard text until a fraction looks right or creating a symbol by manually combining shapes and characters.</p>
<p>To open the Glyphs Palette, goto <strong>Text &gt; Glyphs</strong> on your Illustrator menu.  The palette will open and display the glyphs available in the selected font.  Simply change the font on your Character Toolbar or Palette to change the glyphs being displayed.  To insert a glyph, place your text cursor somewhere on the artboard or with a line of text and then double click the appropriate glyph within the palette.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/glyphs.gif" alt="Glyph Palette" />   </p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/quick-tip-the-glyphs-palette/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Easy Vector Textures - PART TWO - Grunge Scene</title>
		<link>http://www.rdesignonline.com/design/easy-vector-textures-part-two-grunge-scene/</link>
		<comments>http://www.rdesignonline.com/design/easy-vector-textures-part-two-grunge-scene/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 19:08:03 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Intermediate]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/easy-vector-textures-part-two-grunge-scene/</guid>
		<description><![CDATA[In PART ONE of Easy Vector Textures, we covered a quick and easy way to create vector textures using the Live Trace Tool in Illustrator. Here in PART TWO, we are going to put some of those quick and easy textures to use as we create a simple Urban Grunge scene.
Before we can begin our urban [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://www.rdesignonline.com/design/easy-vector-textures-in-illustrator-part-one/">PART ONE</a> of Easy Vector Textures, we covered a quick and easy way to create vector textures using the <strong>Live Trace Tool</strong> in Illustrator. Here in PART TWO, we are going to put some of those quick and easy textures to use as we create a simple Urban Grunge scene.</p>
<p>Before we can begin our urban scene, we&#8217;ll need to go grab some texture images to use.  The images I will be using are shown below and include images of bricks, corrigated metal, some rusty drips and a few different grungy papers.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/textures.jpg" alt="Texture Images" /></p>
<p>Open Illustrator and start with a rectangular artboard.</p>
<p>Let&#8217;s begin by creating a brick wall that will serve as our backdrop.  Place the image of bricks onto the artboard (File &gt; Place), select the image and make a Live Trace (Object &gt; Live Trace &gt; Make and Expand).  Select the white portions (Select &gt; Same &gt; Fill Color) and fill with a reddish brick color, and fill the black portions with a much darker shade of that brick color.  ( For more information on these steps, refer back to <a href="http://www.rdesignonline.com/design/easy-vector-textures-in-illustrator-part-one/">PART ONE</a>.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/bricks.gif" alt="Create Brick BG" /></p>
<p>Now let&#8217;s create some grungy pipes to run up the side of our wall.  First, Place and Live Trace your rusty drips image, but this time open the Trace Options window (Object &gt; Live Trace &gt; Trace Options) and select the Grayscale mode.  The Trace Options window is shown below.  When you have the settings as you want them, hit the Trace burron.  Select bits and pieces of your grayscale trace and delete, so that we will be able to see our pipe through the texture.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/drips.gif" alt="Create Drip Texture" /></p>
<p>Once you have your rust drips texture to your liking, we&#8217;ll need to create our pipe.  Make a long vertical rectangle and give it a gray/white gradient like below.  Then place the texture on top of the rectangle, select both the shape and the texture, and Group them together (Object &gt; Group).</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/pipe.gif" alt="Create Textured Pipe" /></p>
<p>Next, let&#8217;s use our corrugated metal photo to create the effect of some shadows thrown by buildings against our brick wall.  Place and Live Trace the image, again using the Grayscale mode to give added depth.  Hopefully, the trace of your image will provide a texture with notable hills and valleys, like the one I am using which can be seen below.  Delete the lower portions of the texture and then select the upper most portion and fill it with white.  I have filled it with black in the example below just so you can see the general shape we are going for.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/shadow.gif" alt="Create Shadow" /></p>
<p>We are now ready to begin compiling our urban scene.  Position the brick textured object in the back center.  Now take your grungy pipe and place it vertically on top of the brick wall to either side.  You may want to duplicate your pipe, resize the duplicate to be noticeably thinner, and place it a few clicks over from the first pipe.  Now take your shadow object (which in reality will be the negative space of our shadows) and place it along the top edge of the brick wall, making sure that your hills and valleys are pointing down.  Select the shadow shadow shape and give it Transparency of 20%.  Your scene should look something like this:</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/step-1.gif" alt="Scene Begins to Take Shape" /></p>
<p>Our brick wall looks empty, so let&#8217;s make some signs/posters to slap on there like you would see in the city.  Start by creating some distressed sheets of paper using the Pen Tool.  Make sure to give them some bent corners and tears along the edges.  Then put some writing/design on the papers - personal ads, music posters, event announcements, whatever.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/posters1.gif" alt="Create Posters" /></p>
<p>Now we need to grunge up our posters, so grab some images of distressed or stained paper.  Place and Live Trace the images, as we have done all the others.  I am tracing these in Grayscale Mode, as well.  Select the areas of the traces that you want to overlay onto your posters and delete the rest.  Play with the transparency of the paper textures, so that we are still able to see the design behind, even if faintly.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/paper-trace.gif" alt="Trace Paper Textures" /></p>
<p>Next, simply overlay your paper textures on top of your posters.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/poster1.gif" alt="Poster 1" /></p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/poster2.gif" alt="Poster 2" /></p>
<p>And place them on our wall.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/step-2.gif" alt="Almost Done" /></p>
<p>Now let&#8217;s take one final step to really drive it home.  We are going use the brick texture we created at the very beginning, to bring the textured feeling and depth forward and pull things together.  First, select only the dark red portion of the brick texture, copy it (Edit &gt; Copy) and paste it in front (Edit &gt; Paste in Front).</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/copy-bricks.gif" alt="Copy Bricks" /></p>
<p>Next, bring the pasted texture to the front (Object &gt; Arrange &gt; Bring to Front) and change the fill color to black.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/paste-bricks.gif" alt="Paste Bricks" /></p>
<p>Knock back the transparency of this new top object to 10%.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/08/final-scene.gif" alt="Final Scene" /></p>
<p>And there it is.  An Urban Grunge Scene - made quick and easy by creating our own vector textures using Illustrator&#8217;s <span class="Apple-style-span" style="font-weight: bold">Live Trace</span> Tool.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/easy-vector-textures-part-two-grunge-scene/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Easy Vector Textures in Illustrator - PART ONE</title>
		<link>http://www.rdesignonline.com/design/easy-vector-textures-in-illustrator-part-one/</link>
		<comments>http://www.rdesignonline.com/design/easy-vector-textures-in-illustrator-part-one/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 15:55:30 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Beginner]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/easy-vector-textures-in-illustrator-part-one/</guid>
		<description><![CDATA[Incorporating textures into your vector artwork is a great way to add visual interest.  Manually drawing a detailed vector texture in Illustrator can be labor intensive and time consuming.  But creating custom dynamic textures using the Live Trace tool makes Illustrator textures quick and easy.In Part One of Easy Vector Textures, we&#8217;ll walk through the [...]]]></description>
			<content:encoded><![CDATA[<p>Incorporating textures into your vector artwork is a great way to add visual interest.  Manually drawing a detailed vector texture in Illustrator can be labor intensive and time consuming.  But <em><strong>creating custom dynamic textures using the Live Trace tool makes Illustrator textures quick and easy</strong></em>.In Part One of Easy Vector Textures, we&#8217;ll walk through the simple steps of creating a texture.  Part Two, will be an exercise in using some of textures in a design.Let&#8217;s start by selecting a photo that shows the type of texture you want to create.  I am going to use the weave texture shown below.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/texture-image.gif" alt="Texture Photo" /><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/live-trace.gif" style="float: left" alt="Live Trace" />Once you have selected a texture, place the photo into your Illustrator document (<strong>File &gt; Place</strong>). With the photo selected, create an expanded trace of the image by selecting Live Trace in the Object menu (<strong>Object &gt; Live Trace &gt; Make and Expand</strong>), which can be seen on the left.  The trace will be a simplified black and white vector version of the texture image.  In order to use the texture to modify a larger design, we want to separate out the black and get rid of the white -  to leave negative space through which the objects behind the texture will show through. Select all of the white portions of the traced texture by, first clicking on a portion of the white using your Direct Selection Tool, and then choose <strong>Select Same &gt; Fill Color</strong> for the Select menu.  (For for information on using the Select Same option, see <a href="http://www.rdesignonline.com/design/quick-tip-easy-way-to-select-multiple-objects/">QUICK TIP - Easy Way to Select Multiple Objects</a>.)With all of the white portions of the texture selected, hit <strong>Delete</strong> on your keyboard.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/remove-white.gif" alt="Selecting White Areas" />Now you are left with only the black portions of the texture.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/traced-texture.gif" alt="Texture with Negative Space" />To see how the texture can be used to modify a flat object, draw a rectangle and fill it with the color of your choice, as seem below.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/bg-square.gif" alt="Background" />Now select your texture object, fill it with a slightly different shade of the chosen color, and place it on top of the rectangle.  Now we have an object with a detailed texture - that only took us a matter of seconds!<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/final-texture.gif" alt="Final Texture" />Here are a few more simple samples of quick and easy textures creating using the Live Trace Tool:<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/sample-2.gif" alt="Sample Texture 2" /><br />
<hr /> <img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/sample-3.gif" alt="Sample Texture 3" /> <strong>Stay tuned next week for <a href="http://www.rdesignonline.com/design/easy-vector-textures-part-two-grunge-scene/">Part Two of Easy Vector Textures</a>, where we will incorporate some vector textures into a larger design!</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/easy-vector-textures-in-illustrator-part-one/feed/</wfw:commentRss>
		</item>
		<item>
		<title>QUICK TIP - Pulling Up Tool Options</title>
		<link>http://www.rdesignonline.com/design/quick-tip-pulling-up-tool-options/</link>
		<comments>http://www.rdesignonline.com/design/quick-tip-pulling-up-tool-options/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 14:35:52 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Beginner]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/quick-tip-pulling-up-tool-options/</guid>
		<description><![CDATA[Many of the basic Illustrator tools have a palette of options allowing you to tweak a number of variables within the tool.  Using these settings gives you much greater control of the way objects and effects appear.
To pull up the tool options for a given tool simply select the tool and hit Return (Mac) or [...]]]></description>
			<content:encoded><![CDATA[<p>Many of the basic Illustrator tools have a palette of options allowing you to tweak a number of variables within the tool.  Using these settings gives you much greater control of the way objects and effects appear.</p>
<p>To pull up the tool options for a given tool simply <span style="font-weight: bold" class="Apple-style-span">select the tool</span> and <span style="font-weight: bold" class="Apple-style-span">hit Return (Mac) or Enter (PC)</span>.</p>
<p>Example ~ the options for the Warp tool is shown below:<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/tool-sample.gif" alt="Warp Tool Palette" /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/quick-tip-pulling-up-tool-options/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Creating Depth with Transparency</title>
		<link>http://www.rdesignonline.com/design/creating-depth-with-transparency/</link>
		<comments>http://www.rdesignonline.com/design/creating-depth-with-transparency/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 15:12:16 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Beginner]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/creating-depth-with-transparency/</guid>
		<description><![CDATA[Transparency is a quick and easy way to give visual interest and depth to your artwork.  Let&#8217;s create a very simple 3 minute peacock to illustrate this.
Create an ellipse and  fill it with a multicolored gradient.  Use the Convert Anchor Point Tool  to remove the curve from the anchor point on either end of the [...]]]></description>
			<content:encoded><![CDATA[<p>Transparency is a quick and easy way to give visual interest and depth to your artwork.  Let&#8217;s create a very simple <strong>3 minute peacock</strong> to illustrate this.</p>
<p>Create an ellipse and  fill it with a multicolored gradient.  Use the Convert Anchor Point Tool <img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/convert-tool.gif" alt="convert anchor tool" /> to remove the curve from the anchor point on either end of the ellipse, as seen below.  This will create the feather shape for our peacocks tail feathers.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/original-shape.gif" alt="ellipse to feather shape" align="center" /><br />
Now use your Rotate Tool <img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/rotate-tool.gif" alt="rotate tool" /> to fan out the feathers in a half circle like below.  For more info on how to do this see the tutorial, <a href="http://www.rdesignonline.com/design/quick-and-easy-flowers-in-illustrator/">Quick and Easy Flowers in Illustrator</a>.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-step1.gif" alt="rotate feathers" align="center" /><br />
Apply a thin stroke to the feathers to distinguish them from each other.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-step2.gif" alt="outline feathers" align="center" /><br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-palette1.gif" alt="transparency palette" style="float: left" />You will see that the fan of feather still looks a bit one dimensional.  Let&#8217;s use our transparency palette to change that!  Select all of your feathers and set them to 50% transparency.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-step3.gif" style="clear: left" alt="transparent feathers" align="center" /><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-palette2.gif" alt="transparency styles" style="float: left" />You will see that instantly our feathers seem to have much more layering and depth.  Now play a bit with your transparency blend modes and check out all the cool ways the transparency palette can change the look of your feathers.  You can see a few examples below.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-normal.gif" style="clear: left" alt="normal" align="center" /><br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-multiply.gif" alt="multiply" align="center" /><br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-lighten.gif" alt="lighten" align="center" /><br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-screen.gif" alt="screen" align="center" /><br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-overlay.gif" alt="overlay" align="center" /><br />
Now with the use of some very simple shapes, we can create the body of our peacock.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/trans-parts.gif" alt="shapes to make body" align="center" /><br />
Now choose your favorite blend mode for your fan of feathers, color up your body to match and put them together for your <strong>3 minute peacock</strong>.<br />
<img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/final-peacock.gif" alt="finished peacock" align="center" />   </p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/creating-depth-with-transparency/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Quick &#038; Easy Cutout Text in Illustrator</title>
		<link>http://www.rdesignonline.com/design/quick-easy-cutout-text-in-illustrator/</link>
		<comments>http://www.rdesignonline.com/design/quick-easy-cutout-text-in-illustrator/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 17:23:43 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Beginner]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/quick-easy-cutout-text-in-illustrator/</guid>
		<description><![CDATA[Sometimes you might find that you want to have text cut out of a shape, rather than placed on top of it.  This allows for the colors and/or patterns on the layer behind the shape to show through the letters.  You have a two options for doing this in Illustrator&#8230;both of which are quick and [...]]]></description>
			<content:encoded><![CDATA[<p>Sometimes you might find that you want to have text cut out of a shape, rather than placed on top of it.  This allows for the colors and/or patterns on the layer behind the shape to show through the letters.  You have a two options for doing this in Illustrator&#8230;both of which are quick and easy.</p>
<p>First, create you shape.  I am using a plain black rectangle as seen below.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-step1.gif" alt="original shape - black rectangle" /> </p>
<p> Next, place your text on top of your shape.  </p>
<p> <img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-step2.gif" alt="place text on shape" /> </p>
<p>Once you have it positioned where you want to cut it out, with the text selected, create outlines of the text by going to the Type menu and choosing Create Outlines.  The text will no longer be editable once you do this - so be sure it reads correctly.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-outlines1.gif" alt="outline text" /></p>
<p><img border="0" width="1" height="1" /> Now you have two options on how to proceed in cutting or knocking the text out.</p>
<p><strong>OPTION ONE</strong></p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-divide.gif" alt="divide the shapes" style="float: left" />With both the outlined text and the shape selected, go to your Pathfinder palette and click on the Divide icon.  This will divide the overlapping areas into separate shapes.  Then select any of the letter shapes and delete.  this will remove the overlapping area and leave a &#8220;hole&#8221; through the shape.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-step3.gif" alt="select letter shape" /> </p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-step4.gif" alt="delete letter shape" /> </p>
<p>Delete all of the divided letter shapes, and you are left with your orginal shape with &#8220;holes&#8221; where all of the letters used to be.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-finalresult.gif" alt="shape with cut out text" /> </p>
<p> <strong>OPTION TWO</strong></p>
<p> <img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-compund.gif" alt="create compound path" style="float: left" />With both the outlined text and the shape selected, go to your Shape menu and make a Compound Path.  This will make the two shapes into a single shape, leaving any overlapping areas as negative space. </p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-finalresult1.gif" alt="compound path" /> </p>
<p>Now you can take your shape with cutouts and place it on top of other layers and what is behind it will show through!</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-sample-1.gif" alt="sample 1" /> </p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2009/07/ko-sample-2.gif" alt="sample 2" /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/quick-easy-cutout-text-in-illustrator/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Drawing fire in Photoshop</title>
		<link>http://www.rdesignonline.com/design/drawing-fire-in-photoshop/</link>
		<comments>http://www.rdesignonline.com/design/drawing-fire-in-photoshop/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 18:07:09 +0000</pubDate>
		<dc:creator>Raffi</dc:creator>
		
		<category><![CDATA[Photoshop Advanced]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/drawing-fire-in-photoshop/</guid>
		<description><![CDATA[This is an advanced tutorial. I am using Photoshop CS2, a.k.a. Photoshop 9.0.2. on a PC.
Today we&#8217;ll be drawing fire in Photoshop. You can draw this on a blank canvas, but to get the full effect, I suggest you start with a photo. I am using this picture:

Step 1. Fireball
Add a New Layer.
Select a soft [...]]]></description>
			<content:encoded><![CDATA[<p>This is an advanced tutorial. I am using Photoshop CS2, a.k.a. Photoshop 9.0.2. on a PC.</p>
<p>Today we&#8217;ll be drawing fire in Photoshop. You can draw this on a blank canvas, but to get the full effect, I suggest you start with a photo. I am using this picture:</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/paul.jpg" alt="paul.jpg" /></p>
<p><font color="#ff0000" face="Times New Roman">Step 1. Fireball</font><br />
Add a New Layer.<br />
Select a soft paintbrush in a medium size (I startd with 40).<br />
Using a brick-orange color, make a dot.<br />
Make another dot with a slightly lighter color and slighty smaller brush size (30).<br />
Make another dot with a slightly lighter color and slighty smaller brush size (20).<br />
Last time: Make another dot with a slightly lighter color (peachy/yellow now) and slighty smaller brush size (10).</p>
<p>Using the Smudge Tool in a small, soft size, click somewhere inside your dot, hold and drag it up. Repeat this to make fire tongues coming up out of your dots. Try making them &#8220;S&#8221; shaped. You can also change the Strength of the smudge tool to vary the effect. (Mine is about 65% and I avoid the lightest color area in this step.) Here are my settings:</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/smudgesettings.jpg" alt="smudge settings photoshop" /></p>
<p><font color="#ff0000" face="Times New Roman">Step 2: Fire&#8217;s Glow</font><br />
Now we&#8217;ll add a soft glow around the fire.<br />
Go into Quick Mask Mode (Q), select a big, soft brush (I used 80), and click. The brush selection should be aligned with the bottom-middle of your fire, going up and out from there.</p>
<p>Leave Quick Mask Mode (Q), and you will have a circular selection on your canvas. Right click and Select Inverse. Select your photo layer, and a Color Balance Adjustment Layer.</p>
<p>Adjust the midtones and highlights as shown:</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/color-balance-highlights.jpg" alt="color balance highlights photoshop" /></p>
<p><font color="#ff0000" face="Times New Roman">Step 3: Making Sparks Fly</font><br />
Now we&#8217;ll prepare our brush to add some sparks to the fire.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/brushscattering.jpg" alt="brush scattering in Photoshop" /><br />
With those settings, add a new layer, choose a medium orange from your fireball with the eyedropper and draw some sparks over the fire. Lower the Opacity of this layer (in my case it is 60%). Then drag the layer down so it overlays the top 1/3 of your fireball.</p>
<p><font color="#ff0000" face="Times New Roman">Step 4: Finishing touches</font><br />
Change again to regular soft brush, use #ffff66 color (or similar light yellow), select a new layer, and make a bright dot inside of it.<br />
Again, I lowered the opacity of this layer to 60%.<br />
Right click on this layer for your blending option and select Outer Glow.</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/outerglow.jpg" alt="photoshop outer glow blending option" /></p>
<p>Now use your smudge tool just a bit to give this layer a teardrop shape. Here is my final image:</p>
<p><img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/fire-final.jpg" alt="final fire in photoshop image" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/drawing-fire-in-photoshop/feed/</wfw:commentRss>
		</item>
		<item>
		<title>How to make a seamless pattern</title>
		<link>http://www.rdesignonline.com/design/how-to-make-a-seamless-pattern/</link>
		<comments>http://www.rdesignonline.com/design/how-to-make-a-seamless-pattern/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 17:15:54 +0000</pubDate>
		<dc:creator>Raffi</dc:creator>
		
		<category><![CDATA[Illustrator Intermediate]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/how-to-make-a-seamless-pattern/</guid>
		<description><![CDATA[Recently I saw a great tutorial on how to use Illustrator to make a seamless pattern. Rather than write our own, here is the link to the tutorial I got from Shutterstock:
http://www.shutterstock.com/newsletter/100/article3.html

]]></description>
			<content:encoded><![CDATA[<p>Recently I saw a great tutorial on how to use Illustrator to make a seamless pattern. Rather than write our own, here is the link to the tutorial I got from Shutterstock:</p>
<p><a href="http://www.shutterstock.com/newsletter/100/article3.html">http://www.shutterstock.com/newsletter/100/article3.html</a></p>
<p><a href="http://www.rdesignonline.com/design/wp-content/uploads/2008/11/pattern11.jpg" title="pattern11.jpg"><img width="254" src="http://www.rdesignonline.com/design/wp-content/uploads/2008/11/pattern11.jpg" alt="pattern11.jpg" height="257" style="width: 258px; height: 236px" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/how-to-make-a-seamless-pattern/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Simply Symbols - PRACTICAL TIP 1</title>
		<link>http://www.rdesignonline.com/design/simply-symbols-practical-tip-1/</link>
		<comments>http://www.rdesignonline.com/design/simply-symbols-practical-tip-1/#comments</comments>
		<pubDate>Wed, 25 Jun 2008 18:42:42 +0000</pubDate>
		<dc:creator>Kelly</dc:creator>
		
		<category><![CDATA[Illustrator]]></category>

		<category><![CDATA[Illustrator Beginner]]></category>

		<guid isPermaLink="false">http://www.rdesignonline.com/design/simply-symbols-practical-tip-1/</guid>
		<description><![CDATA[Use stock Illustrator symbols to quickly show clients (or your friends!) what a logo or image would like on clothing.
Go to your symbol libraries (if you need help with this refer back to PART ONE: &#8220;A Quick Introduction to Illustrator Symbols&#8221;), choose the Fashion Library and add the desired pieces of clothing to your Symbols Palette.
Drag [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-weight: bold" class="Apple-style-span"></span><span style="font-style: italic" class="Apple-style-span">Use stock Illustrator symbols to quickly show clients (or your friends!) what a logo or image would like on clothing.</span></p>
<p><span style="font-style: italic" class="Apple-style-span"></span>Go to your symbol libraries (if you need help with this refer back to <a target="_blank" href="http://www.rdesignonline.com/design/simply-symbols-part-one-a-quick-introduction-to-illustrator-symbols/" title="A Quick Introduction to Illustrator Symbols">PART ONE: &#8220;A Quick Introduction to Illustrator Symbols&#8221;</a>), choose the <span style="font-weight: bold" class="Apple-style-span">Fashion Library</span> and add the desired pieces of clothing to your <span style="font-weight: bold" class="Apple-style-span">Symbols Palette</span>.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/fashion-library.gif" alt="Fashion Library" /></p>
<p>Drag and drop the symbol(s) to your artboard. For this quick exercise I am going to add our logo to a hat and a t-shirt, so I have dragged one of each symbol into the document.<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/practical-shapes.gif" alt="Practical Shapes" /></p>
<p>I am using a single instance of each symbol here, so I can simply Expand (<span style="font-weight: bold" class="Apple-style-span">Object &gt; Expand</span>) the shape if I want to update the color or add a stroke. (I will go over how to edit the actual Symbol in a subsequent part of this series.) Then just add the art or text that you want to appear on your clothing item and you are done!<img src="http://www.rdesignonline.com/design/wp-content/uploads/2007/12/practical-samples.gif" alt="Practical Samples" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rdesignonline.com/design/simply-symbols-practical-tip-1/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
