<?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>Tutorial Flash  &#124; Flash training &#124; Flashartist.org &#124; Flash jobs &#187; flash tips</title>
	<atom:link href="http://www.flashartist.org/index.php/tag/flash-tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flashartist.org</link>
	<description>Flash Tutorial training and jobs</description>
	<lastBuildDate>Mon, 31 Oct 2011 13:04:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>How to make a keyframe Hand drawn animation using Flash and a Wacom tablet</title>
		<link>http://www.flashartist.org/index.php/2011/07/27/how-to-make-a-frame-by-frame-animation-in-flash/</link>
		<comments>http://www.flashartist.org/index.php/2011/07/27/how-to-make-a-frame-by-frame-animation-in-flash/#comments</comments>
		<pubDate>Wed, 27 Jul 2011 18:13:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[animating in flash]]></category>
		<category><![CDATA[animation flash]]></category>
		<category><![CDATA[flash animation]]></category>
		<category><![CDATA[flash cartoon]]></category>
		<category><![CDATA[flash course]]></category>
		<category><![CDATA[flash tips]]></category>
		<category><![CDATA[flash tutorial]]></category>
		<category><![CDATA[frame animation]]></category>
		<category><![CDATA[make a flash cartoon]]></category>
		<category><![CDATA[traditional animation]]></category>

		<guid isPermaLink="false">http://www.flashartist.org/?p=1239</guid>
		<description><![CDATA[Here is a simple video tutorial describing how you can get animating using traditional methods in FLASH What I mean by traditional methods is a frame by frame approach to animation, no tweening or complexe rendering, just as used in old walt disney and tex avery cartooons. (whereby you have to draw each 24 frames [...]]]></description>
			<content:encoded><![CDATA[
<!-- ALL ADSENSE ADS DISABLED -->
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2011%2F07%2F27%2Fhow-to-make-a-frame-by-frame-animation-in-flash%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2011%2F07%2F27%2Fhow-to-make-a-frame-by-frame-animation-in-flash%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Here is a simple video tutorial describing how you can get animating using traditional methods in FLASH<br />
What I mean by traditional methods is a frame by frame approach to animation, no tweening or complexe rendering, just as<br />
used in old walt disney and tex avery cartooons. (<em>whereby you have to draw each 24 frames of each second of animation</em>)</p>
<p>There will be no use of tweening or any other functionality of Flash for this demonstration, just good old drawing using a tablet and instead of using transparent sheet to preview each step of our drawing we will be using the <strong>onion skin too</strong>l (see image below) to move form one image  to the next.<br />
<strong><br />
Tips:</strong></p>
<p>* Use the <strong>F6 key </strong>to insert a new keyframe / or right click (insert new keyframe)</p>
<p>*use the back space key to delete each frame as you go creating the next one.</p>
<p><a href="http://www.flashartist.org/wp-content/uploads/2011/07/backspace3.jpg"><img src="http://www.flashartist.org/wp-content/uploads/2011/07/backspace3.jpg" alt="" title="backspace3" width="242" height="152" class="aligncenter size-full wp-image-1266" /></a></p>
<p>*make sure the onion skin button is on so you can view the previous frame</p>
<p><a href="http://www.flashartist.org/wp-content/uploads/2011/07/onion_skin_flash.jpg"><img src="http://www.flashartist.org/wp-content/uploads/2011/07/onion_skin_flash-300x150.jpg" alt="" title="onion_skin_flash" width="300" height="150" class="alignleft size-medium wp-image-1247" /></a></p>
<p>Check the video tutorial , it describe how to select your brush and  adjust it , and a step by step progression from one keyframe to the next using the onion skin to preview the previous drawing.</p>
<p><a href="http://www.flashartist.org/wp-content/uploads/2011/07/brush-flash.jpg"><img src="http://www.flashartist.org/wp-content/uploads/2011/07/brush-flash.jpg" alt="" title="brush-flash" width="242" height="104" class="aligncenter size-full wp-image-1270" /></a></p>
<p>For this demonstration I am using a WACOM Intuos 4 S Graphics Tablet Graphic tablet<br />
<img alt="" src="http://www.flashartist.org/wp-content/uploads/2011/07/intuos_flash.jpg" title="intuos wacom" class="center" width="308" height="164" /></p>
<p><object width="960" height="750"><param name="movie" value="http://www.youtube.com/v/QP3ed7kBhEc?version=3&amp;hl=en_GB&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QP3ed7kBhEc?version=3&amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" width="760" height="550" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashartist.org/index.php/2011/07/27/how-to-make-a-frame-by-frame-animation-in-flash/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash cheats</title>
		<link>http://www.flashartist.org/index.php/2011/01/05/flash-cheats/</link>
		<comments>http://www.flashartist.org/index.php/2011/01/05/flash-cheats/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 11:16:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[animation with flash]]></category>
		<category><![CDATA[flash cheat]]></category>
		<category><![CDATA[flash cheats]]></category>
		<category><![CDATA[flash tips]]></category>

		<guid isPermaLink="false">http://www.flashartist.org/?p=1135</guid>
		<description><![CDATA[If you are starting out with Flash or simply want to learn new tricks, check out the FLASH CHEAT book serie, there are tons of really useful techniques and templates, I have found these tutorials particularly clear and easy to learn, - How to export your flash for broadcast - Learn how to make your [...]]]></description>
			<content:encoded><![CDATA[
<!-- ALL ADSENSE ADS DISABLED -->
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2011%2F01%2F05%2Fflash-cheats%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2011%2F01%2F05%2Fflash-cheats%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>If you are starting out with Flash or simply want to learn new tricks, check out the FLASH CHEAT book serie, there are tons of really useful techniques and templates,<br />
I have found these tutorials particularly clear and easy to learn,<br />
- How to export your flash for broadcast<br />
- Learn how to make your own Flash desktop application<br />
- create some 3d effects<br />
- Learn how to publish your flash product for the iphone </p>
<p><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_709db25e-b04b-4b2b-8345-2cd26a2ca5ac"  WIDTH="600px" HEIGHT="200px"> <PARAM NAME="movie" VALUE="http://ws.amazon.co.uk/widgets/q?ServiceVersion=20070822&#038;MarketPlace=GB&#038;ID=V20070822%2FGB%2Fflash04-21%2F8003%2F709db25e-b04b-4b2b-8345-2cd26a2ca5ac&#038;Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.co.uk/widgets/q?ServiceVersion=20070822&#038;MarketPlace=GB&#038;ID=V20070822%2FGB%2Fflash04-21%2F8003%2F709db25e-b04b-4b2b-8345-2cd26a2ca5ac&#038;Operation=GetDisplayTemplate" id="Player_709db25e-b04b-4b2b-8345-2cd26a2ca5ac" quality="high" bgcolor="#ffffff" name="Player_709db25e-b04b-4b2b-8345-2cd26a2ca5ac" allowscriptaccess="always"  type="application/x-shockwave-flash" align="middle" height="200px" width="600px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.co.uk/widgets/q?ServiceVersion=20070822&#038;MarketPlace=GB&#038;ID=V20070822%2FGB%2Fflash04-21%2F8003%2F709db25e-b04b-4b2b-8345-2cd26a2ca5ac&#038;Operation=NoScript">Amazon.co.uk Widgets</A></NOSCRIPT></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashartist.org/index.php/2011/01/05/flash-cheats/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to create cartoon characters with Flash</title>
		<link>http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/</link>
		<comments>http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 17:48:06 +0000</pubDate>
		<dc:creator>flashartist</dc:creator>
				<category><![CDATA[Flash Tutorials]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[animated cartoon characters]]></category>
		<category><![CDATA[apprendre flash]]></category>
		<category><![CDATA[brush tool]]></category>
		<category><![CDATA[cartoon]]></category>
		<category><![CDATA[Cartoon characters]]></category>
		<category><![CDATA[character design]]></category>
		<category><![CDATA[color palette flash]]></category>
		<category><![CDATA[coloring in flash]]></category>
		<category><![CDATA[conseil flash]]></category>
		<category><![CDATA[creation flash]]></category>
		<category><![CDATA[creer une animation flash]]></category>
		<category><![CDATA[dessin animes]]></category>
		<category><![CDATA[dessin flash]]></category>
		<category><![CDATA[dessiner avec wacom]]></category>
		<category><![CDATA[dessiner dans flash]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[drawing cartoon characters]]></category>
		<category><![CDATA[film en flash]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[flash animation]]></category>
		<category><![CDATA[flash animation studio london]]></category>
		<category><![CDATA[flash artist]]></category>
		<category><![CDATA[flash as an illustration tool]]></category>
		<category><![CDATA[flash cartoon tutorials]]></category>
		<category><![CDATA[flash cs3]]></category>
		<category><![CDATA[flash cs4]]></category>
		<category><![CDATA[flash dessin anime]]></category>
		<category><![CDATA[flash draw]]></category>
		<category><![CDATA[flash techniques]]></category>
		<category><![CDATA[flash tips]]></category>
		<category><![CDATA[flash tool]]></category>
		<category><![CDATA[hinging body part flash]]></category>
		<category><![CDATA[ik in flash]]></category>
		<category><![CDATA[improve flash]]></category>
		<category><![CDATA[lesson flash]]></category>
		<category><![CDATA[make your own animated cartoon]]></category>
		<category><![CDATA[make your own south park character]]></category>
		<category><![CDATA[music video in flash]]></category>
		<category><![CDATA[tablet and pen]]></category>
		<category><![CDATA[tutoriel flash]]></category>
		<category><![CDATA[wacom]]></category>
		<category><![CDATA[wacom techniques]]></category>

		<guid isPermaLink="false">http://flashartist.wordpress.com/?p=257</guid>
		<description><![CDATA[How to Create a Cartoon character from a drawing to  Flash The following step by step tutorial describes how to create a vector based cartoon character in flash from a hand drawn concept. your cartoon character once created will be ready to be animated in flash or after effects for a web or broadcast animation [...]]]></description>
			<content:encoded><![CDATA[
<!-- ALL ADSENSE ADS DISABLED -->
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2008%2F10%2F03%2Fcartoon-character-design-in-flash%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2008%2F10%2F03%2Fcartoon-character-design-in-flash%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><a rel="attachment wp-att-333" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/save-eyebrows_16/"></a></p>
<h3 style="text-align: center;">How to Create a Cartoon character from a drawing to  Flash</h3>
<p><a rel="attachment wp-att-350" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/before-after2/"><img class="aligncenter size-large wp-image-350" title="before-after2" src="http://flashartist.files.wordpress.com/2008/10/before-after2.jpg?w=700" alt="" width="700" height="437" /></a></p>
<p><a rel="attachment wp-att-402" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/before-after3/"><br />
</a></p>
<p>The following <strong>step by step tutorial</strong> describes how to create a <strong>vector based cartoon</strong> character in flash from a <strong>hand drawn</strong> concept.</p>
<p>your cartoon character once created will be ready to be animated in flash or after effects for a web or broadcast animation project.</p>
<p>For this tutorial you will need</p>
<p><strong>- <span style="color:#ff0000;"> Pen and paper, wacom tablet , demo of Flash CS3,  scanner</span></strong><a rel="attachment wp-att-261" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/before-after1/"><br />
</a></p>
<ul>
<li><strong>Step 1:</strong></li>
</ul>
<p>start with pen and paper to create your character.</p>
<p><a rel="attachment wp-att-358" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/catoon12/"><img class="aligncenter size-large wp-image-358" title="catoon12" src="http://flashartist.files.wordpress.com/2008/10/catoon12.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 2:</strong></li>
</ul>
<p>Scan artwork / hand drawn character.</p>
<p><a rel="attachment wp-att-268" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/scan1/"><img class="aligncenter size-large wp-image-268" title="scan1" src="http://flashartist.files.wordpress.com/2008/10/scan1.jpg?w=700" alt="" width="700" height="450" /></a></p>
<p><a rel="attachment wp-att-269" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/scan2/"><img class="aligncenter size-large wp-image-269" title="scan2" src="http://flashartist.files.wordpress.com/2008/10/scan2.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 3:</strong></li>
</ul>
<p>Open flash / create a new scene (eg:800X800) and import scanned image onto the timeline</p>
<p><strong>file/import/import to stage</strong></p>
<p>(if necessary convert your scanned file .tiff into a .jpeg)</p>
<p><a rel="attachment wp-att-278" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/new-layer_0021/"><img class="aligncenter size-large wp-image-278" title="new-layer_0021" src="http://flashartist.files.wordpress.com/2008/10/new-layer_0021.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 4:</strong></li>
</ul>
<p><strong>Lock</strong> the layer containing your drawing and <strong>mouse right click</strong> the layer to turn it into a <strong>guide.</strong></p>
<p>Now create a <strong>new layer</strong> to start drawing !</p>
<p><a rel="attachment wp-att-279" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/new-layer_0022/"><img class="aligncenter size-large wp-image-279" title="new-layer_0022" src="http://flashartist.files.wordpress.com/2008/10/new-layer_0022.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 5:</strong></li>
</ul>
<p>Look into your tool panel and choose how to <strong>draw</strong> your character, there are several ways to do this and obtain different line style , you can use your <strong>wacom tablet and draw free hand</strong> <strong>using the brush</strong> (click the brush tool to adjust settings)</p>
<p>In this example we are going to use the <strong>bezier tool</strong> (the one that looks like a fountain pen). if you click over the bottom right corner of this tool you will notice a drop down menu including 4 selectable options:</p>
<ul>
<li><em><strong>open tool<br />
</strong></em></li>
<li><em><strong>add anchor<br />
</strong></em></li>
<li><em><strong>delete anchor<br />
</strong></em></li>
<li><em><strong>convert anchor</strong></em></li>
</ul>
<p><a rel="attachment wp-att-296" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/pen-tool_0042/"><img class="aligncenter size-large wp-image-296" title="pen-tool_0042" src="http://flashartist.files.wordpress.com/2008/10/pen-tool_0042.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 6:</strong></li>
</ul>
<p>Go around the head with the <strong>pen tool</strong>, left click to insert anchors in corners or delete anchors using back arrow key.</p>
<p><em>Check out shortcuts shown next to the tools (in brackets) </em>.</p>
<p>Now using the <strong>free tool</strong>, adjust the lines over artwork tracing .</p>
<p><a rel="attachment wp-att-299" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/pen-tool_007/"><img class="aligncenter size-large wp-image-299" title="pen-tool_007" src="http://flashartist.files.wordpress.com/2008/10/pen-tool_007.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 7:</strong></li>
</ul>
<p>Repeat the same tracing principles for <strong>each items</strong> of your character,</p>
<p>Make sure that you create a <strong>new layer </strong>for <strong>each elements</strong> of the composition ( head, ears, eyes, mouth etc..)</p>
<p>if you <strong>hide</strong> the<strong> layer used as a guide</strong><strong> </strong>you should see how is the compositon coming together.</p>
<p><a rel="attachment wp-att-304" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/guide-layer_10/"><img class="aligncenter size-large wp-image-304" title="guide-layer_10" src="http://flashartist.files.wordpress.com/2008/10/guide-layer_10.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 8:</strong></li>
</ul>
<p>Once all your <strong>outlining</strong> is done , you can start the <strong>coloring</strong> of your character , closed up shape can be filled up using the bucket.</p>
<p><a rel="attachment wp-att-311" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/coloring_010/"><img class="aligncenter size-large wp-image-311" title="coloring_010" src="http://flashartist.files.wordpress.com/2008/10/coloring_010.jpg?w=700" alt="" width="700" height="450" /></a></p>
<p>if you run into trouble filling up shape because there they aren&#8217;t fully closed use the <strong>gap size tool</strong> , this could help.</p>
<p><a rel="attachment wp-att-422" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/0405gap1/"><img class="alignnone size-full wp-image-422" title="0405gap1" src="http://flashartist.files.wordpress.com/2008/10/0405gap1.gif" alt="" width="206" height="228" /></a></p>
<p><strong>Step 9:</strong></p>
<p>open the color tab and experiment with gradient to give volume to your shapes.</p>
<p>In the color tab Select <strong>type:linear</strong></p>
<p>you can add as many key as needed in your color grading.</p>
<p>Control the angle/spread of the gradient using the <strong>toolbox</strong> <strong>gradient tool</strong> (3rd from top, see below)</p>
<p><a rel="attachment wp-att-312" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/coloring_011/"><img class="aligncenter size-large wp-image-312" title="coloring_011" src="http://flashartist.files.wordpress.com/2008/10/coloring_011.jpg?w=700" alt="" width="700" height="450" /></a></p>
<p><a rel="attachment wp-att-319" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/coloring_0122/"><img class="aligncenter size-large wp-image-319" title="coloring_0122" src="http://flashartist.files.wordpress.com/2008/10/coloring_0122.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 10:</strong></li>
</ul>
<p>Draw the eyes (only the white no pupils at this stage) select your eye layer and <strong>click F8 </strong>/ <strong>click ok</strong> to convert into symbol. the eyes will be <strong>nested</strong> within a symbol as it will contain the pupils, the eyelids and the various eye states (open closed etc..)</p>
<p>As before within the eye <strong>symbol, </strong>create a new layer for each item (eyelid, pupil etc)</p>
<p><a rel="attachment wp-att-322" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/guide-layer_13/"><img class="aligncenter size-large wp-image-322" title="guide-layer_13" src="http://flashartist.files.wordpress.com/2008/10/guide-layer_13.jpg?w=700" alt="" width="700" height="450" /></a></p>
<p><a rel="attachment wp-att-328" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/edit-eyes_141/"><img class="aligncenter size-large wp-image-328" title="edit-eyes_141" src="http://flashartist.files.wordpress.com/2008/10/edit-eyes_141.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 11:</strong></li>
</ul>
<p>Draw the Eye brow , press<strong> F8 /click OK</strong> to convert into a symbol.</p>
<p>Draw the Mouth , press<strong> F8 /click OK</strong> to convert into a symbol.</p>
<p>( once the shape are color filled you can add / clear the black outline around the drawing if needed )</p>
<p><a rel="attachment wp-att-333" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/save-eyebrows_16/"><img class="aligncenter size-large wp-image-333" title="save-eyebrows_16" src="http://flashartist.files.wordpress.com/2008/10/save-eyebrows_16.jpg?w=700" alt="" width="700" height="450" /></a></p>
<p><a rel="attachment wp-att-338" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/mouth_17/"><img class="aligncenter size-large wp-image-338" title="mouth_17" src="http://flashartist.files.wordpress.com/2008/10/mouth_17.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 12:</strong></li>
</ul>
<p>Now bring the finishing touch using the wacom pen and tablet, add details , shade etc..</p>
<p><a rel="attachment wp-att-341" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/detail_18/"><img class="aligncenter size-large wp-image-341" title="detail_18" src="http://flashartist.files.wordpress.com/2008/10/detail_18.jpg?w=700" alt="" width="700" height="450" /></a></p>
<p><a rel="attachment wp-att-342" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/detail_19/"><img class="aligncenter size-large wp-image-342" title="detail_19" src="http://flashartist.files.wordpress.com/2008/10/detail_19.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 13:</strong></li>
</ul>
<p>Zoom out to see the whole picture and amend your drawing if necessary.</p>
<p><a rel="attachment wp-att-345" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/detail_20/"><img class="aligncenter size-large wp-image-345" title="detail_20" src="http://flashartist.files.wordpress.com/2008/10/detail_20.jpg?w=700" alt="" width="700" height="450" /></a></p>
<ul>
<li><strong>Step 14:</strong></li>
</ul>
<p>Et voila ! from your original pencil drawing you now have a vector version in color and broken down to symbols.</p>
<p>Ready for the next step of flash animation.</p>
<p>the next tutorial will show how to move onto the next step, hopefully using Flash CS4 (some really cool animation tools are coming with the new version&#8230;)</p>
<p>I will show how to animate using</p>
<ul>
<li>IK and inverse kinematics</li>
<li>nested symbols containing the various state (mouth phonemes , eye states, eye brow position etc..)</li>
<li>and much more..</li>
</ul>
<p>FlashArtist.</p>
<p><a rel="attachment wp-att-350" href="http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/before-after2/"><img class="aligncenter size-large wp-image-350" title="before-after2" src="http://flashartist.files.wordpress.com/2008/10/before-after2.jpg?w=700" alt="" width="700" height="437" /></a><strong> </strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashartist.org/index.php/2008/10/03/cartoon-character-design-in-flash/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Flash Video player</title>
		<link>http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/</link>
		<comments>http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 08:59:40 +0000</pubDate>
		<dc:creator>flashartist</dc:creator>
				<category><![CDATA[Flash Tutorials]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[adobe flash cs3]]></category>
		<category><![CDATA[custom flv player]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[flash animation]]></category>
		<category><![CDATA[flash artist]]></category>
		<category><![CDATA[flash news]]></category>
		<category><![CDATA[flash player]]></category>
		<category><![CDATA[flash tips]]></category>
		<category><![CDATA[flash video player]]></category>
		<category><![CDATA[flv]]></category>
		<category><![CDATA[learn flash]]></category>

		<guid isPermaLink="false">http://flashartist.wordpress.com/?p=65</guid>
		<description><![CDATA[How to Create a custom flv player Welcome to FlashArtist.org 10 steps tutorial on how to make your very own flv player in flash CS3, Step 1 : Open : C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\FLA\ActionScript 2.0\ Step 2: Select one of the ready made player template, for this tutorial we will be using ClearExternalPlaySeekMute.fla Step [...]]]></description>
			<content:encoded><![CDATA[
<!-- ALL ADSENSE ADS DISABLED -->
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2008%2F09%2F16%2Fhow-to-create-a-custom-flv-player%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.flashartist.org%2Findex.php%2F2008%2F09%2F16%2Fhow-to-create-a-custom-flv-player%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>How to Create a custom flv player</p>
<p>Welcome to FlashArtist.org 10 steps  tutorial on how to make your very own flv player in flash CS3,</p>
<p><strong>Step 1 : </strong></p>
<p>Open :<br />
<strong>C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\FLA\ActionScript 2.0\</strong><br />
<a rel="attachment wp-att-100" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom02/"><img class="alignleft size-large wp-image-100" title="flvcustom02" src="http://flashartist.files.wordpress.com/2008/09/flvcustom02.jpg?w=720" alt="" width="720" height="557" /></a><a rel="attachment wp-att-79" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom01/"><br />
</a></p>
<p><strong>Step 2: </strong></p>
<p>Select one of the ready made player template, for this tutorial we will be using</p>
<p><strong>ClearExternalPlaySeekMute.fla</strong></p>
<p><a rel="attachment wp-att-99" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom13/"><img class="alignleft size-large wp-image-99" title="flvcustom13" src="http://flashartist.files.wordpress.com/2008/09/flvcustom13.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><strong>Step 3:</strong></p>
<p>Edit / modify the Play button etc.. convert each graphic into your own.</p>
<p><a rel="attachment wp-att-108" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom25/"><img class="alignleft size-large wp-image-108" title="flvcustom25" src="http://flashartist.files.wordpress.com/2008/09/flvcustom25.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><strong>Step 4: </strong></p>
<p>Once all the graphic are converted save the <strong>.Fla</strong> and export the swf file in this folder .<br />
<strong>C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\FLVPlayback Skins\ActionScript 2.0</strong></p>
<p>I have named my custom player <strong>MyCustomPlayer.swf</strong></p>
<p><a rel="attachment wp-att-109" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom31/"><img class="alignleft size-large wp-image-109" title="flvcustom31" src="http://flashartist.files.wordpress.com/2008/09/flvcustom31.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><strong>Step 5: </strong></p>
<p>Create a new fla to insert your video</p>
<p><a rel="attachment wp-att-118" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom41/"><img class="alignleft size-large wp-image-118" title="flvcustom41" src="http://flashartist.files.wordpress.com/2008/09/flvcustom41.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><strong>Step 6:</strong></p>
<p>Select video from hard drive</p>
<p><a rel="attachment wp-att-119" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom51/"><img class="alignleft size-large wp-image-119" title="flvcustom51" src="http://flashartist.files.wordpress.com/2008/09/flvcustom51.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><a rel="attachment wp-att-124" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom61/"><img class="alignleft size-large wp-image-124" title="flvcustom61" src="http://flashartist.files.wordpress.com/2008/09/flvcustom61.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><strong>Step 7: </strong></p>
<p>Select encoding quality</p>
<p><a rel="attachment wp-att-125" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom71/"><img class="alignleft size-large wp-image-125" title="flvcustom71" src="http://flashartist.files.wordpress.com/2008/09/flvcustom71.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><strong>Step 8: </strong></p>
<p>Select now your custom player skin <strong>MyCustomPlayer.swf</strong></p>
<p><a rel="attachment wp-att-126" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom81/"><img class="alignleft size-large wp-image-126" title="flvcustom81" src="http://flashartist.files.wordpress.com/2008/09/flvcustom81.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p><strong>Step 9</strong>:</p>
<p>That&#8217;s it ! your video now use your very own <strong>custom made flv player</strong>.</p>
<p><a rel="attachment wp-att-133" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom91/"><img class="alignleft size-large wp-image-133" title="flvcustom91" src="http://flashartist.files.wordpress.com/2008/09/flvcustom91.jpg?w=720" alt="" width="720" height="557" /></a></p>
<p>Step 10:</p>
<p>You can now publish and see you custom player in action!</p>
<p><a rel="attachment wp-att-157" href="http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/flvcustom113/"><img class="alignleft size-large wp-image-157" title="flvcustom113" src="http://flashartist.files.wordpress.com/2008/09/flvcustom113.jpg?w=720" alt="" width="720" height="557" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.flashartist.org/index.php/2008/09/16/how-to-create-a-custom-flv-player/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

