<?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/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>Web Design Tutorials &#187; Drawing in flash CS4</title>
	<atom:link href="http://bestwebdesignz.com/tips/tag/drawing-in-flash-cs4/feed/" rel="self" type="application/rss+xml" />
	<link>http://bestwebdesignz.com/tips</link>
	<description></description>
	<lastBuildDate>Tue, 17 Aug 2010 08:55:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Drawing in flash CS4</title>
		<link>http://bestwebdesignz.com/tips/flash-cs4-tutorial/drawing-in-flash-cs4/</link>
		<comments>http://bestwebdesignz.com/tips/flash-cs4-tutorial/drawing-in-flash-cs4/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 10:54:04 +0000</pubDate>
		<dc:creator>clement</dc:creator>
				<category><![CDATA[Flash CS4 Tutorial]]></category>
		<category><![CDATA[Drawing in flash CS4]]></category>

		<guid isPermaLink="false">http://bestwebdesignz.com/tips/?p=453</guid>
		<description><![CDATA[Lets learn how to draw in flash CS4, let start by drawing a rectangle and an oval, the reason why we are starting with drawing a rectangle and a oval is because both these have a stroke and a fill. Understanding strokes and fills are important to draw in flash CS4 because they are treated [...]]]></description>
			<content:encoded><![CDATA[<p>Lets learn how to draw in flash CS4, let start by drawing a rectangle and an oval, the reason why we are starting with drawing a rectangle and a oval is because both these have a stroke and a fill. Understanding strokes and fills are important to draw in flash CS4 because they are treated as separate objects and not treated as one object.<br />
Using the oval tool on the right hand tool bar menu like this one<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0161.jpg"><img class="alignnone size-full wp-image-454" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0161.jpg" alt="Drawing in flash CS4" width="28" height="22" /></a><br />
draw an oval on the stage, if you notice to the right bottom of this oval tool is a small triangle, when clicked on it, you will be able to select a rectangle tool, oval tool, Polystar tool etc.,<br />
As you click on the oval tool, just take a look at what happens to the options panel and the properties panel on the right of the screen.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image018.jpg"><img class="alignnone size-full wp-image-455" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image018.jpg" alt="Drawing in flash CS4" width="171" height="204" /></a><br />
While you see the Stroke, you can either type a number in the white box, or you can simply drag the stroke button to and forth to get the size of your stroke, then you  see the style, here you can select the kind of stroke weather you want a solid, dashed, dotted kind of stroke, then below is the scale, if you want normal, horizontal, vertical or none.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0191.png"><img class="alignnone size-full wp-image-456" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0191.png" alt="Drawing in flash CS4" width="68" height="27" /></a></p>
<p>This is the stroke options<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image021.png"><img class="alignnone size-full wp-image-457" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image021.png" alt="Drawing in flash CS4" width="62" height="27" /></a><br />
This is the color options,<br />
You can use the stroke option and configure the settings or simply click on the fill color and configure the settings.<br />
On the main menu we have a button which looks like a magnet like this<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image023.png"><img class="alignnone size-full wp-image-458" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image023.png" alt="Drawing in flash CS4" width="32" height="31" /></a><br />
You can use this button to simply snap the objects in place.<br />
Lets draw an oval on the stage, with the oval tool selected, lets say we want to give it a red fill, easy enough we simply go to this fill color and select red here.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image025.png"><img class="alignnone size-full wp-image-459" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image025.png" alt="Drawing in flash CS4" width="21" height="40" /></a><br />
And lets say we want a blue stroke,<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image027.png"><img class="alignnone size-full wp-image-460" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image027.png" alt="Drawing in flash CS4" width="24" height="40" /></a><br />
If you really want the stroke to stand out, lets make it thicker than it is, by simply dragging the arrow to its right or by type in  a figure in the box.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image029.png"><img class="alignnone size-full wp-image-461" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image029.png" alt="Drawing in flash CS4" width="222" height="23" /></a><br />
Lets draw an oval on to the stage, so click on the oval button and go to stage and draw an oval, as you drop and drag, you will notice that as you drag it to a circle, it will  snap into place, now release the mouse button, you will find a perfect circle with the colors you chose.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image032.jpg"><img class="alignnone size-full wp-image-462" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image032.jpg" alt="Drawing in flash CS4" width="120" height="120" /></a><br />
You will see a blue bind box along the circle, this means that the circle has been selected on stage. You can make changes to this object, while it is selected, by simply choosing he fill color and the stroke color. If you don’t wan the circle to be selected on stage, simply press escape button on your keyboard, it will deselect the circle on stage.<br />
By default the snap object buton is turned on, while selecting an oval tool, now you can draw a perfect circle by turning off the snap button by simply clicking on it, the background will disappear on it.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0231.png"><img class="alignnone size-full wp-image-464" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0231.png" alt="Drawing in flash CS4" width="32" height="31" /></a><br />
Now draw the circle by dragging the cursor on the screen and dragging it down by simply holding on to the shift key on the keyboard,<br />
You can select all objects on the stage by clicking on each, or by simply hitting ctrl+A key in your keyboard and delete it by hitting backspace.<br />
Now if you want to draw a circle exactly in the centre of the stage, you can draw by simply pressing the alt button on the keyboard and dragging it, it will uniformly expand in all directions.<br />
Now lets make a rectangle on stage, you can click on the right bottom of the oval tool and you will find a rectangle, click on it and draw a rectangle on stage.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0331.png"><img class="alignnone size-full wp-image-465" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image0331.png" alt="Drawing in flash CS4" width="29" height="29" /></a><br />
The rectangele tool works very similarly like a circle or oval tool, you can also use the snap objects to draw a rectangle, with snap objects on, you can release the mouse button when a circle appears at the corner of the square, it becomes a perfect square.<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image035.png"><img class="alignnone size-full wp-image-466" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image035.png" alt="Drawing in flash CS4" width="331" height="194" /></a><br />
There is another panel called rectangle options on the right panel space, if you want rounded edges to your square you can use this rectangle options and type a number in the cells provided to get the corner rounded edges. Like illustrated below:<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image038.jpg"><img class="alignnone size-full wp-image-467" title="Drawing in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image038.jpg" alt="Drawing in flash CS4" width="240" height="100" /></a><br />
You will find something like this<br />
<a href="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image039.png"><img class="alignnone size-full wp-image-468" title="Drawing a circle or rectangle in flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/04/image039.png" alt="Drawing a circle or rectangle in flash CS4" width="85" height="77" /></a><br />
Sometimes you will not know what exactly should be the rounded edges on the rectangle or square, there is another way to do this, you can simply click on the rectangle tool bar and draw a rectangle on stage, and do not release you mouse, you can now simply use the up and down arrows to know how much of rounded edges you want to have in the rectangle, this will give you an indication what you square or rectangle will look like with rounded edges straight away.</p>
<script type="text/javascript"><!--
                    google_ad_client = "pub-7099335855422733";
                    google_ad_slot = "4729128935";
                    google_ad_width = 336;
                    google_ad_height = 280;
                    //-->
                    </script>
                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
                    ]]></content:encoded>
			<wfw:commentRss>http://bestwebdesignz.com/tips/flash-cs4-tutorial/drawing-in-flash-cs4/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<series:name><![CDATA[Flash CS4 Tutorials]]></series:name>
	</item>
	</channel>
</rss>
