<?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>ClickPopMedia &#187; fun with Illustrator</title>
	<atom:link href="http://www.clickpopmedia.com/tag/fun-with-illustrator/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.clickpopmedia.com</link>
	<description>ClickPopMedia is a great little design and illustration firm.</description>
	<lastBuildDate>Thu, 03 Dec 2009 17:28:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fun with Illustrator: Here Comes the Sun!</title>
		<link>http://www.clickpopmedia.com/2008/04/01/fun-with-illustrator-here-comes-the-sun/</link>
		<comments>http://www.clickpopmedia.com/2008/04/01/fun-with-illustrator-here-comes-the-sun/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 05:01:24 +0000</pubDate>
		<dc:creator>VQ</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[VQ]]></category>
		<category><![CDATA[Vector]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[fun with Illustrator]]></category>
		<category><![CDATA[sun]]></category>

		<guid isPermaLink="false">http://www.clickpopmedia.com/2008/04/01/fun-with-illustrator-here-comes-the-sun/</guid>
		<description><![CDATA[
Hello everyone. I&#8217;m glad you could join us on this fantastic day.  I thought today I would show you how to make a nice cheerful sun to live with the clouds we made in the last tutorial.

Step 1:
Let&#8217;s start with our standard 600px by 600px Illustrator canvas.  Like I said last time, you [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img class="aligncenter size-full wp-image-214" title="Header" src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/header4.jpg" alt="Fun with Illustrator" width="650" height="300" /></p>
<p>Hello everyone. I&#8217;m glad you could join us on this fantastic day.  I thought today I would show you how to make a nice cheerful sun to live with the clouds we made in <a href="http://www.clickpopmedia.com/2008/03/27/fun-with-illustrator-happy-little-clouds/">the last tutorial</a>.</p>
<p><span id="more-196"></span></p>
<p><strong>Step 1:</strong><br />
Let&#8217;s start with our standard 600px by 600px Illustrator canvas.  Like I said last time, you can really set your canvas to whatever size you like; but if you use a different sized canvas, the numbers I use throughout the day may not work as well for you as they do for me.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/1.jpg" alt="1.jpg" /></p>
<p><strong>Step 2:<br />
</strong>Now we&#8217;re just going to drop in a nice little circle using the Ellipse tool (<em>l</em>).  I put this right in the center of my canvas, but you can put it wherever you like.  You know what, it doesn&#8217;t even need to be a circle.  You can put down an oval if you want.  Always remember, this is your sun, so have fun with it.</p>
<p style="text-align: center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/2.jpg" alt="2.jpg" /></p>
<p><strong>Step 3:<br />
</strong>Next you&#8217;re going to make larger circle around your first circle.  The way I do this is by selecting my first circle, holding down ALT, and hitting either the LEFT key to duplicate my shape.  Then I hit the RIGHT key to move it right back over top of the first circle, and then scale it out and make it bigger.  Once it&#8217;s a size I like, then I hit CTRL + SHIFT + [ to send the big circle back behind our little circle.</p>
<p style="text-align: center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/3.jpg" alt="3.jpg" /></p>
<p>Remember now, this is just the way I like to do it.  If you have a different way, use it.  And let me know, we&#8217;re all learning together here.</p>
<p><strong>Step 4:<br />
</strong>Ok.  Now that your circles are happy together, make sure your outer circle is selected, and give it a nice  Zig Zag effect (<em>Effect&gt;Distort &amp; Transform&gt;Zig Zag</em>).</p>
<p style="text-align: center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/4.jpg" alt="4.jpg" /></p>
<p>I set the size to 3%, clicked the relative circle, and gave it 7 ridges per segment.  I picked relative so that no matter what size we make our sun in the end, the size of the halo will stay the same. I also make sure to set the points to corner to give good definition to my sun&#8217;s halo.  Maybe you want more points, or less, or a smooth wavy halo.  It&#8217;s your world, let your imagination run wild.</p>
<p><strong>Step 5:<br />
</strong>Next we&#8217;re going to set a light yellow to yellow radial gradient on the inner circle.  Since this is a cheerful sun, I&#8217;m making sure the face of our sun has a nice bright gradient.  Now we&#8217;ll use the gradient tool (<em>g</em>) to pull the gradient down from the upper right part of the sun&#8217;s face and give a hint of depth.</p>
<p style="text-align: center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/5.jpg" alt="5.jpg" /></p>
<p><strong>Step 6:<br />
</strong>We&#8217;re going to go crazy now.  Let&#8217;s select our outer halo and set a yellow to orange radial gradient.  Grab the gradient tool (<em>g</em>) and have some fun with the size and position of your gradient.</p>
<p style="text-align: center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/6.jpg" alt="6.jpg" /></p>
<p><strong>Step 7:<br />
</strong>To finish up, I used the sky and some of our cloud friends from the last tutorial to give a home to our new sun.  I took the stroke off all these guys to make everything look much softer.  All of the clouds have a little drop shadow on them, just like the last time, so they look like they&#8217;re just floating right along without a care.<strong></strong></p>
<p style="text-align: center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/7.jpg" alt="7.jpg" /></p>
<p style="text-align: left;">Now I think we&#8217;re going to call this one done.  I hope you had a fun time today, I know I did. From all of us at ClickPopMedia, have fun with Illustrator, and God bless you.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.clickpopmedia.com/2008/04/01/fun-with-illustrator-here-comes-the-sun/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Fun with Illustrator: Happy Little Clouds</title>
		<link>http://www.clickpopmedia.com/2008/03/27/fun-with-illustrator-happy-little-clouds/</link>
		<comments>http://www.clickpopmedia.com/2008/03/27/fun-with-illustrator-happy-little-clouds/#comments</comments>
		<pubDate>Thu, 27 Mar 2008 05:01:55 +0000</pubDate>
		<dc:creator>VQ</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[VQ]]></category>
		<category><![CDATA[Vector]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[fun with Illustrator]]></category>
		<category><![CDATA[pathfinder]]></category>
		<category><![CDATA[shapes]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.clickpopmedia.com/2008/03/27/fun-with-illustrator-happy-little-clouds/</guid>
		<description><![CDATA[
We&#8217;re all big Bob Ross fans here at ClickPopMedia.  Today, in the tradition of the Joy of Painting, I am going to show you how to make a happy little cloud.
Welcome back everybody.  I sure am glad you could make it out today.  Does everyone have their Illustrator warmed up and ready [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/header2.jpg" alt="header2.jpg" /></p>
<blockquote><p>We&#8217;re all big <a href="http://en.wikipedia.org/wiki/Bob_Ross">Bob Ross</a> fans here at ClickPopMedia.  Today, in the tradition of the Joy of Painting, I am going to show you how to make a happy little cloud.</p></blockquote>
<p>Welcome back everybody.  I sure am glad you could make it out today.  Does everyone have their Illustrator warmed up and ready to do some vectorizing?  Good.</p>
<p><span id="more-173"></span></p>
<p><strong>Step 1:</strong><br />
What I have here is a 600 px by 600 px Illustrator document, but you can use whatever size makes you happy.  Keep in mind though, if you do things at a much different size, most of the values I give you won&#8217;t translate correctly.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step1.jpg" alt="Step 1" /></p>
<p><strong>Step 2:</strong><br />
The next thing we&#8217;ll do is make a sky for our clouds to live in.  So let&#8217;s make a 600 x 600 square with a nice white to blue radial gradient fill.  Let&#8217;s try and get a gradual fade between the colors, just a whisper of a gradient.  You can adjust your gradient using the Gradient Tool (<em>hotkey G</em>).</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step2.jpg" alt="Step 2" /></p>
<p><strong>Step 3:</strong><br />
Create a new layer and now we&#8217;ll start to make our little cloud. Make two circles (<em>hotkey L</em>) that will be the outer boundaries of your cloud. There we are</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step3.jpg" alt="Step 3" /></p>
<p><strong>Step 4:</strong><br />
Now then, we&#8217;re going to build up on our cloud by making more circles of different sizes.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step4.jpg" alt="Step 4" /></p>
<p align="left">There it is, the top of our cloud. Don&#8217;t over think this step to much. The clouds are very free, they just float around and have fun all day. So we&#8217;re just making some fluffy, carefree clouds.</p>
<p><strong>Step 5:<br />
</strong>Well, now we&#8217;re going to finish off our basic shape.  Take the pen tool (<em>hotkey P</em>) and create a shape that covers up all the open space left in your cloud.  You can also continue using circles or curves if you want to have  a puffy bottom on your cloud. Just let your imagination go.<strong><br />
</strong></p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step5.jpg" alt="Step 5" /></p>
<p><strong>Step 6:</strong><br />
Now we get to the fun part.  Illustrator has a neat little tool called the Pathfinder.  Maybe I&#8217;ll do a bigger tutorial on the Pathfinder later, but for now we&#8217;ll just keep it simple.  We are going to be using the Pathfinder to make the shapes we&#8217;ve made come together.  So go ahead and select all the shapes in your cloud. Now click the &#8220;Add to Shape Area&#8221; button in your Pathfinder tab and immediately after that, before you do anything else, click the &#8220;Expand&#8221; button and watch that little rascal come together.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step6.jpg" alt="Step 6" /></p>
<p><strong>Step 7:<br />
</strong>Now we&#8217;re going to give the cloud some character.  Remember, this is <em>your</em> cloud, so you can do any little thing with it.  I&#8217;m just going to show you what I did.  I thickened up the outer stroke a bit, just to make our little friend look even a little puffier than before.  I also added a light gray to white linear gradient coming up from the bottom of the cloud just to give the indication of depth and shadow.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step7.jpg" alt="Step 7" /></p>
<p><strong>Step 8:<br />
</strong>I&#8217;ve made a few more clouds to live together, so our friend isn&#8217;t lonely.  Each of our clouds has just a whisper of a drop shadow (<em>Effect&gt;Stylize&gt;Drop Shadow: Opacity 30%, 0px offsets, 5px blur</em>) just to soften things up.</p>
<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/step8.jpg" alt="Step 8" /></p>
<p align="left">And now we have a finished cloud family.  So with that I&#8217;ll tell you good bye. I look forward to seeing you again.  From all of us at ClickPopMedia, have fun with Illustrator, and God bless you.</p>
<p align="left"><strong> GodBless:VQ</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clickpopmedia.com/2008/03/27/fun-with-illustrator-happy-little-clouds/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

