<?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>Graphic Design by Josh Arguello &#187; pattern</title>
	<atom:link href="http://www.orkron.com/tag/pattern/feed" rel="self" type="application/rss+xml" />
	<link>http://www.orkron.com</link>
	<description></description>
	<lastBuildDate>Sun, 29 Jan 2012 19:18:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Create Pattern Text in Illustrator CS3</title>
		<link>http://www.orkron.com/create-pattern-text-in-illustrator-cs3</link>
		<comments>http://www.orkron.com/create-pattern-text-in-illustrator-cs3#comments</comments>
		<pubDate>Mon, 14 Sep 2009 20:21:33 +0000</pubDate>
		<dc:creator>Orkron</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Tips / Tricks]]></category>
		<category><![CDATA[learn]]></category>
		<category><![CDATA[pattern]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[training]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.orkron.com/?p=905</guid>
		<description><![CDATA[I wanted to write out a quick tutorial on how to create dynamic pattern text using Illustrator CS3. This will really just cover how to add a pattern to the text, without much fuss or sweat; I did notice that the pattern I chose turned out to not work great in this instance, so be [...]]]></description>
			<content:encoded><![CDATA[<p>I wanted to write out a quick tutorial on how to create dynamic pattern text using Illustrator CS3.</p>
<p>This will really just cover how to add a pattern to the text, without much fuss or sweat; I did notice that the pattern I chose turned out to not work great in this instance, so be careful on the pattern you choose beforehand to make sure it will tile well (within text).</p>
<p>Okay, let&#8217;s get started: First off head over to a really kool site <a href="http://www.patternwall.com" target="_blank">Patternwall.com</a> to find a good tilable pattern.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/07/pattern01.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-medium wp-image-906" title="patternwall.com screenshot" src="http://www.orkron.com/wp-content/uploads/2009/07/pattern01-300x193.jpg" alt="patternwall.com screenshot" width="300" height="193" /></a></p>
<p><span id="more-905"></span>Patternwall has a really neat system for picking a pattern, simply click on a swatch to see it tiled:</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/07/pattern02.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-medium wp-image-907" title="Patternwall.com screen" src="http://www.orkron.com/wp-content/uploads/2009/07/pattern02-300x193.jpg" alt="Patternwall.com screen" width="300" height="193" /></a></p>
<p>and click the download text to download the pattern you want; I chose to open this JPG file with Illustrator since that&#8217;s where we&#8217;re going to using it.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/07/pattern03.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-medium wp-image-908" title="Patternwall.com screen" src="http://www.orkron.com/wp-content/uploads/2009/07/pattern03-300x193.jpg" alt="Patternwall.com screen" width="300" height="193" /></a></p>
<p>So this is your swatch opened in Illustrator &#8211; some swatches from Patternwall.com are bigger than others.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/07/pattern04.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-medium wp-image-909" title="pattern in Illustrator" src="http://www.orkron.com/wp-content/uploads/2009/07/pattern04-278x300.jpg" alt="pattern in Illustrator" width="278" height="300" /></a></p>
<p>So at this point we want to convert this rasterized, 72 dpi image into a vector image with points/paths etc. We are going to use the Live Trace function to achieve this, but before you go hitting the &#8220;Live Trace&#8221; button on your toolbar there, we need to approach it from a better angle:<br />
With the pattern image selected, click on Object -&gt; Live Trace -&gt; Tracing Options:</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/07/pattern05.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-medium wp-image-910" title="pattern05" src="http://www.orkron.com/wp-content/uploads/2009/07/pattern05-279x300.jpg" alt="pattern05" width="279" height="300" /></a></p>
<p>And you get a dialog box that pops up like so:</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/07/pattern06.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-medium wp-image-911" title="pattern06" src="http://www.orkron.com/wp-content/uploads/2009/07/pattern06-278x300.jpg" alt="pattern06" width="280" height="303" /></a></p>
<p>Choose &#8220;color&#8221; as the mode, and the default of 6 colors is fine; if you check the &#8220;preview&#8221; box you will see the output results on your screen &#8211; this is very handy when playing with something and not knowing the best results beforehand.</p>
<p>When you see the results you like, hit the &#8220;Trace&#8221; button in the box; the dialog box will disappear and you will be back on the main stage of Illy. Close to the upper-right of the toolbar has a button labeled &#8220;expand&#8221;. while the traced object is still selected, click on Expand.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern07.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-937" title="pattern07" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern07.jpg" alt="pattern07" width="279" height="279" /></a></p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern08.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-938" title="pattern08" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern08.jpg" alt="pattern08" width="279" height="279" /></a></p>
<p>Now open your Swatches palette by clicking on Window -&gt; Swatches if it&#8217;s not already open.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern09.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-939" title="pattern09" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern09.jpg" alt="pattern09" width="279" height="279" /></a></p>
<p>Drag the expanded object from the stage <strong>into</strong> the Swatches pallet. This makes a swatch from the selected artwork.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern10.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-940" title="pattern10" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern10.jpg" alt="pattern10" width="279" height="279" /></a></p>
<p>Now start with a blank document &#8211; we&#8217;re going to type out some text.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern11.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-944" title="pattern11" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern11.jpg" alt="pattern11" width="279" height="279" /></a></p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern12.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-945" title="pattern12" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern12.jpg" alt="pattern12" width="279" height="279" /></a></p>
<p>Once you have your text, keep it selected and make sure the &#8220;fill&#8221; not the stroke is selected on the main toolbar. Then click on the pattern we created in the Swatches pallet.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern13.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-946" title="pattern13" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern13.jpg" alt="pattern13" width="279" height="279" /></a></p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern14.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-947" title="pattern14" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern14.jpg" alt="pattern14" width="279" height="279" /></a></p>
<p>The pattern is applied to the Fill of the text, but the first result isn&#8217;t ideal. We are going to transform the pattern inside the text to find a better fit.</p>
<p>Open the Transform dialog box by clicking on Window -&gt; Transform.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern15.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-948" title="pattern15" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern15.jpg" alt="pattern15" width="279" height="279" /></a></p>
<p>For this step we want to make sure we transform only the pattern and not the object. In the upper-right corner of the Transform box there is an icon that looks like 3 lines and a downward-pointing triangle. Click this and choose from the dropdown menu &#8220;Transform Pattern Only&#8221;</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern16.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-949" title="pattern16" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern16.jpg" alt="pattern16" width="279" height="279" /></a></p>
<p>You can play with the numbers until you get a result you like.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern17.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-950" title="pattern17" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern17.jpg" alt="pattern17" width="279" height="279" /></a></p>
<p>Adding a stroke to the outside of the text will help it stand out from any background you may be using.</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern18.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-952" title="pattern18" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern18.jpg" alt="pattern18" width="279" height="279" /></a></p>
<p>I wasn&#8217;t too thrilled with the pattern at the very end so decided to try another pattern from Patternwall; here is the final result:</p>
<p><a href="http://www.orkron.com/wp-content/uploads/2009/09/pattern19.jpg" rel="prettyPhoto[g905]"><img class="alignnone size-full wp-image-953" title="pattern19" src="http://www.orkron.com/wp-content/uploads/2009/09/pattern19.jpg" alt="pattern19" width="279" height="279" /></a></p>
<p>There is a lot you can do with this feature, and the text is completely editable so can be changed to read whatever you like. I hope you found this useful.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.orkron.com/create-pattern-text-in-illustrator-cs3/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

