<?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>1malaysia-innovation.com</title>
	<atom:link href="http://1malaysia-innovation.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://1malaysia-innovation.com</link>
	<description>creative innovation</description>
	<lastBuildDate>Mon, 08 Feb 2010 04:26:19 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Create a Vector Tree with Custom Brushes and the Gradient Mesh Tool</title>
		<link>http://1malaysia-innovation.com/illustrator/create-a-vector-tree-with-custom-brushes-and-the-gradient-mesh-tool/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/create-a-vector-tree-with-custom-brushes-and-the-gradient-mesh-tool/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 04:22:59 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Create a Vector Tree with Custom Brushes and the Gradient Mesh Tool]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=1008</guid>
		<description><![CDATA[
In this tutorial you will learn how to create a leaf-filled, vector tree &#8211; step by step. Some of the techniques we&#39;ll use are custom made brushes to create the leaves, and Gradient Mesh Tool for creating light and shadows. So let&#39;s get started!
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;


&#160;
&#160;
Step 1
First, we&#39;ll work on creating the custom brush.
Select the Pen Tool [...]]]></description>
			<content:encoded><![CDATA[<div class="tutorial_image">
<p>In this tutorial you will learn how to create a leaf-filled, vector tree &#8211; step by step. Some of the techniques we&#39;ll use are custom made brushes to create the leaves, and Gradient Mesh Tool for creating light and shadows. So let&#39;s get started!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/final.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/final.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 1</h3>
<p>First, we&#39;ll work on creating the custom brush.</p>
<p>Select the Pen Tool (P) and draw the shape of a leave. Fill the shape with green and set the Stroke to a darker green.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/1.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/1.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 2</h3>
<p>Create a curved line with the Pen Tool (P) across the leave using the same color as the leaf&#39;s Stroke.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/2.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/2.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 3</h3>
<p>Make two copies of the leaves and change the color of the fill to a darker and a lighter green. Group each leaf (Command + G). Now make a duplicate of each leaf (Command + C) and (Command + V).</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/3.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/3.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 4</h3>
<p>Place the leaves next to each other so some of them overlap, and rotate (R) each leave so that they are all tilting towards the same direction.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/4.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/4.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 5</h3>
<p>Double-click on the Scale Tool. Make sure that Scale Strokes and Effects is selected and press OK.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/5.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/5.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 6</h3>
<p>Now Select all the leaves and group them (Command + G)</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/6.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/6.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 7</h3>
<p>With the leaves still selected, set the width to 45px. Make sure that the Constrain Width and Height Proportions option is activated.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/7.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/7.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 8</h3>
<p>Set the stroke to 1pt. Select the leaves. Now open the Brushes window. In the top-right hand corner of the window there is a small triangle facing down &#8211; click on it. Chose New Brush&#8230;</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/8.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/8.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/9.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/9.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 9</h3>
<p>Select Scatter Brush</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/10.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/10.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 10</h3>
<p>Chose:</p>
<ul>
<li>Size: Random between 76% &#8211; 134%</li>
<li>Spacing: Random between 65% &#8211; 119%</li>
<li>Scatter: Fixed &#8211; 6%</li>
<li>Rotation: Random between 41&deg; &#8211; 110&deg;</li>
</ul>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/11.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/11.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 11</h3>
<p>Now we&#39;ll go over how to draw the tree.</p>
<p>Create a new layer and call it &quot;background picture.&quot; You need a picture of a tree to use as reference while drawing the tree. I&#39;ve chosen to use a picture I took myself, but you can use any picture you want, since we&#39;ll only use it to trace the trunk of the tree.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/12.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/12.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 12</h3>
<p>Place the picture of the tree in the &quot;background picture&quot; layer and lock the layer (Command + 2).</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/13.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/13.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 13</h3>
<p>Create a new layer and name it &quot;trunk.&quot;</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/14.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/14.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 14</h3>
<p>Select the Pen Tool (P) and start tracing the outline of the tree in the &quot;trunk&quot; layer.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/15.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/15.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 15</h3>
<p>Hide the &quot;background picture&quot; layer. Fill the shape with a dark brown color and set the Stroke to none.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/16.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/16.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 16</h3>
<p>Now we are going to create some shades on the trunk. Select the Brush Tool (B), and with a round brush paint a thick line on the inside of the trunk following the outline of the first shape. Fill it with a darker brown and give it a Transparency of 45%. Repeat the same on the left side of the trunk.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/17.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/17.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 17</h3>
<p>Select a lighter brown and place a line in the center of the trunk with a Transparency of 30%.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/18.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/18.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 18</h3>
<p>Select all the parts of the trunk and group them (Command + G), and then lock the layer.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/19.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/19.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 19</h3>
<p>We are now going to use the brush created before to finish the tree.</p>
<p>Create a new layer and call it &quot;leaves.&quot; Lock all the other layers.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/20.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/20.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 20</h3>
<p>Grab the Brush Tool (B). Select your new leaf brush from the brush pallet. Make sure the fill is set to blank. Paint an outline of where the leaves from the tree are going to be placed.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/21.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/21.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 21</h3>
<p>With the Brush Tool still selected, start painting in all the empty space inside the outline you just made. Leave a couple of holes to make the tree more realistic, and retouch the borders by adding extra leaves.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/22.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/22.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 22</h3>
<p>Now we are going to create some shading and light on the leaves with the help of the Gradient Mesh Tool. Create a new layer and name it &quot;light,&quot; and lock the other layers.</p>
<p>Make an outline of the silhouette of the top of the tree with the Pen Tool (P) or the Pencil Tool (N). It doesn&#39;t need to be precise, but try staying within the edge of the leaves.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/23.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/23.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 23</h3>
<p>Fill the shape with an average green color and set its stroke to none.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/24.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/24.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 24</h3>
<p>With the shape still selected go to Object &gt; Create Gradient Mesh. Check the preview box. Set Rows to 4, Columns to 4, Appearance of Flat, and Highlight at 100%, then press OK.</p>
<p><em>If you get an error message read the following (Extra) tip.</em></p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/25.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/25.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/26.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/26.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Extra &#8211; Skip if You Don&#39;t Get an Error Message</h3>
<p>If you get an error message saying that &quot;the path has too many points to create a gradient mesh&quot;, then you can do one of the following:</p>
<ul>
<li>Redraw the shape without as many points</li>
<li>Or go back, select the shape, and go to Object &gt; Path &gt; Simplify. Check the preview box, and bring both the Curve Precision and the Angle Threshold down until the Current pt is under 100. Then you are ready to repeat Step 24.</li>
</ul>
<div class="tutorial_image"><img border="0" height="226" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/27.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/27.jpg" style="display: inline;" width="554" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/28.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/28.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/29.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/29.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 25</h3>
<p>We are now going to color the gradient mesh and you can chose any colors you want based on what effect you want. For the example I&#39;ll choose some colors that will create an effect that there is sunlight reflecting on the left side of the tree and a bit of shadow on the right.</p>
<p>Select the shape you&#39;ve created and click on the Direct Selection tool (A)</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/30.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/30.jpg" style="display: inline;" /></div>
<p>The gradient mesh has created 16 sections in your shape. With the Direct Selection Tool click on the middle of the first shape.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/31.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/31.jpg" style="display: inline;" /></div>
<p>With that area selected, chose a yellowish color that is not too bright.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/32.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/32.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 26</h3>
<p>Repeat the step above selecting the other areas of the gradient mesh and giving each area an appropriate color. I&#39;ve chosen to place brighter shades of green and yellow on the right and darker green on the left and bottom of the mesh. You can see what colors I&#39;ve chosen for each area below.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/33.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/33.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/34.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/34.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/35.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/35.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/36.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/36.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/37.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/37.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/38.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/38.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/39.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/39.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/40.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/40.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/41.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/41.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/42.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/42.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/43.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/43.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/44.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/44.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/45.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/45.jpg" style="display: inline;" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/46.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/46.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 27</h3>
<p>With the Selection Tool (V) select the shape with the gradient mesh.</p>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/47.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/47.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 28</h3>
<p>Open the opacity window (Window &gt; Transparency). With the shape still selected Set the Mode at Soft Light and Opacity at 71%.</p>
<div class="tutorial_image"><img border="0" height="131" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/48.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/48.jpg" style="display: inline;" width="217" /></div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image">&nbsp;</div>
<div class="tutorial_image"><img border="0" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/49.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/49.jpg" style="display: inline;" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Final Result</h3>
<p>Now you have the tools to create your own vector forest.</p>
<div class="tutorial_image"><img border="0" height="632" original="http://vectortuts.s3.cdn.plus.org/tuts/255_Vector_Tree/final.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 30/final.jpg" style="display: inline;" width="599" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Tip</h3>
<p>If you have extra time you can retouch the edge of the gradient mesh with the Direct Selection Tool, if necessary, so that it matches better with the form of the tree. You can also use the same technique to add more realistic shadows to the trunk of the tree.</p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/create-a-vector-tree-with-custom-brushes-and-the-gradient-mesh-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create a Cute Bunny Vector Character</title>
		<link>http://1malaysia-innovation.com/illustrator/how-to-create-a-cute-bunny-vector-character/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/how-to-create-a-cute-bunny-vector-character/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 07:06:38 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[How to Create a Cute Bunny Vector Character]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=833</guid>
		<description><![CDATA[In this Illustrator tutorial, I will show you how to create a cute bunny character. This tutorial uses simple shapes and gradients that are easy to apply to other character illustrations.
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
Final Image Preview
&#160;

&#160;
&#160;
Step 1
Before we start, I wanted to let everyone know I will be using Illustrator CS4 for this tutorial. Don&#39;t worry, everything I [...]]]></description>
			<content:encoded><![CDATA[<div>In this Illustrator tutorial, I will show you how to create a cute bunny character. This tutorial uses simple shapes and gradients that are easy to apply to other character illustrations.</div>
<div class="text">&nbsp;</div>
<h3>&nbsp;</h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Final Image Preview</h3>
<p>&nbsp;</p>
<div class="tutorial_image"><img alt="Final Image" height="764" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_final.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_final.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 1</h3>
<p>Before we start, I wanted to let everyone know I will be using Illustrator CS4 for this tutorial. Don&#39;t worry, everything I am creating can be done in the other CS versions, I just wanted to let you know because the panels in the images will look different. Below is an example of the new Gradient Panel with a bunch of new goodies, but for this tutorial we will only be using the features that are in the other CS versions.</p>
<p>&nbsp;</p>
<div class="tutorial_image"><img alt="Step 1" height="344" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_01.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_01.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 2</h3>
<p>Create a new document, then make a 190 px wide by 290 px tall rectangle with the Rectangle Tool (M).</p>
<div class="tutorial_image"><img alt="Step 2" height="363" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_02.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_02.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 3</h3>
<p>With your Direct Selection Tool (A), select the top left corner of the rectangle. With the point selected, the Control Panel defaults to the Anchor Point options. Press the second to the left button, converting the anchor point to a smooth point.</p>
<div class="tutorial_image"><img alt="Step 3" height="452" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_03.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_03.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 4</h3>
<p>Repeat the previous step with the top right anchor point.</p>
<div class="tutorial_image"><img alt="Step 4" height="377" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_04.jpg" src="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_04.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 5</h3>
<p>Fill the rectangle with a Linear Gradient from the Gradient Panel and change the first swatch to a pink color and the second swatch to a darker pink color.</p>
<div class="tutorial_image"><img alt="Step 5" height="403" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_05.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_05.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 6</h3>
<p>Use the Gradient Tool to adjust the gradient by clicking and dragging from the middle of the shape to the bottom.</p>
<div class="tutorial_image"><img alt="Step 6" height="368" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_06.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_06.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 7</h3>
<p>Copy (Command + C) the shape and Paste in Front (Command + F). With the new shape selected, use the Selection Tool (V) and scale the shape to half of its original size. After scaling, place the the copied shape towards the bottom of the original.</p>
<div class="tutorial_image"><img alt="Step 7" height="685" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_07.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_07.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 8</h3>
<p>Change the first swatch in the gradient fill to a light pink and the other swatch to a slightly darker pink.</p>
<div class="tutorial_image"><img alt="Step 8" height="394" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_08.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_08.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 9</h3>
<p>With the Star Tool, click on the artboard to bring up the Star dialog. In the dialog change Radius 1 to 50 px, Radius 2 to 25 px and the Points to 3.</p>
<div class="tutorial_image"><img alt="Step 9" height="479" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_09.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_09.jpg" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 10</h3>
<p>With the triangle selected go Effect &gt; Stylize &gt; Round Corners. In the dialog change the radius to 15 px.</p>
<div class="tutorial_image"><img alt="Step 10" height="361" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_10.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_10.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 11</h3>
<p>With the Selection Tool (V), squish the triangle horizontally to half of its original size. Next rotate the triangle 180 degrees.</p>
<div class="tutorial_image"><img alt="Step 11" height="410" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_11.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_11.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 12</h3>
<p>Fill the triangle with a Linear Gradient, make the first swatch a dark pink from the previous shape and the second swatch make a darker pink. Adjust the gradient so the darkest part of the gradient is at the bottom of the triangle.</p>
<div class="tutorial_image"><img alt="Step 12" height="539" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_12.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_12.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 13</h3>
<p>Place the triangle at the bottom of the bigger body shape creating a leg. Once placed, drag out a copy of the leg to other side. Simply hold down Alt + Shift while dragging the shape.</p>
<div class="tutorial_image"><img alt="Step 13" height="816" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_13.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_13.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 14</h3>
<p>Create a 200 px wide by 50 px tall rectangle and round the corners at 25 px.</p>
<div class="tutorial_image"><img alt="Step 14" height="448" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_14.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_14.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 15</h3>
<p>Go to Effect &gt; Warp &gt; Arch. With the Warp Options dialog open, change the Bend to 20 and the Horizontal Distortion to -49. Next, make sure to expand the effects by going to Object &gt; Expand Appearance. If you don&#39;t do this you will get some unexpected results as the steps continue.</p>
<div class="tutorial_image"><img alt="Step 15" height="685" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_15.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_15.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 16</h3>
<p>Rotate the shape 45 degrees to the right so the shape is vertical. Next, place the shape over the top of the body shape. Once placed, Copy (Command + C) and Paste in Front (Command + F) the ear shape. Reflect the shape vertically by going to Object &gt; Transform &gt; Reflect and choosing the Vertical option in the dialog. Once reflected, move the copied ear to the other side of the body.</p>
<div class="tutorial_image"><img alt="Step 16" height="1061" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_16.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_16.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 17</h3>
<p>Change the fill of the the ears to the first swatch pink color in the body shape.</p>
<div class="tutorial_image"><img alt="Step 17" height="527" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_17.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_17.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 18</h3>
<p>Select the first ear and go to Object &gt; Path &gt; Offset to open the Offset dialog. Change the Offset to -15 px. Next, move the offset slightly down and to the left.</p>
<div class="tutorial_image"><img alt="Step 18" height="1066" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_18.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_18.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 19</h3>
<p>Change the fill of the offset to the light Linear Gradient that was used in the belly shape of the body.</p>
<div class="tutorial_image"><img alt="Step 19" height="534" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_19.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_19.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 20</h3>
<p>Repeat the same step for the right ear shape.</p>
<div class="tutorial_image"><img alt="Step 20" height="534" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_20.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_20.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 21</h3>
<p>Copy (Command + C) and Paste (Command + V) the main right ear shape. Rotate the copied shape 190 degrees and scale it down to half of its original size. Fill the shape with the original body gradient and place it behind the lower left side of the body.</p>
<div class="tutorial_image"><img alt="Step 21" height="1140" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_21.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_21.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 22</h3>
<p>Copy (Command + C) and Paste in Front (Command + F) the arm shape, reflect it vertically, then place it on the other side of the body.</p>
<div class="tutorial_image"><img alt="Step 22" height="529" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_22.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_22.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 23</h3>
<p>Now that the body is done, we can start adding a face to the bunny. Start by creating an ellipse with the Ellipse Tool (L) that is 37 px by 37 px. Fill the ellipse with a Radial Gradient with the first swatch a dark pink and the second swatch the same pink as in the ears.</p>
<div class="tutorial_image"><img alt="Step 23" height="521" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_23.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_23.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 24</h3>
<p>Create another ellipse with the previous one, but smaller, and fill it with a dark pink color. Next draw two smaller white filled ellipses within the dark pink one. Now you have an eye!</p>
<div class="tutorial_image"><img alt="Step 24" height="403" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_24.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_24.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 25</h3>
<p>Place the eye shapes over the top left part of the body shape. Once placed, Copy (Command + C) and Paste the (Command + V) the eye shapes and place them on the other side of the body.</p>
<div class="tutorial_image"><img alt="Step 25" height="1018" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_25.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_25.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 26</h3>
<p>Create a triangle like before and scale it down to half of its original size. Also like the other triangle, round the corners and fill it with the same gradient. Next, place the triangle over the middle part of the body below the eyes.</p>
<div class="tutorial_image"><img alt="Step 26" height="807" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_26.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_26.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 27</h3>
<p>With the Line Tool (\) draw a dark pink (same as the dark pink eye color) 3 pt line right below the nose, spanning the distance of the eyes.</p>
<div class="tutorial_image"><img alt="Step 27" height="538" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_27.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_27.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 28</h3>
<p>Draw a ellipse so the bottom fourth of it is the width of the line you just drew. Next, draw a rectangle that encompasses the top half of the ellipse up to the line you drew. Select the rectangle and ellipse and press the Subtract Shape Areas button from the Pathfinder Panel. While still in the Pathfinder Panel, press the Expand button. If you own CS4, Illustrator expands it for you!</p>
<div class="tutorial_image"><img alt="Step 28" height="1565" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_28.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_28.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 29</h3>
<p>Fill the subtracted shape with the same Linear Gradient as the body gradient, but adjust it so the darker part of the gradient is at the top. Place the shape behind the line you created before.</p>
<div class="tutorial_image"><img alt="Step 29" height="537" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_29.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_29.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 30</h3>
<p>Create a rectangle that is 38 px wide by 40 px tall. Like with the main body shape, select the bottom left anchor point with the Direct Selection Tool (A) and change the anchor to a Smooth Point. Do the same for the bottom right anchor point.</p>
<div class="tutorial_image"><img alt="Step 30" height="305" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_30.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_30.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 31</h3>
<p>Place the tooth shape behind and below the mouth line on the left side of the nose shape. Fill the tooth with a Linear Gradient with the first swatch white and the second swatch a light gray. Adjust the gradient so the white is at the top of the tooth.</p>
<div class="tutorial_image"><img alt="Step 31" height="1045" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_31.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_31.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 32</h3>
<p>Copy (Command + C) the Tooth and Paste in Front (Command + F). Create an ellipse the covers the bottom two-thirds of the tooth. Select the tooth copy and the ellipse and Subtract the shapes. Once subtracted, change the color of the shape to a light gray.</p>
<div class="tutorial_image"><img alt="Step 32" height="1559" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_32.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_32.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 33</h3>
<p>Drag out a copy of the tooth shapes to the left side.</p>
<div class="tutorial_image"><img alt="Step 33" height="537" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_33.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_33.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 34</h3>
<p>Now it is time to add some hair. With the Pen Tool draw a hair puff shape towards the top of the body. Fill the shape with the same Linear Gradient as the nose shape.</p>
<div class="tutorial_image"><img alt="Step 34" height="1050" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_34.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_34.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 35</h3>
<p>With the hair shape selected, Copy (Command + C) and Paste in Back (Command + B). With the copy selected, move it down slightly. Fill the copy with the same gradient as the main body shape and adjust it so the darker part of the gradient is at the top of the shape.</p>
<div class="tutorial_image"><img alt="Step 35" height="1052" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_35.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_35.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 36</h3>
<p>The bunny character is done, but lets have some more fun to it. Let&#39;s make it look like the bunny just devoured a carrot! Use you Pencil Tool (N) and draw twenty &#8211; twenty-five small ellipse like shapes over the teeth and mouth area of the bunny (make these shapes a bit rough). Fill the shapes with a Linear Gradient, set the first swatch to an orange color and the second to a darker orange color.</p>
<div class="tutorial_image"><img alt="Step 36" height="1036" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_36.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_36.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 37</h3>
<p>Draw an ellipse that is 45 px wide by 30 px tall. Draw another ellipse over that one that is 65 px wide by 30 px tall. Place the second ellipse so the bottom is in the center of the first one. Select both ellipses, Intersect the Shape Areas from the Pathfinder Panel, and press Expand. Next, fill the shape with the orange linear gradient you used for the small elements around the mouth, then adjust the gradient so the lighter part of the gradient is at the top of the shape.</p>
<div class="tutorial_image"><img alt="Step 37" height="805" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_37.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_37.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 38</h3>
<p>With the Pencil Tool (N), create some little ellipse like shapes around and below the previous shape. Fill these with the same orange gradient.</p>
<div class="tutorial_image"><img alt="Step 38" height="226" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_38.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_38.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 39</h3>
<p>Copy (Command + C) the original top ellipse shape and Paste in Front (F). Scale the shape down to half of its original size, then place it towards the top of the original shape. Change the first swatch in the copied shape to a green color and the second swatch to a darker green color.</p>
<div class="tutorial_image"><img alt="Step 39" height="556" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_39.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_39.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 40</h3>
<p>With the Pen Tool (P), draw a couple stems coming out of the carrot top. Fill these shapes with the same green gradient you just used.</p>
<div class="tutorial_image"><img alt="Step 40" height="561" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_40.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_40.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 41</h3>
<p>Create an ellipse that is 75 px by 75 px. Fill it with a Radial Gradient with the first swatch a light brown color, the second swatch a white color, and set the ellipse to Multiply from the Transparency Panel. Next, squish the ellipse vertically to half its original size. Place the ellipse behind all the carrot top artwork as a drop shadow.</p>
<div class="tutorial_image"><img alt="Step 41" height="1317" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_41.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_41.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 42</h3>
<p>Create two more ellipses, as in the previous step, then place them behind the feet. Create another bigger ellipse, but make the brown color of the gradient lighter and place in between the feet shadows.</p>
<div class="tutorial_image"><img alt="Step 42" height="273" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_42.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_42.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 43</h3>
<p>Create a rectangle the size of you document and fill it with a Radial Gradient. Make the first swatch white and the second swatch a light yellow color. All done!</p>
<div class="tutorial_image"><img alt="Step 43" height="508" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_43.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_43.jpg" style="display: inline;" width="600" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Final Image</h3>
<p>Below is the final image we just worked on.</p>
<div class="tutorial_image"><img alt="Final Image" height="764" original="http://vectortuts.s3.amazonaws.com/tuts/78_Funny_Bunny/ctbun_final.jpg" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 32/ctbun_final.jpg" style="display: inline;" width="600" /></div>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/how-to-create-a-cute-bunny-vector-character/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Draw a Cartoon Duck</title>
		<link>http://1malaysia-innovation.com/illustrator/how-to-draw-a-cartoon-duck/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/how-to-draw-a-cartoon-duck/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 04:01:14 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[How to Draw a Cartoon Duck]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=790</guid>
		<description><![CDATA[This tutorial will take you through basic shapes , using basic tools ie pathfinder , knife and eyedropper tools to create a cute duck character.
Following this tutorial you can draw a step by step illustrated vector tutorial file which will help you to actually look at how it is done! it is as simple as [...]]]></description>
			<content:encoded><![CDATA[<div>This tutorial will take you through basic shapes , using basic tools ie pathfinder , knife and eyedropper tools to create a cute duck character.</div>
<div>Following this tutorial you can draw a step by step illustrated vector tutorial file which will help you to actually look at how it is done! it is as simple as that!</div>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1>Final preview</h1>
<p><a href="http://www.aivault.com/wp-content/uploads/2009/07/21prevbig1.jpg"><img alt="21prevbig" class="aligncenter size-full wp-image-920" height="457" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/21prevbig1.jpg" title="21prevbig" width="500" /></a></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step1</h1>
<p>Using simple shapes circles and ovals draw an outline quite similar to the one below.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/01.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 2</h1>
<p>The wing place holder is a circle and for the tail i drew a triangular shape using the pen tool.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/02.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step3</h1>
<p>Added 3 more ovals to the wing shape</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/03.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 4</h1>
<p>Using the Direct selection tool (A) work on the Beak of the duck.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/04.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 5</h1>
<p>Select the wing placeholder shapes and using pathfinder join them.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/05.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 6</h1>
<p>Duck has started to come into shape once i used path finder to join the duck body with the triangular tail shape. Also draw three circles for the eye. You can see below their placement.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/06.jpg" width="400" /></p>
<p>&nbsp;</p>
<p>Start filling with colour and a thick black stroke</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/07.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 7</h1>
<p>Using the knife tool cut out at the points as seen below.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/08.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 8</h1>
<p>Make sure the stroke is now Round Cap just to give the stroke some life.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/09.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 9</h1>
<p>Here the tail needed some adjustments after using pathfinder , use Direct Selection tool and reshape the tail.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/10.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 10</h1>
<p>Lets start coloring !</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/11.jpg" width="400" /></p>
<p>&nbsp;</p>
<p>Create 2 copies of the body part on over another slightly shifted upward , using pathfinder tool subtract from shape area and then click to expand.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/12.jpg" width="400" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/13.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 11</h1>
<p>Give the subtracted coloring a little bit of opacity to fit nicely.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/14.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step12</h1>
<p>Add shading to the head area in the same way</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/15.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 13</h1>
<p>Add some highlights by adding circle of white fill.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/16.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 14</h1>
<p>For the background for the duck draw a freehand puddle in blue colour , create a copy and give it a stroke and no fill.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/17.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 15</h1>
<p>Draw a few circles and give it a bit of gradient fill.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/18.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 16</h1>
<p>Scatter filled circles in various sizes all around the puddle</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/19.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 17</h1>
<p>Give the outline a stroke access the dashed borders brushes Window&gt;brush library&gt;borders&gt;dashed.</p>
<p>&nbsp;</p>
<p><img alt="" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/20.jpg" width="400" /></p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>Step 18</h1>
<p>And you are done! Here is a little duck in a waterpool setting !</p>
<p>&nbsp;</p>
<p><a href="http://www.aivault.com/wp-content/uploads/2009/07/21prevbig1.jpg"><img alt="21prevbig" height="457" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 31/21prevbig1.jpg" title="21prevbig" width="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/how-to-draw-a-cartoon-duck/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create An Awesome Space Rocket Avatar in Illustrator</title>
		<link>http://1malaysia-innovation.com/illustrator/create-an-awesome-space-rocket-avatar-in-illustrator/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/create-an-awesome-space-rocket-avatar-in-illustrator/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 04:39:26 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Create An Awesome Space Rocket Avatar in Illustrator]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=776</guid>
		<description><![CDATA[What? You still don&#8217;t have your own avatar? Remedy this situation immediately with this tutorial. We&#8217;ll draw a shiny, awesome-looking space rocket in Adobe Illustrator using advanced techniques such as gradient meshes, pattern brushes and opacity masks. We will then add a flare, smoke, clouds and sky to complete a fun illustration. Ready to launch?
&#160;
&#160;
&#160;
&#160;
&#160;
Final [...]]]></description>
			<content:encoded><![CDATA[<div>What? You <strong>still</strong> don&rsquo;t have your own avatar? Remedy this situation immediately with this tutorial. We&rsquo;ll draw a shiny, awesome-looking space rocket in Adobe Illustrator using advanced techniques such as gradient meshes, pattern brushes and opacity masks. We will then add a flare, smoke, clouds and sky to complete a fun illustration. Ready to launch?</div>
<p>&nbsp;</p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Final result:</h3>
<p>Here&rsquo;s what we&rsquo;re aiming at:</p>
<p>
	<img alt="space-rocket" class="aligncenter size-full wp-image-1898" height="449" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/space-rocket.jpg" title="space-rocket" width="450" /></p>
<h3>&nbsp;</h3>
<h3>Step 1: Drawing the hull</h3>
<p>Create a blank document, standard maximum icon size is 512 by 512 pixels (for Leopard). Create a vertical guide down the middle and draw the right half of the hull&rsquo;s profile with the Pen Tool (P):</p>
<p>
	<img alt="01-draw-profile" class="aligncenter size-full wp-image-1912" height="450" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/01-draw-profile.png" title="01-draw-profile" width="450" /></p>
<p>&nbsp;</p>
<p>Copy (Ctrl+C) and paste in front (Ctrl+F) the path. Flip it horizontally then move it over to the left of the guide, snapping to it:</p>
<p>
	<img alt="02-copy-flip" class="aligncenter size-full wp-image-1913" height="449" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/02-copy-flip.png" title="02-copy-flip" width="449" /></p>
<p>&nbsp;</p>
<p>Now window-select the top points, hit Ctrl+J on your keyboard to activate the Join function. A dialog will appear, choose Corner. This way the rocket&rsquo;s tip will be sharp. No respectable space rocket has a rounded tip!</p>
<p>
	<img alt="03-join-points" class="aligncenter size-full wp-image-1914" height="450" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/03-join-points.png" title="03-join-points" width="450" /></p>
<p>&nbsp;</p>
<p>Now join the bottom middle points using the same method but this time choose the Smooth option. No respectable space rocket has a pointed base!</p>
<p>
	<img alt="04-join-points" class="aligncenter size-large wp-image-1915" height="450" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/04-join-points-450x450.png" title="04-join-points" width="450" /></p>
<p>&nbsp;</p>
<p>The hull&rsquo;s profile is complete. Select it then open the Object menu and choose Create Gradient Mesh. From the dialog set up the mesh as in the next picture. The idea here is to have as little points as possible but enough to start shading:</p>
<p>
	<img alt="05-create-gradient-mesh" class="aligncenter size-full wp-image-1916" height="393" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/05-create-gradient-mesh.png" title="05-create-gradient-mesh" width="450" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 2: Shading the hull</h3>
<p>Pick the Direct Selection Tool (A), the white arrow from the toolbar. Select all points in the mesh and choose a medium gray color. Let&rsquo;s decide that the light comes from the upper left corner. This means we have to make the right and bottom parts darker. The left and top points have to be lighter. Snce the hull is curved, though, the leftmost points have to be slightly darker than the inside to give a rounded 3D effect:</p>
<p>
	<img alt="06-base-shading" class="aligncenter size-large wp-image-1920" height="450" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/06-base-shading-450x450.png" title="06-base-shading" width="450" /></p>
<p>&nbsp;</p>
<p>Now let&rsquo;s refine the shading. Use the following image as reference. First add two vertical mesh lines using the Mesh Tool from the toolbar (U). We want to add two vertical, soft highlights down the sides of the hull. So we need to select the center points on each side and make them lighter than the points surrounding them. See the image:</p>
<p>
	<img alt="07-complete-shading" class="aligncenter size-full wp-image-1922" height="433" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/07-complete-shading.png" title="07-complete-shading" width="450" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 3: Coloring the bow</h3>
<p>Let&rsquo;s add some color. Specifically let&rsquo;s make the tip red.<br />
	Select the mesh then go to Object &gt; Path &gt; Offset Path and choose 0 as Offset. We have effectively created a path replica of the mesh:</p>
<p>
	<img alt="08-offset-mesh" class="aligncenter size-full wp-image-1923" height="575" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/08-offset-mesh.png" title="08-offset-mesh" width="450" /></p>
<p>&nbsp;</p>
<p>Make the path red then draw a circle at its tip:</p>
<p>
	<img alt="09-draw-circle" class="aligncenter size-full wp-image-1924" height="703" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/09-draw-circle.png" title="09-draw-circle" width="450" /></p>
<p>&nbsp;</p>
<p>With both objects selected hit Ctrl+7 to make a clipping mask. You&rsquo;ll end up with a group. Set its mode to Darken in the Transparency palette. Now only the tip of the rocket is red:</p>
<p>
	<img alt="10-clipping-mask" class="aligncenter size-full wp-image-1925" height="605" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/10-clipping-mask.png" title="10-clipping-mask" width="450" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 4: Adding rivets</h3>
<p>The hull is comprised of a few metal plates held together by rivets. Let&rsquo;s draw them with a hassle-free method.<br />
	Remember the circle we&rsquo;re using as clipping masking for the red tip? Make a copy of it and drag it out of the mask. Now offset it twice by 3px, once inside and once outside the tip. See the next image:</p>
<p>
	<img alt="11-offset-circle-2-times" class="aligncenter size-full wp-image-1927" height="499" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/11-offset-circle-2-times.png" title="11-offset-circle-2-times" width="350" /></p>
<p>&nbsp;</p>
<p>Keep the two circles you created, deleting the center one.<br />
	Draw a small black dot then drag it into the Brushes palette. A dialog will pop up asking you to choose a brush type. Select New Pattern Brush:</p>
<p>
	<img alt="12-create-pattern-brush" class="aligncenter size-full wp-image-1929" height="254" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/12-create-pattern-brush.png" title="12-create-pattern-brush" width="355" /></p>
<p>&nbsp;</p>
<p>The next dialog will let you set up the scale and spacing:</p>
<p>
	<img alt="13-brush-options" class="aligncenter size-large wp-image-1931" height="418" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/13-brush-options-450x418.png" title="13-brush-options" width="450" /></p>
<p>&nbsp;</p>
<p>Apply this brush to the two circles, changing their color to a darker shade of the hull beneath, so the top circle will be dark red and the bottom circle dark gray:</p>
<p>
	<img alt="14-apply-brush" class="aligncenter size-full wp-image-1932" height="450" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/14-apply-brush.png" title="14-apply-brush" width="450" /></p>
<p>&nbsp;</p>
<p>Select both circles, go to Object &gt; Expand Appearance. Then hit Shift+Ctrl+G to ungroup them. Now you can erase all the dots outside the hull:</p>
<p>
	<img alt="15-expand-ungroup-delete-unnecessary-dots" class="aligncenter size-full wp-image-1933" height="419" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/15-expand-ungroup-delete-unnecessary-dots.png" title="15-expand-ungroup-delete-unnecessary-dots" width="260" /></p>
<p>&nbsp;</p>
<p>Using the same method add another seam and two rows of rivets about one third from the rocket&rsquo;s bottom:</p>
<p>
	<img alt="16-add-rivets" class="aligncenter size-full wp-image-1934" height="419" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/16-add-rivets.png" title="16-add-rivets" width="241" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 5: Making the rocket shiny</h3>
<p>The rocket just launched so it&rsquo;s still shiny. Let&rsquo;s add reflections.<br />
	On a new layer draw a white curved wedge with the Pen Tool. Set the mode to Screen and the Opacity to 60%. Go to Effect &gt; Stylize &gt; Feather and choose 3 pixels as value:</p>
<p>
	<img alt="17-draw-reflection-wedge-add-feather" class="aligncenter size-full wp-image-1935" height="564" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/17-draw-reflection-wedge-add-feather.png" title="17-draw-reflection-wedge-add-feather" width="292" /></p>
<p>&nbsp;</p>
<p>Copy and paste in front this wedge. Clear the Feather effect and apply a white-to-black gradient:</p>
<p>
	<img alt="18-draw-opacity-mask" class="aligncenter size-full wp-image-1936" height="547" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/18-draw-opacity-mask.png" title="18-draw-opacity-mask" width="450" /></p>
<p>&nbsp;</p>
<p>Select both wedges then click in the upper right corner of the Transparency palette and choose Make Opacity Mask:</p>
<p>
	<img alt="19-make-opacity-mask" class="aligncenter size-full wp-image-1938" height="180" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/19-make-opacity-mask.png" title="19-make-opacity-mask" width="250" /></p>
<p>&nbsp;</p>
<p>Make a copy of the reflection wedge, flip it to the right side and lower its opacity to 20%:</p>
<p>
	<img alt="20-copy-reflection-and-lower-opacity" class="aligncenter size-full wp-image-1937" height="395" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/20-copy-reflection-and-lower-opacity.png" title="20-copy-reflection-and-lower-opacity" width="222" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 6: Drawing the porthole</h3>
<p>&nbsp;</p>
<p>Draw a blue ellipse right in the middle:</p>
<p>
	<img alt="21-draw-porthole" class="aligncenter size-full wp-image-1941" height="386" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/21-draw-porthole.png" title="21-draw-porthole" width="199" /></p>
<p>&nbsp;</p>
<p>Create a ring of rivets around it, using the method explained before:</p>
<p>
	<img alt="22-create-ring-of-rivets" class="aligncenter size-full wp-image-1942" height="369" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/22-create-ring-of-rivets.png" title="22-create-ring-of-rivets" width="450" /></p>
<p>&nbsp;</p>
<p>Now fill the porthole with a horizontal gradient with the darker shade on the left. Also add a light gray stroke to fake rim highlights. Just make sure the stroke is lighter than the hull around it:</p>
<p>
	<img alt="23-gradient-fill-light-gray-stroke" class="aligncenter size-full wp-image-1943" height="323" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/23-gradient-fill-light-gray-stroke.png" title="23-gradient-fill-light-gray-stroke" width="425" /></p>
<p>&nbsp;</p>
<p>Let&rsquo;s give the porthole some ambient lighting. Select Effect &gt; Stylize &gt; Inner Glow and refer to the next image for the settings:</p>
<p>
	<img alt="24-inner-glow" class="aligncenter size-full wp-image-1944" height="532" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/24-inner-glow.png" title="24-inner-glow" width="426" /></p>
<p>&nbsp;</p>
<p>Last thing to add is a reflection highlight to the glass.<br />
	Make a smaller copy of the porthole. Clear the stroke and all the effects:</p>
<p>
	<img alt="25-smaller-copy" class="aligncenter size-full wp-image-1946" height="418" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/25-smaller-copy.png" title="25-smaller-copy" width="450" /></p>
<p>&nbsp;</p>
<p>Create another copy, stretch it so it resembles a cricle and move it over to the right:</p>
<p>
	<img alt="26-copy-and-stretch" class="aligncenter size-full wp-image-1947" height="369" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/26-copy-and-stretch.png" title="26-copy-and-stretch" width="450" /></p>
<p>&nbsp;</p>
<p>Select both ellipses then select the Minus Front icon in the Transform palette. What results is a moon-like blade. Fill it with white:</p>
<p>
	<img alt="27-minus-front" class="aligncenter size-full wp-image-1948" height="302" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/27-minus-front.png" title="27-minus-front" width="450" /></p>
<p>&nbsp;</p>
<p>Go to Effect &gt; Blur &gt; Gaussian Blur:</p>
<p>
	<img alt="28-gaussian-blur" class="aligncenter size-full wp-image-1952" height="432" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/28-gaussian-blur.jpg" title="28-gaussian-blur" width="398" /></p>
<p>&nbsp;</p>
<p>Finally set blending mode to Screen and reduce the opacity to 85%:</p>
<p>
	<img alt="29-screen" class="aligncenter size-full wp-image-1954" height="537" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/29-screen.jpg" title="29-screen" width="255" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 7: Ambient highlights</h3>
<p>We need to add some ambient highlights now.<br />
	Draw a pale yellow ellipse by the lower part of the hollow. Apply a Gaussian Blur effect, set mode to Soft Light and reduce the opacity to 90%:</p>
<p>
	<img alt="30-draw-ambient-highlight" class="aligncenter size-full wp-image-1956" height="529" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/30-draw-ambient-highlight.jpg" title="30-draw-ambient-highlight" width="450" /></p>
<p>&nbsp;</p>
<p>Just copy the highlight to the sides, rotating the copies to match the hull&rsquo;s profile and making them more transparent:</p>
<p>
	<img alt="31-highlights" class="aligncenter size-full wp-image-1957" height="401" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/31-highlights.jpg" title="31-highlights" width="211" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 8: The engine</h3>
<p>To make the engine just create a copy of the hull (see Step 3), scale it down, move it below the hull and fill it with a copper-tinted gradient:</p>
<p>
	<img alt="32-create-engine" class="aligncenter size-full wp-image-1959" height="577" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/32-create-engine.jpg" title="32-create-engine" width="300" /></p>
<p>&nbsp;</p>
<p>Just add an Inner Glow to simulate light coming from the exhaust:</p>
<p>
	<img alt="33-inner-glow" class="aligncenter size-full wp-image-1960" height="417" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/33-inner-glow.jpg" title="33-inner-glow" width="450" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 9: Drawing the sails</h3>
<p>Draw the sail with a simple path then convert it to a Gradient Mesh:</p>
<p>
	<img alt="34-draw-sail-convert-to-mesh" class="aligncenter size-full wp-image-1961" height="419" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/34-draw-sail-convert-to-mesh.jpg" title="34-draw-sail-convert-to-mesh" width="450" /></p>
<p>&nbsp;</p>
<p>Adjust the lines then refer to the next image for the shading:</p>
<p>
	<img alt="35-sail-shading" class="aligncenter size-large wp-image-1962" height="537" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/35-sail-shading-450x537.jpg" title="35-sail-shading" width="450" /></p>
<p>&nbsp;</p>
<p>Create the right sail with a symmetrical copy of the left one. Adjust its shading so the left part is bright and the right part is in the shadow. Then add wedge-shaped highlights (see Step 5):</p>
<p>
	<img alt="36-create-right-sail-add-reflections" class="aligncenter size-large wp-image-1963" height="800" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/36-create-right-sail-add-reflections-225x800.jpg" title="36-create-right-sail-add-reflections" width="225" /></p>
<p>&nbsp;</p>
<p>Add a shadow to the left sail. Draw a shape, set its opacity to 35% and the mode to Multiply. Fill it with a black-to-transparent gradient if you have Illustrator CS4 otherwise use the opacity mask method explained in Step 5. Apply a Gaussian Blur to the shadow:</p>
<p>
	<img alt="37-draw-shadow" class="aligncenter size-full wp-image-1964" height="464" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/37-draw-shadow.jpg" title="37-draw-shadow" width="418" /></p>
<p>&nbsp;</p>
<p>This is what we have so far. It looks great and it&rsquo;s ready to be personalized and turned into an avatar:</p>
<p>
	<img alt="38-result" class="aligncenter size-full wp-image-1965" height="418" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/38-result.jpg" title="38-result" width="270" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 10: Completing the avatar</h3>
<p>Fill the background with a light blue gradient to create the sky. Add your personalized insignia in a layer placed right beneath the hull&rsquo;s highlights. I inserted my own logo and the bogus commission code &ldquo;CLF-2009&Prime;. &ldquo;NCC-1701&Prime; is good too!<br />
	On a new layer beneath the rocket draw concentric smoke shapes, making them progressively darker towards the center. I used the Pencil Tool (N) with my Intuos tablet but you can also use your mouse. Just make the shapes a bit irregular (click to enlarge):</p>
<p>
	<a href="http://www.cutelittlefactory.com/wp-content/uploads/2009/09/39-draw-sky-insignia-and-smoke.jpg" onclick="javascript:pageTracker._trackPageview('/downloads/wp-content/uploads/2009/09/39-draw-sky-insignia-and-smoke.jpg');" rel="shadowbox[post-1884];player=img;"><img alt="39-draw-sky-insignia-and-smoke" class="aligncenter size-large wp-image-1968" height="450" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/39-draw-sky-insignia-and-smoke-450x450.jpg" title="39-draw-sky-insignia-and-smoke" width="450" /></a></p>
<p>&nbsp;</p>
<p>Now select all the shapes that make up the smoke and apply a 5px Gaussian Blur. Doesn&rsquo;t it look great?</p>
<p>
	<img alt="40-blur-the-smoke" class="aligncenter size-full wp-image-1970" height="504" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/40-blur-the-smoke.jpg" title="40-blur-the-smoke" width="450" /></p>
<p>&nbsp;</p>
<p>Just like tou did the smoke draw a couple of flares at the engine&rsquo;s mouth (use yellow and orange) and some clouds in the sky (use white):</p>
<p>
	<a href="http://www.cutelittlefactory.com/wp-content/uploads/2009/09/41-draw-fire-and-clouds.jpg" onclick="javascript:pageTracker._trackPageview('/downloads/wp-content/uploads/2009/09/41-draw-fire-and-clouds.jpg');" rel="shadowbox[post-1884];player=img;"><img alt="41-draw-fire-and-clouds" class="aligncenter size-large wp-image-1971" height="450" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/41-draw-fire-and-clouds-450x450.jpg" title="41-draw-fire-and-clouds" width="450" /></a></p>
<p>&nbsp;</p>
<p>Finally draw some wakes flying off the sails, applying Gaussian Blur. And we&rsquo;re done!</p>
<p>
	<a href="http://www.cutelittlefactory.com/wp-content/uploads/2009/09/42-wakes.jpg" onclick="javascript:pageTracker._trackPageview('/downloads/wp-content/uploads/2009/09/42-wakes.jpg');" rel="shadowbox[post-1884];player=img;"><img alt="42-wakes" class="aligncenter size-large wp-image-1972" height="800" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 29/42-wakes-400x800.jpg" title="42-wakes" width="400" /></a></p>
<h3>&nbsp;</h3>
<h3>Conclusion</h3>
<p>I hope this tutorial taught you interesting techniques and I hope you had fun. When you&rsquo;re finished drawing your space rocket <a href="http://1malaysia-innovation.com//download/Space-Rocket.zip#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed" title="Download the source file">download my finished artwork</a> to take a closer look. If you have any questions or doubts leave a comment and I&rsquo;ll get back to you. A lot more material is on the way so check back soon!</p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/create-an-awesome-space-rocket-avatar-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating Line Drawings in Adobe Illustrator</title>
		<link>http://1malaysia-innovation.com/illustrator/creating-line-drawings-in-adobe-illustrator/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/creating-line-drawings-in-adobe-illustrator/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 01:23:43 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Creating Line Drawings in Adobe Illustrator]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=795</guid>
		<description><![CDATA[&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;

This is one grumpy dude. He was created in Adobe Illustrator with the brush tool. I don&#8217;t use the program a lot, but when it comes to &#8220;inking&#8221; my drawings, I find it very useful. Here&#8217;s an in-depth look into the making of this cute little grandpa guy including:
&#160;
I start by placing my sketch into [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="One Grumpy Dude" height="250" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink.jpg" title="One Grumpy Dude" width="333" /></p>
<p>This is one grumpy dude. He was created in Adobe Illustrator with the brush tool. I don&rsquo;t use the program a lot, but when it comes to &ldquo;inking&rdquo; my drawings, I find it very useful. Here&rsquo;s an in-depth look into the making of this cute little grandpa guy including:</p>
<p>&nbsp;</p>
<p>I start by placing my sketch into a new Illustrator document. Go to File&ndash;&gt;Place. Find your sketch file. Before you click OK, make sure the box that is marked &ldquo;Template&rdquo; is checked. Notice that your sketch has been placed on its own layer and has automatically been locked and changed to 50% transparency.</p>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div><span style="font-size: 12px;">My original sketch.</span></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<p><img alt="My original sketch." height="300" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink01.jpg" title="My original sketch." width="346" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">Be sure to select &ldquo;Template&rdquo;.</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="Be sure to select " height="212" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink02.jpg" title="Be sure to select " width="350" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">Locked and ready.</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="The sketch placed in Illustrator." height="300" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink03.jpg" title="The sketch placed in Illustrator." width="234" /></p>
<p><img alt="Locked and ready." height="300" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink04.jpg" title="Locked and ready." width="288" /></p>
<p>&nbsp;</p>
<p>Get your tools ready. The default brush set will not do for most artists. Create a variety of brushes to use for your drawing, or open up ones that you have saved.</p>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">My brush palette features round calligraphic brushes in different sizes.</span></p>
<p>&nbsp;</p>
<p><img alt="My brush palette." height="174" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink05.jpg" title="My brush palette." width="208" /></p>
<p>&nbsp;</p>
<p><strong>Laying Down Your Brush Strokes</strong></p>
<p>&nbsp;</p>
<p>To ink drawings in Illustrator, I like to use the brush tool. I like it better than the pen tool because it better simulates the traditional inking experience and results in looser drawings. Learning to trace a drawing on the computer with a tablet can be really frustrating. You may have to try several times before you get just the right stroke. Just keep practicing using your tablet and eventually you will find yourself pushing Undo less and less.</p>
<p>Some Tips to Get You Started</p>
<ul>
<li>How to place a sketch into a new document</li>
<li>Some digital drawing tips</li>
<li>How to fix little mistakes after you&rsquo;ve drawn your stroke</li>
<li>Ways to finish and color your drawing</li>
</ul>
<ul>
<li>Try &ldquo;drawing&rdquo; with your brush, as opposed to just tracing your sketch. Try not to be too stiff and concentrate on staying loose and spontaneous. Try not to break your flow by fixing every little mistake. Just push through, and you can go back and fix it later.</li>
</ul>
<blockquote>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">Don&rsquo;t concentrate so much on making an exact tracing of your sketch. Stay as loose as possible.</span></p>
<p>&nbsp;</p>
<p><img alt="Starting your inking." height="250" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink06.jpg" title="Starting your inking." width="333" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</blockquote>
<ul>
<li>Use a variety of line. I&rsquo;ve made a custom brush palette with several different sizes, from a bold 7-pt line to a very thin .5-pt line. You&rsquo;ll notice that any drawing I do has a balance of thick, medium, and thin lines. Also put some variation within the strokes themselves. Use a tablet and set the brush to be affected by your pen pressure.</li>
</ul>
<blockquote>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">Notice the use of both thick and thin lines in my little drawing.</span></p>
<p>&nbsp;</p>
<p><img alt="Thick and thin lines." height="250" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink07.jpg" title="Thick and thin lines." width="333" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</blockquote>
<ul>
<li>Lay down each stroke with confidence. Your lines will be smoother and more stable. Try to keep your strokes longer, instead of shorter. When drawing with your tablet, try to use your whole arm, and not just your wrist.</li>
</ul>
<ul>
<li>Take advantage of the shape tool for those objects that are just too difficult to draw with the brush tool. I&rsquo;ll usually resort to the shape tool for circles, ellipses, and squares. <a href="http://danidraws.com/2006/12/07/danis-videos-3-bake-sale-drawing/"><br />
		</a></li>
</ul>
<blockquote>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">The table in my Bake Sale Drawing was done by drawing two ellipses.</span></p>
<p><span style="font-size: 12px;"><br />
		</span></p>
<p><img alt="Drawing my Bake Sale table." src="http://danidraws.com/images/2007-01/illustratorink08.jpg" title="Drawing my Bake Sale table." /></p>
</blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Fixing Your Drawing</strong></p>
<p>When you have finished laying down your drawing, you can now go back and fix any small mistakes you may have made.</p>
<ul>
<li>Using the Brush Tool &ndash; Highlight the stroke that you want to fix. Now, simply &ldquo;redraw&rdquo; a brush stroke over it. Notice that the stroke that you highlighted changes. I find this tip useful for fixing slight curves, or changing the endpoint of a stroke.</li>
</ul>
<blockquote>
<p><font size="2"><em>I used the brush tool to lengthen this stroke.</em></font></p>
<p>&nbsp;</p>
<p><img alt="Select your path." height="200" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink09.jpg" title="Select your path." width="246" /><img alt="Redraw over it." height="200" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink10.jpg" title="Redraw over it." width="246" /><img alt="All fixed!" height="200" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink11.jpg" title="All fixed!" width="246" /></p>
</blockquote>
<ul>
<li>Changing the Thickness &ndash; If a stroke is just slightly too thick or thin, highlight it, then select a different brush. The stroke will change to the size of the new brush. You can also use the Stroke palette by changing the &ldquo;1 pt&rdquo; to another value. &ldquo;2 pt&rdquo; will double the thickness, &ldquo;.5 pt&rdquo; will half the thickness, and so on.</li>
</ul>
<ul>
<li>The Pen Tool &ndash; If need to remove just a portion of a stroke, use the pen tool to add points to the path. Use the Direct Selection tool to delete the unwanted parts.</li>
</ul>
<blockquote>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">The ellipses I draw went straight through my pie. I used the pen tool to fix the overlapping areas.</span></p>
<p>&nbsp;</p>
<p><img alt="Select your path." src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink12.jpg" title="Select your path." /><img alt="Add points with the pen tool." src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink13.jpg" title="Add points with the pen tool." /><img alt="Delete your unwanted line." height="200" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink14.jpg" title="Delete your unwanted line." width="263" /></p>
</blockquote>
<p>&nbsp;</p>
<p><strong>Keeping Your Drawing Organized &ndash; Layers and Groups</strong></p>
<p>If your drawing is a bit complicated, it will benefit you greatly if you stay organized. Group paths that are part of the same element, such as a person or an object, by selecting all the paths and going to Object&ndash;&gt;Group (or pressing command+G). Now, when you click on one of the paths using the Selection tool, the whole group will be selected. This will make it easier if you need to move or resize your object. It will also keep your Layers palette more organized. If you want to add paths to your group later, click and drag them in your Layers palette. If you need to select a single path, use the Direct Selection Tool or ungroup by going to Object&ndash;&gt;Ungroup.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>How to Use Your Finished Drawing</strong></p>
<p>You can experiment with different ways to finish your illustration. If you just want to color your drawing with solid colors, I like to use the pencil tool in Illustrator. Create a new layer and place it underneath your drawing. It may also be a good idea to lock your drawing layer, so you don&rsquo;t accidentally modify it. Pick a fill color and set your stroke color to empty. Draw your shapes underneath your drawing. If you accidentally color outside the lines, you can modify the shapes in the same way fixed your brush strokes. Select your shape, then redraw your edges with the pencil tool to fix it.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="Coloring with the pencil tool." height="243" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink15.jpg" title="Coloring with the pencil tool." width="350" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Also experiment with different inking styles. Try different sizes and types of brushes to create different effects. In the picture below, I used a very thin brush to add some cross-hatching to my drawing. I liked how it gave it a more hand-drawn feel.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="Adding some cross-hatching" height="208" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink16.jpg" title="Adding some cross-hatching" width="350" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>I also like to copy and paste my drawing into Photoshop. The beauty of creating your drawing in Illustrator is that you can resize it any size canvas you like. I keep it on it&rsquo;s own layer and paint underneath.</p>
<p>&nbsp;</p>
<p><span style="font-size: 12px;">This is an example of a drawing that I brought into Photoshop to color.</span></p>
<p>&nbsp;</p>
<p><img alt="A drawing colored in Photoshop." src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 28/illustratorink17.jpg" title="A drawing colored in Photoshop." /></p>
<p>&nbsp;</p>
<p style="border-top: 1px solid rgb(187, 187, 187);">I hope this helps you create more interesting line drawings in Illustrator. If this has helped you, let me know &mdash; I&rsquo;d love to hear any success stories. Leave a comment or <a href="mailto:zullee72@gmail.com#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">email me</a> a link to your image. Also leave any questions or further suggestions. Happy Drawing!</p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/creating-line-drawings-in-adobe-illustrator/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Creating Bart Simpson Vector Character in Illustrator</title>
		<link>http://1malaysia-innovation.com/illustrator/creating-bart-simpson-vector-character-in-illustrator/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/creating-bart-simpson-vector-character-in-illustrator/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 03:08:43 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Creating Bart Simpson Vector Character in Illustrator]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=786</guid>
		<description><![CDATA[This is a short beginner tutorial. You will use Layers, utilize the Pen Tool and its sister tools, such as the Convert Anchor Point Tool, Direct Selection Tool, etc, to draw and colorize a vector Bart Simpson in Adobe Illustrator. First we will create the basic shape outlines which comprise his body, then create the [...]]]></description>
			<content:encoded><![CDATA[<p>This is a short beginner tutorial. You will use Layers, utilize the Pen Tool and its sister tools, such as the Convert Anchor Point Tool, Direct Selection Tool, etc, to draw and colorize a vector Bart Simpson in Adobe Illustrator. First we will create the basic shape outlines which comprise his body, then create the shadows and highlights to finish off the artwork. If you have any questions of how I created Bart feel free to <a href="http://1malaysia-innovation.com/zullee/TutsKingBart.zip#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">download the file</a> and take a look. <br />
	&nbsp;</p>
<h2>&nbsp;</h2>
<h2>&nbsp;</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Final Image Preview:</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="Bart Simpson" height="618" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/BartSimpson.jpg" width="450" /> </p>
<p>	&nbsp;</p>
<p>&nbsp;</p>
<h2>&nbsp;</h2>
<h2><span class="aistep">Step 1:</span></h2>
<div>
	Start off by creating a new Illustrator Web Document to the size of <span class="aitool">370 pixels (width)</span> by <span class="aitool">510 pixels (height)</span>, which is the approximate size of the Bart Simpson image.</div>
<div>
<p>	<img alt="Create New Illustrator Document" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart1a.jpg" /> <br />
	&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>Place the picture of Bart onto your artboard by clicking <span class="aitool">File-&gt;Place</span> then save your file. I searched google images, but you can download the image file and the completed Bart vector <a href="http://1malaysia-innovation.com/zullee/TutsKingBart.zip#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed" title="Download Bart Image">HERE.</a> </p>
<p>	<span class="aitool">Lock</span> the Bart image layer then create a <span class="aitool">New Layer</span> on top, in which you will now draw your outlines.</div>
<div>&nbsp;</div>
<div>
<p>	<img alt="Lock Illustrator Layer" height="261" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart1b.jpg" width="599" /> </p>
<p>	&nbsp;</p></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<h2>&nbsp;</h2>
<h2><span class="aistep">Step 2:</span></h2>
<div>&nbsp;</div>
<div>Using the <span class="aitool">Pen Tool</span> with a 2 pixel <span class="aitool">Stroke</span>, we are going to trace around and create the main shapes of his body to form Bart&rsquo;s head, arms, legs, body, and skateboard.</div>
<div>
<p>	<img alt="Trace with Pen Tool" height="434" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart1c.jpg" width="465" /> <br />
	&nbsp;</div>
<div>&nbsp;</div>
<div>As you might have noticed I traced around the head, ears, and nose, then using the <span class="aitool">Ellipse Tool</span>, made the eyes and eyeballs, creating separate objects to form the head, and so on. Using the <span class="aitool">Convert Anchor Point Tool</span> and <span class="aitool">Direct Selection Tool</span> you can refine your outlines to almost exactly match that of the image file.</div>
<div>&nbsp;</div>
<div>
<p>	<img alt="Bart Simpson Outlines" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart1.jpg" /> <br />
	&nbsp;</div>
<div>&nbsp;</div>
<div>Tip: To more accurately see what you&rsquo;re tracing, change the <span class="aitool">Fill Color</span> of your <span class="aitool">Stroke</span> to <span class="aitool">None</span> (The white box with the red line through it) before you start. </p>
<p>	Now that you&rsquo;ve traced around the main parts of the character and skateboard to duplicate the black outline Matt Groening drew, you&rsquo;ll have <span class="aitool">Strokes</span> (ex. the inside of the ear) and <span class="aitool">Objects</span> (ex. the outline of the head and eyeballs). </p>
<p>	&nbsp;</p></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<h2><span class="aistep">Step 3:</span></h2>
<div>&nbsp;</div>
<div>
	The strokes need to have their ends tapered so that they look more true to the actual cartoon drawing. Use the <span class="aitool">Selection Tool</span> to choose a stroke, such as the ear. Click <span class="aitool">Object-&gt;Expand</span>. Select the <span class="aitool">Stroke</span> checkbox and click <span class="aitool">Ok.</span></div>
<div>
<p>	<img alt="Expand Strokes" height="338" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart1d.jpg" width="587" /> <br />
	&nbsp;</div>
<div>&nbsp;</div>
<div>You are now able to click on the edges of your stroke with the <span class="aitool">Convert Anchor Point Tool</span> to round your edges. Combined with the <span class="aitool">Direct Selection Tool</span> to move and adjust the anchor points, you will be able to create a great tapered edge. Finish tapering the rest of the strokes.</div>
<div>&nbsp;</div>
<div>
<p>	<img alt="Bart Simpson Adjust Stroke Edges" height="349" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart2.jpg" width="547" /> </p>
<p>	&nbsp;</p></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<h2><span class="aistep">Step 4:</span></h2>
<div>
	The next step with this layer is to arrange your Strokes from front to back until they appear as they do in the image file. <span class="aitool">Right-Click-&gt;Arrange</span> on a stroke or <span class="aitool">Left-Click,</span> then go up to the top menu and click <span class="aitool">Object-&gt;Arrange-&gt;Send to Back</span>. After you&rsquo;re done go ahead and lock this layer since we are done with it.</div>
<div>
<p>	<img alt="Arrange Layers From Front to Back" height="373" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart2a.jpg" width="615" /> </p>
<p>	&nbsp;</p></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<h2><span class="aistep">Step 5:</span></h2>
<div>
	Now we&rsquo;re going to create a <span class="aitool">New Layer</span> on top of the previous and make the shadows and highlights by tracing around them individually with the <span class="aitool">Pen Tool.</span></div>
<div>
<p>	<img alt="Trace Around Shadows and Highlights" height="297" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart2b.jpg" width="412" /> <br />
	&nbsp;</div>
<div>&nbsp;</div>
<div>Adjust the <span class="aitool">Fill Color</span> of each shape according to the Matt Groening&rsquo;s drawing. My shadows and highlights are shown below.</div>
<div>&nbsp;</div>
<div>
<p>	<img alt="Bart Simpson Highlights and Shadows" height="618" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/bart3.jpg" width="450" /> <br />
	&nbsp;</div>
<div>&nbsp;</div>
<div>When both of the layers are finished you should have a very nice Bart Simpson character which is scalable to any size. <br />
	&nbsp;</div>
<div class="end_result">&nbsp;</div>
<h2>Final Image:</h2>
<div class="end_result">&nbsp;</div>
<div class="end_result">
	<img alt="Bart Simpson" height="618" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 27/BartSimpson.jpg" width="450" /></div>
<p style="font-size: 20px;"><a href="http://1malaysia-innovation.com/zullee/TutsKingBart.zip#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed" title="Download Bart Image">Download AI Vector Bart Simpson</a></p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/creating-bart-simpson-vector-character-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OWL DiNG</title>
		<link>http://1malaysia-innovation.com/illustrator/owl-ding/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/owl-ding/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 03:49:47 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[illustrator tutorial]]></category>
		<category><![CDATA[OWL DiNG tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=788</guid>
		<description><![CDATA[Inspired by a pigeon living outside my bedroom window I thought one sleepless night how great it&#160;would&#160;be to have an owl. In this tutorial I&#8217;ll walk you through taking a pencil sketch into Illustrator and creating vector artwork. Then we&#8217;ll bounce over to Photoshop and add some details and give it a washed look.
&#160;
&#160;
&#160;
&#160;
&#160;
Step 1

	It&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<div>Inspired by a pigeon living outside my bedroom window I thought one sleepless night how great it&nbsp;would&nbsp;be to have an owl. In this tutorial I&rsquo;ll walk you through taking a pencil sketch into Illustrator and creating vector artwork. Then we&rsquo;ll bounce over to Photoshop and add some details and give it a washed look.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1><span><strong>Step 1</strong></span></h1>
<p><span><br />
	It&rsquo;s easiest if you start with a simple sketch of your design. It isn&rsquo;t worth it to get super detailed at this point, the sketch is mainly for reference. Next scan your sketch and place it in a new Illustrator file. Be sure to lock the image so it wont move around while you&rsquo;re working with it. Select the sketch and go to Object &gt; Lock &gt; Selection</span></p>
<p>&nbsp;</p>
<p><img alt="step01" class="alignnone size-full wp-image-220" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step01.jpg" title="step01" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 2</strong></span></h1>
<p><span>Next you can begin to outline your sketch using the pen tool. <em>(</em><em>I outline using a .25 stroke in cyan)</em></span></p>
<p>&nbsp;</p>
<p><img alt="step02" class="alignnone size-full wp-image-221" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step02.jpg" title="step02" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 3</strong></span></h1>
<p><span><br />
	Once you have entire shapes outlined, open the pathfinder pallet Window &gt; Pathfinder. You&rsquo;ll want to select all the shapes that you want to merge together and then press the <em>add to shape</em> button then press <em>expand</em>. Continue this process through your whole sketch. You may want to use the <em>direct select </em>tool to adjust shapes more precisely.</span></p>
<p>&nbsp;</p>
<p><img alt="step03" class="alignnone size-full wp-image-222" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step03.jpg" title="step03" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 4</strong></span></h1>
<p><span><br />
	<span>Now that you have all the shapes made you can begin to color your illustration.<em> (I go to </em></span><span><em><a href="http://www.colourlovers.com/" target="_blank">COLOURlovers</a></em></span><span><em> </em></span><span><em>to help find a great pallet to help with this step.)</em></span></span></p>
<p>&nbsp;</p>
<p><img alt="step04" class="alignnone size-full wp-image-223" height="427" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step04.jpg" title="step04" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><span style="font-style: normal;"><strong>Step 5</strong></span></span></h1>
<p><span><span style="font-style: normal;"><br />
	In this step you will be adding the outlines and strokes to the shapes to give them definition. Start by selecting a shape, then copy it, then paste it in place. This pastes the shape exactly on top of the previously copied shape. With the shape still selected send the shape behind by pressing </span>command [.<span style="font-style: normal;">&nbsp;Next go to Object &gt; Path &gt; Offset Path. You can use the values shown but you may find that different settings work better for your illustration. After you have offset the path you can press the &nbsp;</span>add to shape<span style="font-style: normal;"> button then </span>expand<span style="font-style: normal;"> like in Step 3. <br />
	</span></span></p>
<p>&nbsp;</p>
<p><img alt="step05" class="alignnone size-full wp-image-224" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step05.jpg" title="step05" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 6</strong></span></h1>
<p><span><br />
	Now that you have your new shape all you need to do is adjust the color to add variation . Add strokes to some of the shapes that are more simplistic. Include things like the body, wings, and feet then copy them and use the pathfinder to make one large shape to add an outline around the entire object. You will need to use this technique to add outlines around entire objects.<em>&nbsp;(Many times I&rsquo;ll add multiple outlines to create a more dramatic effect.)</em></span></p>
<p>&nbsp;</p>
<p><span><em><img alt="step06" class="alignnone size-full wp-image-225" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step06.jpg" title="step06" width="521" /></em></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1>&nbsp;</h1>
<h1><span><span style="font-style: normal;"><strong>Step 7</strong></span></span></h1>
<p><span><span style="font-style: normal;"><strong><br />
	<span style="font-weight: normal;">For the details such as the ones on the owl&rsquo;s wings, feet and eyes, you start by making two overlapping circles. Then use the pathfinder and press the <em>Subtract from shape</em> button then press <em>Expand. </em>This gives you a crescent shape. Then scale and position the shape appropriately and set the opacity <em>(I used 40% opacity)</em>.</span></strong></span></span></p>
<p>&nbsp;</p>
<p><img alt="step07" class="alignnone size-full wp-image-226" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step07.jpg" title="step07" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 8</strong></span></h1>
<p><span><strong><br />
	<span style="font-weight: normal;"><span style="font-style: normal;">This step shows the owl with all the details in place.</span></span></strong></span></p>
<p>&nbsp;</p>
<p><img alt="step08" class="alignnone size-full wp-image-227" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step08.jpg" title="step08" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong><span style="font-style: normal;">Step 9</span></strong></span></h1>
<p><span style="font-style: normal;"><br />
	<span style="font-weight: normal;">It&rsquo;s important at this point to start thinking about how your design will look on the different devices, e.g., phones, mp3 players, and game consoles. Since these devices are so different in shape it&rsquo;s essential to &ldquo;build in&rdquo; room to adjust the layout for each device. In my design I gave myself plenty of room to adjust the top <em>(clouds and moon)</em> and the bottom <em>(barn and hills)</em> I tied it all together with a huge gradient background. This means that no matter what the device looks like I can scale all the elements to fit.</span></span></p>
<p>&nbsp;</p>
<p><span><span style="font-style: normal;"><span style="font-weight: normal;"><img alt="step09" class="alignnone size-full wp-image-228" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step09.jpg" title="step09" width="521" /></span></span></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1>&nbsp;</h1>
<h1><span><strong>Step 10</strong></span></h1>
<p><span><br />
	Now place your other elements and adjust their scale and position.</span></p>
<p>&nbsp;</p>
<p><span><a href="http://dinglifeblog.com/wp-content/uploads/2009/04/step101.jpg"><img alt="step101" class="alignnone size-full wp-image-297" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step101.jpg" title="step101" width="521" /></a></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><span style="font-style: normal;"><strong>Step 11</strong></span></span></h1>
<p><span><span style="font-style: normal;"><br />
	<span style="font-weight: normal;">Now to add the shadows for the house and tree. Start with the pen tool and draw a rough outline of what the shadow should look like.</span></span></span></p>
<p>&nbsp;</p>
<div><span style="font-weight: normal;"><span style="font-style: normal;"><img alt="step111" class="alignnone size-full wp-image-230" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step111.jpg" title="step111" width="521" /></span></span></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 12</strong></span></h1>
<p><span><br />
	Next, use the <em>direct select </em>tool to adjust the shape. Once you have the general shape of your shadow, use the <em>add anchor point</em> tool to add more precise shadows, like the shadows cast from the doors.&nbsp; Pay attention to things like where your light source is in the illustration.</span></p>
<p>&nbsp;</p>
<p><img alt="step12" class="alignnone size-full wp-image-231" height="521" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step12.jpg" title="step12" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><strong>Step 13</strong></h1>
<p>&nbsp;</p>
<p><span>Add any extra details or embellishments for final touches to your piece <em>(I added some stylized swishes in the background. To create these I made one shape, duplicated it, and then varied the transparency).</em></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="font-style: normal;"><img alt="step13" class="alignnone size-full wp-image-232" height="160" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step13.jpg" title="step13" width="521" /></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 14</strong></span></h1>
<p><span><br />
	Now with the work done in Illustrator, it&rsquo;s time to move over to Photoshop.</span></p>
<p>&nbsp;</p>
<p><img alt="step14" class="alignnone size-full wp-image-233" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step14.jpg" title="step14" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 15</strong></span></h1>
<p><span><br />
	Create a new Photoshop document with these specs. Since the elements created in Illustrator are vector, you&rsquo;ll need to work with them rasterized in Photoshop. Starting big is always best when you&rsquo;re making DiNGS.</span></p>
<p><span><br />
	<img alt="step15" class="alignnone size-full wp-image-234" height="315" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step15.jpg" title="step15" width="511" /></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 16</strong></span></h1>
<p><span><br />
	Begin copying and pasting the elements from Illustrator to your new Photoshop document. When you paste be sure to select <em>pixels</em><em>&nbsp;(Some may argue to keep these smart objects but hold your horses, you&rsquo;ll see).</em> Continue this process for all the elements of the illustration.</span></p>
<p><span><br />
	<img alt="step16" class="alignnone size-full wp-image-235" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step16.jpg" title="step16" width="521" /></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 17</strong></span></h1>
<p><span><br />
	Next add drop shadows on the owl, moon, and clouds with a layer style.</span></p>
<p>&nbsp;</p>
<p><img alt="step17" class="alignnone size-full wp-image-236" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step17.jpg" title="step17" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 18</strong></span></h1>
<p><span><br />
	For the hills use an outer glow with these settings.</span></p>
<p>&nbsp;</p>
<p><img alt="step18" class="alignnone size-full wp-image-237" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step18.jpg" title="step18" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 19</strong></span></h1>
<p><span><br />
	To add a little depth to the illustration, use the <em>Burn</em> tool with a 300 pixel brush with the exposure set to 20.</span></p>
<p>&nbsp;</p>
<p><img alt="step19" class="alignnone size-full wp-image-238" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step19.jpg" title="step19" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 20</strong></span></h1>
<p><span><strong><br />
	</strong>To add the light spilling from the barn&rsquo;s door created a new layer and with a small brush paint in the yellow at 20% opacity. Then clean up the area around the door with the eraser tool with the hardness set to 100%</span></p>
<p>&nbsp;</p>
<p><img alt="step20" class="alignnone size-full wp-image-239" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step20.jpg" title="step20" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 21</strong></span></h1>
<p><span><br />
	Next it&rsquo;s on to the rising sun behind the hills. Create a new layer behind the hills and use a 1700 pixel soft brush with a darker yellow hue and click once to get the sun. Next use the move tool to position the sun behind the hills.</span></p>
<p>&nbsp;</p>
<p><img alt="step21" class="alignnone size-full wp-image-240" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step21.jpg" title="step21" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 22</strong></span></h1>
<p><span><br />
	Use the <em>custom shape</em> tool to make rays emitting from the sun. Make the shape super big <em>(I made mine twice the size of the document)</em>&nbsp;then center the burst around the sun.</span></p>
<p>&nbsp;</p>
<p><img alt="step22" class="alignnone size-full wp-image-241" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step22.jpg" title="step22" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 23</strong></span></h1>
<p><span><br />
	Next, rasterize the shape layer and use a large soft eraser to blend the ends of the rays into the background.</span></p>
<p>&nbsp;</p>
<p><img alt="step23" class="alignnone size-full wp-image-242" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step23.jpg" title="step23" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><strong>Step 24</strong></h1>
<p><strong><br />
	<span style="font-weight: normal;">To blend the rays even more into the illustration, set the blend mode screen and uncheck the black blend box.</span></strong></p>
<p>&nbsp;</p>
<p><img alt="step24" class="alignnone size-full wp-image-243" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step24.jpg" title="step24" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 25</strong></span></h1>
<p><span><br />
	To make the sky have some harsh contrast, create a new layer and add a black to transparent gradient. Don&rsquo;t gradient the entire document instead only drag the tool down about 1/3 of the entire document.</span></p>
<p>&nbsp;</p>
<p><img alt="step25" class="alignnone size-full wp-image-244" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step25.jpg" title="step25" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 26</strong></span></h1>
<p><span><br />
	To create the stars, I&rsquo;ll share a technique I learned years ago <em>(If I knew who to credit I would). </em>Start by creating a new layer and filling it with black. Next go to Filter &gt; Noise &gt; Add Noise..</span></p>
<p>&nbsp;</p>
<p><span><img alt="step26" class="alignnone size-full wp-image-245" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step26.jpg" title="step26" width="521" /></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 27</strong></span></h1>
<p><span><br />
	Now go to Filter &gt; Blur &gt; Gaussian Blur and set radius to around 120. Then press command L to adjust the levels. Set the histogram to look similar to this</span></p>
<p>&nbsp;</p>
<p><img alt="step27" class="alignnone size-full wp-image-246" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step27.jpg" title="step27" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 28</strong></span></h1>
<p><span><br />
	Set the layers blend mode to screen to make the black disappear. Next use the eraser tool with a diameter of about 30 pixels to erase some of the stars.</span></p>
<p>&nbsp;</p>
<p><img alt="step28" class="alignnone size-full wp-image-247" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step28.jpg" title="step28" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Step 29</strong></span></h1>
<p><span><br />
	To add a distressed look to the image download <a href="http://www.cgtextures.com/texview2.php?id=4727&amp;PHPSESSID=36c639254d336e5c1e89a5d54d2a5797" target="_blank"><span>plywood</span></a> and <a href="http://www.cgtextures.com/texview2.php?id=15478&amp;PHPSESSID=36c639254d336e5c1e89a5d54d2a5797%60" target="_blank"><span>concrete</span></a> textures. <em>(For more amazing high res textures check out </em><a href="http://www.cgtextures.com" target="_blank"><span><em>CGITextures.com</em></span></a><em>.)</em> Place the plywood on the topmost layer and the concrete above the wisps. For the plywood layer, set the opacity to 30% and the concrete layer to 25% opacity with both layers set to multiply mode.</span></p>
<p>&nbsp;</p>
<p><img alt="step29" class="alignnone size-full wp-image-248" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/step29.jpg" title="step29" width="521" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1><span><strong>Final Image</strong></span></h1>
<p><span><br />
	To see it&nbsp;super-sized&nbsp;click here.</span></p>
<p>&nbsp;</p>
<p><img alt="final" class="alignnone size-full wp-image-249" height="699" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 25/final.jpg" title="final" width="521" /></p>
<p>&nbsp;</p>
<p><span><strong><br />
	</strong></span></p>
<p>&nbsp;</p>
<p><strong><a href="http://www.dinglife.com/andreweveland.aspx"><br />
	</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/owl-ding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Cute Baby Seal</title>
		<link>http://1malaysia-innovation.com/illustrator/create-a-cute-baby-seal-with-illustrator/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/create-a-cute-baby-seal-with-illustrator/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 02:14:10 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Create a Cute Baby Seal with Illustrator]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=774</guid>
		<description><![CDATA[A simple tutorial to teach you how to create a super cute baby seal.
	&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
Final result
&#160;
This is what we will create, a baby seal in a familiar environment.
&#160;

	
&#160;
&#160;
Step 1: The eyes
Open a new document and set the artboard to whatever you want, I used 600px by 400px.
	Let&#8217;s draw the eyes.
	Draw the outline.

	
&#160;
Let&#8217;s add an ambient highlight. [...]]]></description>
			<content:encoded><![CDATA[<p>A simple tutorial to teach you how to create a super cute baby seal.<br />
	&nbsp;</p>
<p>&nbsp;</p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Final result</h3>
<p>&nbsp;</p>
<p>This is what we will create, a baby seal in a familiar environment.</p>
<p>&nbsp;</p>
<p>
	<img alt="final" class="aligncenter size-full wp-image-2418" height="399" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/final.jpg" title="final" width="599" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 1: The eyes</h3>
<p>Open a new document and set the artboard to whatever you want, I used 600px by 400px.<br />
	Let&rsquo;s draw the eyes.<br />
	Draw the outline.</p>
<p>
	<img alt="01-eye" class="aligncenter size-full wp-image-2441" height="204" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/01-eye.png" title="01-eye" width="204" /></p>
<p>&nbsp;</p>
<p>Let&rsquo;s add an ambient highlight. Make a copy of the eye shape then draw a big ellipse over it. Select both objects then click on Minus Front in the Pathfinder palette. This subtracts the big ellipse from the eye shape, leaving a moon-shaped swath. Make it white and lower the Opacity to 30%.</p>
<p>
	<img alt="02-draw-amb-highlight" class="aligncenter size-full wp-image-2442" height="589" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/02-draw-amb-highlight.png" title="02-draw-amb-highlight" width="442" /></p>
<p>&nbsp;</p>
<p>Now go to Effect &gt; Blur &gt; Gaussian Blur and choose 3 px.</p>
<p>
	<img alt="03-blur-highlight" class="aligncenter size-full wp-image-2444" height="415" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/03-blur-highlight.png" title="03-blur-highlight" width="529" /></p>
<p>&nbsp;</p>
<p>Let&rsquo;s add the main highlight. Just draw a white circle in the upper right corner of the eye.</p>
<p>
	<img alt="04-highlight" class="aligncenter size-full wp-image-2445" height="214" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/04-highlight.png" title="04-highlight" width="214" /></p>
<p>&nbsp;</p>
<p>Now draw a small black ellipse above the eye and to the right: it&rsquo;s the seal&rsquo;s funny looking eyebrow. Blur it a bit too.</p>
<p>
	<img alt="05-eyebrow" class="aligncenter size-full wp-image-2446" height="374" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/05-eyebrow.png" title="05-eyebrow" width="470" /></p>
<p>&nbsp;</p>
<p>The eye is done so copy and flip it over to the right. The main highlight must be moved back to the right of the eye of course. Also draw a vertical guide to mark the center of the seal&rsquo;s face.</p>
<p>
	<img alt="06-copy-eye" class="aligncenter size-full wp-image-2447" height="153" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/06-copy-eye.png" title="06-copy-eye" width="270" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 2: The nose</h3>
<p>Draw the right half of the nose, snapping it to the guide.</p>
<p>
	<img alt="07-half-nose" class="aligncenter size-full wp-image-2448" height="383" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/07-half-nose.png" title="07-half-nose" width="457" /></p>
<p>&nbsp;</p>
<p>Copy and flip it over to the left side, joining the points on the guide so you have a single path</p>
<p>
	<img alt="08-copy-nose" class="aligncenter size-full wp-image-2450" height="400" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/08-copy-nose.png" title="08-copy-nose" width="452" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="09-join-nose" class="aligncenter size-full wp-image-2449" height="396" src="http://www.cutelittlefactory.com/wp-content/uploads/2009/10/09-join-nose.png" title="09-join-nose" width="445" /></p>
<p>&nbsp;</p>
<p>The nose has a highlight too. Draw a big circle on top of it then combine it with a copy of the nose, like we did for the eye&rsquo;s ambient highlight. This time, though, use Intersect instead of Minus Front. Only the overlapping shape will be left.</p>
<p>
	<img alt="10-nose-highlight" class="aligncenter size-full wp-image-2453" height="428" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/10-nose-highlight.png" title="10-nose-highlight" width="586" /></p>
<p>&nbsp;</p>
<p>Finish the highlight off by making it 40% transparent and by blurring it a bit.</p>
<p>
	<img alt="11-highlight-transparent" class="aligncenter size-full wp-image-2454" height="425" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/11-highlight-transparent.png" title="11-highlight-transparent" width="570" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img alt="12-blur-highlight" class="aligncenter size-full wp-image-2452" height="432" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/12-blur-highlight.png" title="12-blur-highlight" width="577" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 3: The muzzle</h3>
<p>Now for the muzzle we want a comics feel to the lines. I have a tablet so I&rsquo;ll use the Brush Tool and control the brush&rsquo;s diameter with the pressure.</p>
<p>
	<img alt="13-set-up-brush" class="aligncenter size-full wp-image-2456" height="293" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/13-set-up-brush.png" title="13-set-up-brush" width="491" /></p>
<p>&nbsp;</p>
<p>If you don&rsquo;t have a tablet just use a brush tip that tapers to a point or create your own (I&rsquo;ll cover custom brushes later in this tutorial). Or you can simply draw a path that ends in a point. Draw the lip as a simple arc then copy and flip it to the other side of the guide.</p>
<p>
	<img alt="14-draw-lips" class="aligncenter size-full wp-image-2458" height="390" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/14-draw-lips.png" title="14-draw-lips" width="335" /></p>
<p>&nbsp;</p>
<p>Create the mouth by drawing a circle on top of the lips. Use the Scissors Tool to split it where it crosses the lips, then discard the unnecessary segment.</p>
<p>
	<img alt="15-draw-mouth" class="aligncenter size-full wp-image-2459" height="846" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/15-draw-mouth.png" title="15-draw-mouth" width="558" /></p>
<p>&nbsp;</p>
<p>The mouth must be a closed path, though, so duplicate the lips and split them where they meet the mouth. Then join the three paths into a single one.</p>
<p>
	<img alt="16-close-mouth" class="aligncenter size-full wp-image-2461" height="390" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/16-close-mouth.png" title="16-close-mouth" width="288" /></p>
<p>&nbsp;</p>
<p>We can now fill the mouth with a simple gradient.</p>
<p>
	<img alt="17-fill-mouth" class="aligncenter size-full wp-image-2460" height="385" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/17-fill-mouth.png" title="17-fill-mouth" width="329" /></p>
<p>&nbsp;</p>
<p>Finally let&rsquo;s draw the lower lip with a half-ellipse tapered at the ends, filled with black. Add a Drop Shadow effect too.</p>
<p>
	<img alt="18-lower-lip" class="aligncenter size-full wp-image-2462" height="783" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/18-lower-lip.png" title="18-lower-lip" width="439" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 4: The whiskers</h3>
<p>Draw a bunch of black circles or ellipses. Arrange them in a grid or some other pattern you like.</p>
<p>
	<img alt="19-dots" class="aligncenter size-full wp-image-2463" height="465" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/19-dots.png" title="19-dots" width="491" /></p>
<p>&nbsp;</p>
<p>Now create a rectangle on top of them and fill it with a white-to-black gradient.</p>
<p>
	<img alt="20-draw-opacity-mask" class="aligncenter size-full wp-image-2464" height="462" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/20-draw-opacity-mask.png" title="20-draw-opacity-mask" width="492" /></p>
<p>&nbsp;</p>
<p>Select both it and all the dots then click on the upper right corner of the Transparency palette and choose Make Opacity Mask from the drop-down menu. The opacity mask will make the dots fade out from the lip.</p>
<p>
	<img alt="21-make-opacity-mask" class="aligncenter size-full wp-image-2465" height="460" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/21-make-opacity-mask.png" title="21-make-opacity-mask" width="487" /></p>
<p>&nbsp;</p>
<p>Copy and flip them to the other side.</p>
<p>
	<img alt="22-copy-dots" class="aligncenter size-full wp-image-2466" height="274" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/22-copy-dots.png" title="22-copy-dots" width="235" /></p>
<p>&nbsp;</p>
<p>I think we should scale down the muzzle to make the seal look more like a baby.</p>
<p>
	<img alt="23-scale-down-muzzle" class="aligncenter size-full wp-image-2467" height="254" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/23-scale-down-muzzle.png" title="23-scale-down-muzzle" width="240" /></p>
<p>&nbsp;</p>
<p>Let&rsquo;s create a custom brush to paint the whiskers with.<br />
	Draw an ellipse then hit Shift+C to select the Convert Anchor Point Tool and click on the far right point.</p>
<p>
	<img alt="24-draw-ellipse" class="aligncenter size-full wp-image-2470" height="212" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/24-draw-ellipse.png" title="24-draw-ellipse" width="496" /></p>
<p>&nbsp;</p>
<p>Move the top and bottom points over to the left. This is the shape of our brush: it starts round then it tapers to a point.</p>
<p>
	<img alt="25-brush-shape" class="aligncenter size-full wp-image-2472" height="81" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/25-brush-shape.png" title="25-brush-shape" width="493" /></p>
<p>&nbsp;</p>
<p>Drag the shape into the Brushes palette. From the pop-up dialog choose New Art Brush and set its properties like in the next image.</p>
<p>
	<img alt="26-art-brush" class="aligncenter size-full wp-image-2473" height="540" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/26-art-brush.png" title="26-art-brush" width="495" /></p>
<p>&nbsp;</p>
<p>With this brush you can paint the lips in the previous step if you don&rsquo;t have a tablet. Now use it to paint whiskers growing out of the black dots. Variation is good, don&rsquo;t make them symmetrical.</p>
<p>
	<img alt="27-draw-whiskers" class="aligncenter size-full wp-image-2474" height="1562" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/27-draw-whiskers.png" title="27-draw-whiskers" width="459" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 5: The head</h3>
<p>In this step I&rsquo;ll introduce an easy technique you can use to quickly render round objects when realism isn&rsquo;t the priority. We&rsquo;ll use it to shade the head, the body and the flippers.<br />
	The head is a simple ellipse. Fill it with a vertical, medium-to-dark gray linear gradient. We make the top lighter because it&rsquo;s lit from above.</p>
<p>
	<img alt="28-draw-head" class="aligncenter size-full wp-image-2476" height="395" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/28-draw-head.png" title="28-draw-head" width="421" /></p>
<p>&nbsp;</p>
<p>Now create a smaller copy and fill it with white. Apply a generous amount of Gaussian Blur and voila: instant shading. As you can see the bottom of the head is darker than the top to imply shadows. This is <em>very</em> basic shading but it gets the job done.</p>
<p>
	<img alt="29-complete-head" class="aligncenter size-full wp-image-2477" height="1088" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/29-complete-head.png" title="29-complete-head" width="558" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 6: The body</h3>
<p>With the method explained above draw and shade the body.</p>
<p>
	<img alt="30-draw-body" class="aligncenter size-full wp-image-2478" height="1293" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/30-draw-body.png" title="30-draw-body" width="595" /></p>
<p>&nbsp;</p>
<p>The head casts a shadow onto the body.<br />
	Make a copy of the head&rsquo;s bottom ellipse, the dark one, and select Send To Back from the Object &gt; Arrange menu (Shift+Cmd+[). Move it down and to the right by a small amount. Blur it then set it to Multiply mode, 75% Opacity.</p>
<p>
	<img alt="31-head-shadow" class="aligncenter size-full wp-image-2480" height="959" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/31-head-shadow.png" title="31-head-shadow" width="590" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 7: The flippers</h3>
<p>Draw and shade the flippers with our quick method. The seal is finished. Isn&rsquo;t it cute?</p>
<p>
	<img alt="32-draw-flippers" class="aligncenter size-full wp-image-2483" height="470" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/32-draw-flippers.png" title="32-draw-flippers" width="444" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 8: The environment</h3>
<p>Now that the seal is complete you can finish the illustration off by adding an Arctic environment of your choice. I won&rsquo;t give you detailed instructions here because I want to leave you some creative freedom. If you work in a design agency I know you need it real bad!</p>
<p>&nbsp;</p>
<p>Here&rsquo;s an overview of how I created my (admittedly simple) environment anyway.<br />
	The ocean and the sky are created with linear gradients, the floating ice platforms are simple white paths. Their thickness is filled with horizontal white and blue gradients (white where the ice is lit, blue where it&rsquo;s in shadow). The iceberg is a simple white path with blue patches to simulate cracks and crevices. All reflections are created by duplicating the items, flipping them vertically and lowering their opacity. That&rsquo;s it.</p>
<p>
	<img alt="final" class="aligncenter size-full wp-image-2418" height="399" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 24/final.jpg" title="final" width="599" /></p>
<h3>&nbsp;</h3>
<h3>Conclusion</h3>
<p>We have created a fun character using very basic techniques. Sometimes that&rsquo;s all you need.<br />
	You can <a href="http://1malaysia-innovation.com/download/baby-seal.rar#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">download my source file</a> (AI CS4 format) to take a peek at how I did it. Play around with it and maybe give our baby seal a proper family!<br />
	As usual fire away any questions in the comments. Praise is welcome too&hellip;<br />
	And if you liked this tutorial don&rsquo;t forget to:</p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/create-a-cute-baby-seal-with-illustrator/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sketch To Vector – Bird</title>
		<link>http://1malaysia-innovation.com/illustrator/sketch-to-vector-%e2%80%93-bird/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/sketch-to-vector-%e2%80%93-bird/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 02:31:10 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[illustrator tutorial]]></category>
		<category><![CDATA[Sketch To Vector – Bird]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=784</guid>
		<description><![CDATA[Today I am going to illustrate a bird from sketch to vector.
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;

&#160;
&#160;
&#160;
&#160;
&#160;
This is my sketch:-
&#160;
&#160;
&#160;

&#160;
&#160;
This is the more detail hand drawing:-
&#160;

&#160;
&#160;
Step 1
Here we start the process. Scan the artwork into your pc. Open a new document with RGB color mode. Go to file &#62; Place. Place the artwork on the stage. Reduce the opacity to [...]]]></description>
			<content:encoded><![CDATA[<div>Today I am going to illustrate a bird from sketch to vector.</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img">&nbsp;</div>
<div class="tut-img"><img class="border" height="250" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/0.gif" width="400" /></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>This is my sketch:-</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/draft.gif" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>This is the more detail hand drawing:-</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" height="163" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/detail.gif" width="166" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 1</h3>
<p>Here we start the process. Scan the artwork into your pc. Open a new document with RGB color mode. Go to <strong>file &gt; Place</strong>. Place the artwork on the stage. Reduce the <strong>opacity to 50% and lock the layer</strong>.</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/1.gif" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 2</h3>
<p><strong>Create a new layer</strong> and move it below the artwork. Rename it as <strong>feather</strong>. We start with the feather because it is at the <strong>backward of all part</strong> for the &acirc;&euro;&tilde;bird&acirc;&euro;&trade;. Start illustrates and fills it with <strong>black color</strong>. You will get this:-</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/2.gif" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 3</h3>
<p>Secondly, <strong>create a new layer</strong> and rename it as <strong>body</strong>. Draw the white feather as it is just above the feather layer. Sure, fill it with white color.</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/3.gif" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 4</h3>
<p><strong>Create a new layer</strong>, name it as <strong>mouth</strong>. Draw out the mouth and set the gradient as shown below:-</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" height="250" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/4.gif" width="400" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 5</h3>
<p>This is the process to draw out the eyes. Still, <strong>create a new layer</strong> and name it as <strong>eyes</strong>. You need to use the <strong>pathfinder</strong> for this part:-</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" height="250" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/5.gif" width="400" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 6</h3>
<p>after all, you will get this:-</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/6.gif" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 7</h3>
<p>This part will be a bit more difficult but still using the same technique.<strong> Create a new laye</strong>r and rename it as <strong>leg</strong>. Simply follow the steps shown below. You may also use your own color for this part.</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/7.gif" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 8</h3>
<p>Lastly, <strong>create a new layer</strong> and draw out the <strong>tree</strong>. Put this <strong>below the legs layer</strong>.</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/8.gif" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 9</h3>
<p>To make it look more real. <strong>Simply create a new layer</strong> and draw out the shadow for each part that you think is necessary.</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/9.gif" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 10</h3>
<p>Here is it! Cheers! Hope you enjoy this. Any question, simply email me or leave a comment here. Thanks!</p>
<p>&nbsp;</p>
<div class="tut-img"><img class="border" height="250" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 23/10.gif" width="400" /></div>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Tips:</h3>
<ul>
<li>Differentiate each part with different layers and rename it properly. You can modify or enhance the work easier and in a better way.</li>
<li><strong>CTRL + C</strong> to copy</li>
<li><strong>CTRL + F</strong> to paste in front in same position</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/sketch-to-vector-%e2%80%93-bird/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating convincing characters</title>
		<link>http://1malaysia-innovation.com/illustrator/creating-convincing-characters/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/creating-convincing-characters/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 01:47:53 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Creating convincing characters]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=792</guid>
		<description><![CDATA[The ability to dream up and design cool, dynamic people is a good skill for any graphic designer to have under their belt, whether you&#8217;re basing whole graphic novels around them or just using them to add a quirky twist to flyers or T-shirt designs.Character design is a great chance to really let your imagination [...]]]></description>
			<content:encoded><![CDATA[<p>The ability to dream up and design cool, dynamic people is a good skill for any graphic designer to have under their belt, whether you&rsquo;re basing whole graphic novels around them or just using them to add a quirky twist to flyers or T-shirt designs.Character design is a great chance to really let your imagination run wild &ndash; the sky&rsquo;s the limit. In this tutorial, you&rsquo;ll learn some basic skills for converting your character from a pencil doodle to a complete, fully-coloured image &ndash; learning some crucial Illustrator skills along the way.</p>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<p><img alt="" border="0" height="247" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/p_hen.jpg" width="350" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/step1.jpg" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">01. The best way to begin creating a character is with pencil and paper. Doodle your ideas, keeping your mind open: the results will speak for themselves. When developing your character, don&rsquo;t force it, let it emerge naturally: think of personality and even names. Try not to make any of these elements overly &lsquo;wacky&rsquo; for the sake of it. Think of a way to further intensify emotion and expression &ndash; one of my personal stamps is that I rarely give my characters large or distinctive mouths, thus emphasizing their eyes.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="267" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step2.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">02. Once you have developed a character, a great way to express their personality is to imagine a scenario that depicts a sense of narrative. My character is a bit punky, so to further emphasize this, I have developed a little scene where she is disrupting a peaceful scene. Another great way to emphasize your character is to place them in a scene that contrasts with their personality.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step3.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">03. Once you&rsquo;re happy with your character, scan in your sketch and open it in Photoshop. Go to Image &gt; Adjustments &gt; Levels and adjust the slider to correct the white to black pixel levels. Save the image, and open it in Illustrator (If you&rsquo;re not using your own sketch, open up sketch.jpg from the CD).</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step4.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">04. Before starting to transform your sketch into vector graphics, get to grips with the Pen tool (P), as this will allow you to remain faithful to the flow of your drawing. Start by placing a point on your canvas with the pen. Now decide where you want your curve to end, place your next point in the mid point of your curve and gently pull to manipulate an arc &ndash; when you plot the next point, the curve should complete naturally.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step5.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">05. Create a new layer above your sketch, and name it Head. Start by plotting points around the character&rsquo;s eye to faithfully represent your drawing, next use the Shape tool to draw a circle representing the pupil. Now copy the white of the eye shape (Ctrl/Cmd+C) and paste it in front of the circle (Ctrl/Cmd+F) Select both shapes and make a clipping mask to conceal the overspill of the circle (Ctrl/Cmd+7).</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step6.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">06. Some elements of the illustration can be quite fiddly with the pen tool alone &ndash; for this sort of areas, brushes are a superb way of creating a flowing vector form. Draw a circle using the Shape tool and use the Direct Selection tool (A) to highlight one of the side anchor points. While holding Shift, gently pull in the opposite direction to create a tearshape. Select the new shape and drag it into the Brushes menu; highlight New Art-Brush. Experiment with a few different shapes, and create several brushes for different details.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step7.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">07. Return to the Head layer and, using the Pen tool, plot a single flowing line that follows the curvature of the eyebrow or lashes. With the line selected, choose your custom brush and you should have a freeflowing shape that represents the eyebrow. With the eyebrow selected, go to Object &gt; Expand Appearance &ndash; this will convert your path into an editable vector shape.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step8.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">08. To recreate the character&rsquo;s trademark flowing arms, follow Step 7&rsquo;s brush technique. Select the Pen tool and start tracing the character&rsquo;s hand, blending it into the shape of the arm. Select both the arm and the hand shapes, go to Window &gt; Pathfinder and in the pathfinder window click the Add to Shape Area option. Go to Object &gt; Expand Appearance to finalize the arm and hand shape.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step9.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">09. Using all of the above techniques, finish tracing out your composition, keeping as many elements on separate layers as possible. The main advantage of using the computer is that you are free to start making subtle changes to improve your final composition. I have altered the main character making her more prominent, and enhanced the sense of flow by altering her posture slightly.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step10.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">10. Now it&rsquo;s time to give the composition some extra pop by adding shading. Select a shape in your composition &ndash; in this case I&rsquo;m using the head &ndash; copy and paste it in front of the original shape and change its colour to black. Paste the shape in front once again, select the Transform tool (E) and rotate the shape until you leave a crescent to the left, select both shapes, and select the Subtract from Shape Area option in the Pathfinder palette. Go to Object &gt; Expand Appearance and reduce the opacity to around 10 per cent.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step11.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">11. Certain elements will require different shading technique. Select a more complex shape &ndash; in this instance I&rsquo;m going to use the secondary character&rsquo;s hair. Select the Pen tool, and following where your shadow will fall on the hair, plot a path accurately along the inside, ensuring there is a decent overflow on the outside, copy the hair shape and paste it in front of your shadow path. Select both shapes and make a clipping mask (Ctrl/Cmd+7). Reduce the opacity to around 10 per cent.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step12.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">12. Once the shading is complete it&rsquo;s time to think about colour: when choosing colour, think of the type of scene and the characters&rsquo; personalities, and how colour will communicate this. Since this scene has a serene environment, a cooler palette is needed. Start by choosing a main colour (in this instance a greenish hue), select a few harmonious colours and work within this range.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step13 copy.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">13. Gradients are a great way of emphasizing colour and tone, although they&rsquo;re best used sparingly. Select the rectangle that represents the sky, and select your main hue to colour it. Click the Gradient swatch in the Colour palette and set to 90&ordm;. It is greyscale by default, so in the Colour palette drag the small swatch that shows your original colour into both ends of the slider, now lighten one side to a complementary light green or yellow.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" height="219" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step14.jpg" width="350" /></div>
<div class="inlineimage">&nbsp;</div>
<div class="inlineimage">14. Select the clouds shape and repeat Step 13, this time setting the gradient orientation to -90&ordm; and setting the opacity to around 40 per cent; set the blending mode to Screen in the Opacity palette. Repeat this process for the lake beneath to create a reflection effect, further reducing the opacity.</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="inlineimage"><img alt="" border="0" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 22/Step15.jpg" /></div>
<p>&nbsp;</p>
<p>15. To add extra pop to the image and emphasize the key character, choose a range of colours that, while complementing the scene, really stand out. For the character I have coloured the hair pink: not only is this relevant to the look of the character, it also makes her stand out. Remember, stronger colours bring things forward, and cooler colours send things back positionally.</p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/creating-convincing-characters/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design a Cute Avatar</title>
		<link>http://1malaysia-innovation.com/illustrator/design-a-cute-avatar/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/design-a-cute-avatar/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 03:20:00 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Design a Cute Avatar]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=780</guid>
		<description><![CDATA[Going through my sketchbook I noticed I&#8217;ve been drawing cute characters lately. Where is all this cuteness coming from? Probably from an exciting job I&#8217;m doing right now. Anyways I picked one of the characters for a tutorial so here it goes.
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
&#160;
Final result
&#160;
&#160;
Behold the dynamic cuteness this rodent oozes!

	
&#160;
&#160;
Step 1: The body
Draw the main body [...]]]></description>
			<content:encoded><![CDATA[<div>Going through my sketchbook I noticed I&rsquo;ve been drawing cute characters lately. Where is all this cuteness coming from? Probably from an exciting job I&rsquo;m doing right now. Anyways I picked one of the characters for a tutorial so here it goes.</div>
<p>&nbsp;</p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Final result</h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Behold the dynamic cuteness this rodent oozes!</p>
<p>
	<img alt="Hamster" class="alignnone size-full wp-image-3039" height="640" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/Hamster.jpg" title="Hamster" width="640" /></p>
<p>&nbsp;</p>
<h3>&nbsp;</h3>
<h3>Step 1: The body</h3>
<p>Draw the main body shape with a circle then squash the top a bit.</p>
<p>
	<img alt="01-body-shape" class="aligncenter size-full wp-image-3060" height="411" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/01-body-shape.png" title="01-body-shape" width="434" /></p>
<p>&nbsp;</p>
<p>Fiil the shape with a brown gradient to obtain some roundness.</p>
<p>
	<img alt="02-gradient" class="aligncenter size-full wp-image-3061" height="640" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/02-gradient.jpg" title="02-gradient" width="460" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 2: The pot belly</h3>
<p>Take a copy of the shape and move it down. Set it to Screen mode.</p>
<p>
	<img alt="03-belly" class="aligncenter size-full wp-image-3063" height="1093" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/03-belly.jpg" title="03-belly" width="518" /></p>
<p>&nbsp;</p>
<p>Now crop it using a clipping mask. Move the gradient up so the bottom is darker.</p>
<p>
	<img alt="04-adjust-gradient" class="aligncenter size-full wp-image-3064" height="1392" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/04-adjust-gradient.jpg" title="04-adjust-gradient" width="518" /></p>
<p>&nbsp;</p>
<p>We are satisfied with the belly now so let&rsquo;s flatten it to a single object. Select it (it&rsquo;s a group) then click the first icon in the Pathfinder to get rid of the clipping mask.</p>
<p>
	<img alt="05-flatten-belly" class="aligncenter size-full wp-image-3065" height="98" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/05-flatten-belly.png" title="05-flatten-belly" width="214" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 3: The tail</h3>
<p>The tail is a simple triangle. Place it behind the body and shade it with the appropriate brown gradient. Make sure the darker shade is at the top to simulate a shadow cast from the body.</p>
<p>
	<img alt="06-tail" class="aligncenter size-full wp-image-3069" height="872" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/06-tail.jpg" title="06-tail" width="422" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 4: The nose</h3>
<p>The nose is a triangle, too, but add a point at its top and move it up. Hit Shift+C to select the Convert Point Tool then click-drag the point to turn it into a smooth node. This time make the bottom darker to simulate light coming from the top.</p>
<p>
	<img alt="07-nose" class="aligncenter size-full wp-image-3071" height="733" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/07-nose.jpg" title="07-nose" width="518" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 2: The lips</h3>
<p>Draw the right lip with a simple path. Load the Artistic Ink brushes and select the tapered one. It looks too fat!</p>
<p>
	<img alt="08-lip" class="aligncenter size-full wp-image-3072" height="902" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/08-lip.png" title="08-lip" width="402" /></p>
<p>&nbsp;</p>
<p>Click on the Properties icon at the bottom of the Brushes palette. Reduce the Width until the lip is thin enough. When you&rsquo;re satisfied mirror the other one.</p>
<p>
	<img alt="09-lip-finished" class="aligncenter size-full wp-image-3074" height="1126" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/09-lip-finished.jpg" title="09-lip-finished" width="489" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 6: The giant teeth</h3>
<p>While drawing the teeth I noticed the nose needed a highlight: it&rsquo;s a white ellipse with some blur applied (Effect &gt; Blur &gt; Gaussian Blur). The teeth are made with a simple path. Next draw a vertical line straight down from the lips. Apply the tapered brush to it.</p>
<p>
	<img alt="10-teeth" class="aligncenter size-full wp-image-3083" height="891" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/10-teeth.jpg" title="10-teeth" width="500" /></p>
<p>&nbsp;</p>
<p>Add a light gray-to-white gradient to the teeth. Offset them to create a smaller copy. Modify the copy&rsquo;s gradient as in the next image: light gray-white-light gray. Finally go to Effect &gt; Stylize &gt; Feather and blur the copy&rsquo;s edges to blend it with the main teeth.</p>
<p>
	<img alt="11-teeth-shading" class="aligncenter size-full wp-image-3084" height="1740" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/11-teeth-shading.jpg" title="11-teeth-shading" width="402" /></p>
<p>&nbsp;</p>
<p>Adding a shadow to the teeth is easy. Make a smaller copy and move it behind. Make sure it&rsquo;s dark brown. Apply a good amount of Blur and reduce the opacity to about 60%.</p>
<p>
	<img alt="12-teeth-shadow" class="aligncenter size-full wp-image-3086" height="1204" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/12-teeth-shadow.jpg" title="12-teeth-shadow" width="434" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 7: The mouth</h3>
<p>Draw the shape for the mouth and fill it with a brown gradient. Fade it out by setting the bottom spot&rsquo;s opacity to 0%.</p>
<p>
	<img alt="13-mouth" class="aligncenter size-full wp-image-3088" height="1234" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/13-mouth.jpg" title="13-mouth" width="438" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 8: Adding glow</h3>
<p>Simulate ambient reflections by adding an Inner Glow effect to both the nose and the body. You can find it in the Effect menu under the Stylize group.</p>
<p>
	<img alt="14-glow" class="aligncenter size-full wp-image-3090" height="884" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/14-glow.jpg" title="14-glow" width="456" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 9: The eyes</h3>
<p>Create the right eye with a simple ellipse. Go to Effect &gt; Warp &gt; Arc and bend the eye upward. This is what makes the hamster smile!<br />
	When happy with the results go to Edit &gt; Expand. Fill the eye with the same two-tone brown gradient we used before. Mirror the other eye.<br />
	If you take a close look at small animals (and their counterparts in comics) you will notice that their facial features are small compared to the head. So the big trick is: scale down all facial features (eyes, nose, lips, mouth and teeth) for extra cuteness.</p>
<p>
	<img alt="15-eyes" class="aligncenter size-full wp-image-3091" height="2055" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/15-eyes.jpg" title="15-eyes" width="518" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 10: The ears</h3>
<p>Create the right ear with a circle filled with a brown gradient. The inside is just a smaller, lighter circle. Mirror both circles over to the left.</p>
<p>
	<img alt="16-ears" class="aligncenter size-full wp-image-3095" height="1350" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/16-ears.jpg" title="16-ears" width="440" /></p>
<p>&nbsp;</p>
<p>Move the outer, daker circles behind the body and select all three objects. Join them by clicking on the first icon in the Pathfinder palette. The body and the ears are now one single shape. Notice how the glow effect correctly surrounds the ears.<br />
	Just blur the inner, lighter circles to blend them with the main body.</p>
<p>
	<img alt="17-ear-attached" class="aligncenter size-full wp-image-3096" height="1364" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/17-ear-attached.jpg" title="17-ear-attached" width="430" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Step 11: The paws</h3>
<p>Using the same method create the paws and attach them to the body. I also rounded the tip of the tail but that&rsquo;s to your discretion. The hamster is finished.</p>
<p>
	<img alt="18-paws" class="aligncenter size-full wp-image-3097" height="900" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/18-paws.jpg" title="18-paws" width="518" /></p>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<h3>Conclusion</h3>
<p>To complete the avatar create the appropriate background. Mine is a simple three-tone gradient with white soft wakes about the hind paws and tail. I&rsquo;m sure you can come up with something better. The idea is to make the avatar dynamic. It&rsquo;s the least you can do after inflating the hamster, don&rsquo;t you think?</p>
<p>
	<img alt="Hamster" class="aligncenter size-full wp-image-3039" height="640" src="http://1malaysia-innovation.com/wp-content/uploads/image/illustrator 21/Hamster.jpg" title="Hamster" width="640" /></p>
<p>Stay tuned because I&rsquo;ll release the hamster in an icon set very soon. And if you liked the character and the tutorial please share them. Link love is good for ya!</p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/design-a-cute-avatar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Happy Sun Character</title>
		<link>http://1malaysia-innovation.com/illustrator/create-a-happy-sun-character/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://1malaysia-innovation.com/illustrator/create-a-happy-sun-character/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 04:23:19 +0000</pubDate>
		<dc:creator>zullee</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Create a Happy Sun Character]]></category>
		<category><![CDATA[illustrator tutorial]]></category>

		<guid isPermaLink="false">http://1malaysia-innovation.com/?p=771</guid>
		<description><![CDATA[Well, it&#8217;s Blog Action Day 2009 today and the topic is Climate Change. So I decided to create a fun sun character tutorial. This intermediate tutorial is great for logos, children illustrations, and other projects relating to climate change. Moreover, you can easily apply this tutorial to other illustrations, logos, and projects!
&#160;
&#160;
&#160;
&#160;
Blog Action Day Day [...]]]></description>
			<content:encoded><![CDATA[<p>Well, it&rsquo;s <a href="http://www.blogactionday.org/">Blog Action Day 2009</a> today and the topic is Climate Change. So I decided to create a fun sun character tutorial. This intermediate tutorial is great for logos, children illustrations, and other projects relating to climate change. Moreover, you can easily apply this tutorial to other illustrations, logos, and projects!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3 class="step">Blog Action Day Day 2009: Climate Change</h3>
<p>Climate change is an important issue that affects everyone on this planet. If you are reading this, you are probably a designer, illustrator, or involved in these industries in some way. Being part of these industries, we have a unique responsibility to visually communicate issues such as climate change. That makes it fun an easy to spread the word about climate change through artwork like in this tutorial. Even if you are not part of the design industry, you can learn more about climate change form the <a href="http://www.blogactionday.org/">Blog Action Day site</a>.</p>
<p><a href="http://www.blogactionday.org/"><img alt="Blog Action Day 2009: Climate Change" class="new_post_img" height="75" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/bad.jpg" title="Blog Action Day 2009: Climate Change" width="600" /></a></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Final Image</h3>
<p>Below is the final illustration we will be working towards.</p>
<p><img alt="Final Image" class="new_post_img" height="570" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_final.jpg" title="Final Image" width="600" /></p>
<h3 class="step">Tutorial Details</h3>
<ul class="tut_list">
<li class="item">Program : Adobe Illustrator CS4 (tutorial can be completed with other version of Illustrator)</li>
<li class="item">Difficulty: Intermediate</li>
<li class="item">Estimated Completion Time: 30 minutes &ndash; 1 hour</li>
</ul>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 1</h3>
<p>Create a new document and with the Ellipse tool (L), create an ellipse.</p>
<p>&nbsp;</p>
<p><img alt="Step 1" class="new_post_img" height="424" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_01.jpg" title="Step 1" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<p>&nbsp;</p>
<h3 class="step">Step 2</h3>
<p>Fill the ellipse with a radial gradient from the Gradient panel. In the Gradient panel, change the first color stop in the gradient to a light orange color and change the second color stop to a orange color. Next, from the Gradient panel, select your first light orange color stop and change the Location to 43. Select the Middlepoint on the Gradient Slider and change the location to 60. With the Gradient tool (G) move the center of the gradient slightly up and to the right.</p>
<p>&nbsp;</p>
<p><img alt="Step 2" class="new_post_img" height="2147" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_02.jpg" title="Step 2" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 3</h3>
<p>Create a new ellipse and fill it with a radial gradient. Make the first color stop in the gradient white and the second color stop a light gray color. Change the location of the gradient&rsquo;s Middlepoint to 87.</p>
<p>&nbsp;</p>
<p><img alt="Step 3" class="new_post_img" height="1231" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_03.jpg" title="Step 3" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 4</h3>
<p>Create a new smaller ellipse in the center and to the right of the previous ellipse. Fill the ellipse with a radial gradient with the first color stop a light cyan color and the second color stop a dark cyan color. Change the location of the gradient&rsquo;s Middlepoint to 87.</p>
<p>&nbsp;</p>
<p><img alt="Step 4" class="new_post_img" height="1217" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_04.jpg" title="Step 4" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 5</h3>
<p>Create another ellipse in the center of the previous ellipse and fill it with black. Next, create two other smaller white ellipses and place them over the black ellipse. Now we have an eye!</p>
<p>&nbsp;</p>
<p><img alt="Step 5" class="new_post_img" height="877" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_05.jpg" title="Step 5" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 6</h3>
<p>Select the white eye ellipse, Copy (Command + C), and Paste in Back (Command + B). With the copy still selected, move it up slightly. Change the fill of the ellipse to a dark orange color. Select the white ellipse again, Copy (Command + C), and Paste in Back (Command + B). This time, move the copy down slightly and change the color to a light yellow color.</p>
<p>&nbsp;</p>
<p><img alt="Step 6" class="new_post_img" height="2047" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_06.jpg" title="Step 6" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 7</h3>
<p>Select all the eye shapes, Copy (Command + C), and Paste in Front (Command + F). With the copies selected, move them to the right of the main ellipse shape and scale down slightly with the Selection tool (V).</p>
<p>&nbsp;</p>
<p><img alt="Step 7" class="new_post_img" height="776" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_07.jpg" title="Step 7" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 8</h3>
<p>With the Rectangle tool (M) create an rectangle about the width of the eye shape and about a fourth of it&rsquo;s height.</p>
<p>&nbsp;</p>
<p><img alt="Step 8" class="new_post_img" height="436" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_08.jpg" title="Step 8" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 9</h3>
<p>Go Effects &gt; Stylize &gt; Round Corners and in the Round Corners dialog, change the radius to 10 px. The radius might change depending on dimension of your artwork. Just play around until you get something similar to the preview image below. Next, go Object &gt; Expand Appearance.</p>
<p>&nbsp;</p>
<p><img alt="Step 9" class="new_post_img" height="426" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_09.jpg" title="Step 9" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 10</h3>
<p>Go Effects &gt; Warp &gt; Arch. With the Warp Options dialog open, make sure the Horizontal radial button in selected, change the Bend percentage to 25, and change the Horizontal Distortion to 40. Next, go Object &gt; Expand Appearance.</p>
<p>&nbsp;</p>
<p><img alt="Step 10" class="new_post_img" height="525" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_10.jpg" title="Step 10" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 11</h3>
<p>Change the fill of the warped shape to a linear gradient. Make the first color stop in the gradient a red-brown color and the second color stop a dark red-brown color. With the Gradient tool (G) adjust the gradient so the darker part of the gradient is at the bottom of the shape.</p>
<p>&nbsp;</p>
<p><img alt="Step 11" class="new_post_img" height="869" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_11.jpg" title="Step 11" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 12</h3>
<p>Copy (Command + C) the eyebrow shape and Paste in Back (Command + B). With the copy selected, move it down and to the left slightly. Change the fill of the copy to a dark orange.</p>
<p>&nbsp;</p>
<p><img alt="Step 12" class="new_post_img" height="858" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_12.jpg" title="Step 12" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 13</h3>
<p>With both eyebrow shapes selected, rotate them to the left slightly with the Selection tool (V). Copy (Command + C) the eyebrow shapes and Paste in Front (Command + F). With the copy selected, go Object &gt; Transform &gt; Reflect. In the reflect dialog, select the Vertical radial button and press OK. Next, move the copies to the other side of the face above the other eye. Select the dark orange shadow of the copies and move it the left side of the eyebrow.</p>
<p>&nbsp;</p>
<p><img alt="Step 13" class="new_post_img" height="2041" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_13.jpg" title="Step 13" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 14</h3>
<p>Create an ellipse about the size of one of the eyes and place it in-between the eyes towards the bottom.</p>
<p>&nbsp;</p>
<p><img alt="Step 14" class="new_post_img" height="384" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_14.jpg" title="Step 14" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 15</h3>
<p>Fill the new ellipse with a radial gradient. For this gradient we are going to add one more color stop, making a total of three color stops in the gradient. To do this, click in the middle of the Gradient Slider in the Gradient panel. Next, change the first color stop to a lighter orange color than your original light orange from the main sun shape, change the middle color stop to the same orange color as the main sun body shape, and change the last color stop to the same light orange as the main sun shape. Change the first Middlepoint of the first two color stop to 65. Finally, with the Gradient tool (G), scale the gradient so the center of the gradient is in the top right corner of the ellipse.</p>
<p>&nbsp;</p>
<p><img alt="Step 15" class="new_post_img" height="2340" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_15.jpg" title="Step 15" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 16</h3>
<p>Copy (Command + C) the nose shape and Paste in Back (Command + B). With the Direct Selection tool (A) grab the bottom anchor point and drag in down and to the left, creating a shadow.</p>
<p>&nbsp;</p>
<p><img alt="Step 16" class="new_post_img" height="859" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_16.jpg" title="Step 16" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 17</h3>
<p>Create an ellipse about half the size of the main sun shape. Draw a rectangle covering the top half of the ellipse. Select both shapes and press the Minus Front button in the Pathfinder panel.</p>
<p>&nbsp;</p>
<p><img alt="Step 17" class="new_post_img" height="1064" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_17.jpg" title="Step 17" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 18</h3>
<p>Fill the new mouth shape with a linear gradient with the first color stop a red-brown color and the second color stop a darker red-brown color. With the Gradient tool (G) adjust the gradient bottom up so the darker part of the gradient is at the top of the mouth.</p>
<p>&nbsp;</p>
<p><img alt="Step 18" class="new_post_img" height="646" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_18.jpg" title="Step 18" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 19</h3>
<p>Copy (Command + C) the mouth shape and Paste in Back (Command + B). Move the copy up slightly and change the color to your dark orange color. Copy (Command + C) the mouth shape and Paste in Back (Command + B) again. This time, move the shape down and change the fill to your light orange color.</p>
<p>&nbsp;</p>
<p><img alt="Step 19" class="new_post_img" height="802" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_19.jpg" title="Step 19" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 20</h3>
<p>Create an oblong ellipse that is about one third the size of the mouth. Copy (Command + C) the ellipse and Paste in Front (Command + F). Move the copy down slightly and scale up about a fourth of the original size. Next, select both shapes and press the Minus Front button from the Pathfinder panel.</p>
<p>&nbsp;</p>
<p><img alt="Step 20" class="new_post_img" height="1093" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_20.jpg" title="Step 20" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 21</h3>
<p>Fill the new shape with your dark orange color. Copy (Command + C) the shape and Paste in Back (Command + B). Next, scale the copied shape up and change the color to your light orange color. Center both shapes on the bottom of the mouth shapes you have already created.</p>
<p>&nbsp;</p>
<p><img alt="Step 21" class="new_post_img" height="615" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_21.jpg" title="Step 21" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 22</h3>
<p>Select the newest curved shapes you created, Copy (Command + C), and Paste in Front (Command + F). Scale down and rotate the shapes to the left with the Selection tool (V), then&nbsp; place them on the left top side of the mouth. Next, Copy (Command + C) the original curved shapes, Paste in Front (Command + F), rotate and scale the shapes to the right, and place on the right side of the mouth shape.</p>
<p>&nbsp;</p>
<p><img alt="Step 22" class="new_post_img" height="977" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_22.jpg" title="Step 22" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 23</h3>
<p>Select the main dark mouth shape, Copy (Command + C), and Paste in Front (Command + F). With the Selection tool (V), hold down the Shift key and scale the copy bottom up slightly. Still with the Selection tool (V), squish the copied shape from the bottom up until the copy is about one fourth the original size. Change the first color stop in the linear gradient to white and the second to a light orange. Also, change the Location of the Middlepoint to 80.</p>
<p>&nbsp;</p>
<p><img alt="Step 23" class="new_post_img" height="1209" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_23.jpg" title="Step 23" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 24</h3>
<p>With the Star tool (found under the shape tools in the Tools panel), click on the artboard to open the Star dialog. In the dialog change Radius 1 to 30 px, Radius 2 to 15 px, and the Point to 3 (your radius dimensions might be different depending on the dimension of your artwork, just make sure that Radius 2 is half the size of Radius 1). Squish the triangle shape horizontally to about half it&rsquo;s original size. Place the triangle over the center of the teeth to the right . Next, select the teeth and the triangle and press the Minus Front button from the Pathfinder panel.</p>
<p>&nbsp;</p>
<p><img alt="Step 24" class="new_post_img" height="1226" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_24.jpg" title="Step 24" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 25</h3>
<p>With the Ellipse tool (L) create two ellipse toward the bottom of the mouth shape, making sure half of the ellipses are hanging outside of the mouth shape. Select the main dark mouth shape, Copy (Command + C), and Paste in Front (Command + F) two times. Select one of the copies, select the right ellipse, and press the Intersect button from the Pathfinder panel. Repeat the same for the left ellipse. Fill both ellipses with a linear gradient with the first color stop a light pink and the second color stop a pink color. Separately adjust each ellipse&rsquo;s gradient with the Gradient tool (G)&nbsp; from the top right of the ellipse to the bottom left.</p>
<p>&nbsp;</p>
<p><img alt="Step 25" class="new_post_img" height="1993" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_25.jpg" title="Step 25" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 26</h3>
<p>Select all the mouth shapes and place them on the sun&rsquo;s face. Next, Rotate the mouth shape to the left slightly.</p>
<p>&nbsp;</p>
<p><img alt="Step 26" class="new_post_img" height="785" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_26.jpg" title="Step 26" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 27</h3>
<p>With the Star tool, click on the artboard to bring up the Star dialog. Create a star with a Radius 1 of 100 px, a Radius 2 of 50 px, and 3 Points (like before these dimensions might be different depending on your artwork). Next, go Effects &gt; Stylize &gt; Round Corners and in the Round Corners dialog, change to Radius to 20 px. Expand the shape and squish it down slightly with the Selection tool (V).</p>
<p>&nbsp;</p>
<p><img alt="Step 27" class="new_post_img" height="1035" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_27.jpg" title="Step 27" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 28</h3>
<p>Fill the triangle with a three color stop gradient, making the first color stop a light orange color, the second a orange color, and the third a dark orange color. Select the Middlepoint in between the first two color stops in and change the Location to 65. Next, change the Location of the second color stop to 60 and the Middlepoint Location of the last two color stop to 15. Adjust the gradient from top to bottom with the Gradient tool (G).</p>
<p>&nbsp;</p>
<p><img alt="Step 28" class="new_post_img" height="1098" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_28.jpg" title="Step 28" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 29</h3>
<p>Make a copy of the triangle so you have a total of two. With the copy selected, go Effect &gt; Warp &gt; Arch. Within the Warp Options dialog, select the Vertical radial button and change the Bend percentage to 30 and expand the appearance.</p>
<p>&nbsp;</p>
<p><img alt="Step 29" class="new_post_img" height="893" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_29.jpg" title="Step 29" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 30</h3>
<p>Make a copy of the first triangle, move, and rotate the copy so it radiates from the sun face shape, creating sun bursts. Make sure the triangle is behind all other artwork by going Object &gt; Arrange &gt; Send to Back. Next, rotate and place copies of the triangles, alternating between the two, around the sun. Make sure that all the triangles are sent to the back.</p>
<p>&nbsp;</p>
<p><img alt="Step 30" class="new_post_img" height="1121" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_30.jpg" title="Step 30" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 31</h3>
<p>Select the main sun face shape, (Command + C), and Paste in Back (Command + B). With the copy still selected, move it down slightly and change the color to your dark orange color.</p>
<p>&nbsp;</p>
<p><img alt="Step 31" class="new_post_img" height="826" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_31.jpg" title="Step 31" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Step 32</h3>
<p>To add just a little more detail and fun to the sun, draw varying sized ellipses above the corners of the mouth. All done!</p>
<p>&nbsp;</p>
<p><img alt="Step 32" class="new_post_img" height="430" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_32.jpg" title="Step 32" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Final Image</h3>
<p>Again below is the final image we just created.</p>
<p>&nbsp;</p>
<p><img alt="Final Image" class="new_post_img" height="570" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_sample.jpg" title="Final Image" width="600" /></p>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">&nbsp;</h3>
<h3 class="step">Sample Usage</h3>
<p>Below are some sample images of this tutorial in use. One is a logo for a fictional alternate energy learning center for kids (just made that up, but you get the point). The second one is a global warming diagram for children (not very accurate, I know). It is easy to apply this illustration to other projects or adapt it to other illustrations (like the earth illustration in the Global Warming diagram). Try to see what you can use it for!</p>
<p>&nbsp;</p>
<p><img alt="Sample Usage" class="new_post_img" height="756" src="http://1malaysia-innovation.com/wp-content/uploads/image/Illustrator 20/gw_sample.jpg" title="Sample Usage" width="600" /></p>
]]></content:encoded>
			<wfw:commentRss>http://1malaysia-innovation.com/illustrator/create-a-happy-sun-character/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
