<?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>lukeroberts &#187; grid</title>
	<atom:link href="http://lukeroberts.us/tag/grid/feed/" rel="self" type="application/rss+xml" />
	<link>http://lukeroberts.us</link>
	<description></description>
	<lastBuildDate>Mon, 02 Jan 2012 05:03:58 +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 a randomly coloured grid in Illustrator</title>
		<link>http://lukeroberts.us/2010/01/create-a-randomly-coloured-grid-in-illustrator/</link>
		<comments>http://lukeroberts.us/2010/01/create-a-randomly-coloured-grid-in-illustrator/#comments</comments>
		<pubDate>Sun, 24 Jan 2010 05:27:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[colourful]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[random]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://lukeroberts.us/?p=377</guid>
		<description><![CDATA[<a href="http://lukeroberts.us/2010/01/create-a-randomly-coloured-grid-in-illustrator/"><img align="left" hspace="5" width="150" src="http://lukeroberts.us/wp-content/uploads/Gerhard-Richter-4900-Colours-v2-150x150.jpg" class="alignleft wp-post-image tfe" alt="Gerhard Richter - 4900 Colours: Version II" title="Gerhard-Richter-4900-Colours-v2" /></a>I stumbled across this work by Gerhard Richter &#8211; 4900 Colours: Version II (his other Colour Charts are great too) on ffffound and fell in love with it. Taking the randomly coloured grid concept a bit further (in the graphic design sense) is the Pet Shop Boys album, “Yes”, seen below. I thought it would [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://lukeroberts.us/wp-content/uploads/Gerhard-Richter-4900-Colours-v2.jpg"><img class="size-thumbnail wp-image-383 alignright" title="Gerhard-Richter-4900-Colours-v2" src="http://lukeroberts.us/wp-content/uploads/Gerhard-Richter-4900-Colours-v2-150x150.jpg" alt="Gerhard Richter - 4900 Colours: Version II" width="150" height="150" /></a>I stumbled across this work by <a href="http://en.wikipedia.org/wiki/Gerhard_Richter">Gerhard Richter</a> &#8211; <a href="http://www.serpentinegallery.org/2008/03/gerhard_richter23_september_16.html">4900 Colours: Version II</a> (his other <a href="ntings/abstracts/category.php?catID=12&amp;page_selected=2&amp;show_per_page=32">Colour Charts</a> are great too) on <a title="Anyone have any invites?" href="http://ffffound.com/">ffffound</a> and fell in love with it. Taking the randomly coloured grid concept a bit further (in the graphic design sense) is the Pet Shop Boys album, “Yes”, seen below.</p>
<p>I thought it would be interesting to see how hard it would be to achieve in Illustrator. With one small, free Illustrator script, it turns out it is quite easy.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/pet-shop-boys-yes.jpg"><img class="alignnone size-full wp-image-388" title="pet-shop-boys-yes" src="http://lukeroberts.us/wp-content/uploads/pet-shop-boys-yes.png" alt="" width="560" height="164" /></a></p>
<p>The script we&#8217;ll need is “vary_hues” from <a href="http://wundes.com/JS4AI/">wundes.com</a>. Save the .js file on to your computer somewhere. It&#8217;s well worth checking out the other scripts too.<span id="more-377"></span></p>
<h1>Step 1</h1>
<p><a href="http://lukeroberts.us/wp-content/uploads/step1a.png"><img class="alignright size-full wp-image-390" title="step1a" src="http://lukeroberts.us/wp-content/uploads/step1a.png" alt="" width="189" height="245" /></a>Create a new document, choose the Rectangular Grid Tool and click on your canvas to open the options for the Grid Tool.</p>
<p>I chose the same width and height to keep the grid as a bunch of squares and have set the rows and columns to 10&#215;10. Unless you&#8217;re going for a Mondrian style effect, leave the skew at 0% on each.</p>
<p><img class="alignnone size-full wp-image-394" title="step1b" src="http://lukeroberts.us/wp-content/uploads/step1b.png" alt="" width="355" height="409" /></p>
<h1>Step 2</h1>
<p><img class="size-full wp-image-397 alignright" title="step2a" src="http://lukeroberts.us/wp-content/uploads/step2a.gif" alt="" width="256" height="256" />You may notice at this point that the grid is just a rectangle with lines through it, rather than a bunch of individual squares.</p>
<p>To fix this, select the grid and open the Pathfinder palette. All you need to do now is click “Divide” and this will cut the grid up in to a bunch of squares for you.</p>
<p>To make it easier to see, fill the squares with a colour.</p>
<h1>Step 3</h1>
<p>Now we have a grid of squares, but it&#8217;s still all in a block. Ungroup the grid so you can select individual blocks – right click &gt; ungroup or CTRL + SHIFT + G.</p>
<p>Now we can get some colour in to them.</p>
<h1>Step 4</h1>
<p><img class="alignright size-full wp-image-400" title="step4" src="http://lukeroberts.us/wp-content/uploads/step4.png" alt="" width="256" height="256" />This is where the vary_hues script comes in to its own. Select all the squares and go to File &gt; Scripts &gt; Other Script, then browse to where ever you saved the vary_hues script.</p>
<p>When the dialog box comes up, enter 100 and click OK. 100 will ensure that there&#8217;s a wide variety of colours.</p>
<h1>Step 5</h1>
<p>The random colours will, most likely, look fairly ugly at the moment. The secret to the Gerhard Richter and “Yes” examples is that the colours aren&#8217;t completely random. So to get some order and harmony to the colours we&#8217;ll use the Live Color tool.</p>
<p><img class="alignnone size-full wp-image-402" title="step5" src="http://lukeroberts.us/wp-content/uploads/step5.png" alt="" width="532" height="74" /></p>
<p>With the squares still selected, choose the Recolor Artwork button to open Live Color.</p>
<h1>Step 6</h1>
<p><a href="http://lukeroberts.us/wp-content/uploads/step6.png"><img class="alignright size-thumbnail wp-image-404" title="step6" src="http://lukeroberts.us/wp-content/uploads/step6-150x150.png" alt="" width="150" height="150" /></a>This is where you can have some fun choosing colours. Click on the little grid button to open the swatches menu. This will give you a large selection of colour swatches to choose from. Art History &gt; Pop Art works well, but experiment with others to see how it works.</p>
<p>The Pop Art colours will be applied to the squares, replacing the random colours with more harmonious and hopefully attractive colours.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/step7.png"><img class="alignright size-thumbnail wp-image-407" title="step7" src="http://lukeroberts.us/wp-content/uploads/step7-150x150.png" alt="" width="150" height="150" /></a>The default Pop Art colours are a little dull, so let&#8217;s jump over to the Edit panel.</p>
<p>This will give you more control over the individual colours. The slider at the bottom (under the little sun icon) adjusts the brightness of the colour, so we&#8217;ll turn that up to make it a bit more vibrant. You can also grab and adjust individual colours on the palette to adjust them.</p>
<p>Click OK and you&#8217;re done!</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/final-grid.png"><img class="alignnone size-full wp-image-413" title="final-grid" src="http://lukeroberts.us/wp-content/uploads/final-grid.png" alt="" width="256" height="256" /></a></p>
<p>That&#8217;s the basic idea covered, so hopefully it&#8217;s a useful starting point for some interesting designs. If you use it, I&#8217;d love to see what you come up with.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeroberts.us/2010/01/create-a-randomly-coloured-grid-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
<!-- Quick Cache: failed to write cache. The cache/ directory is either non-existent ( and could not be created ) or it is not writable. -->
