<?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>Designer. Gamer. Geek. &#187; Design</title>
	<atom:link href="http://www.designergamergeek.com/all/general/design-general/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designergamergeek.com</link>
	<description>Covering design, games, technology, politics and food!</description>
	<lastBuildDate>Thu, 07 Jul 2011 23:00:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>In the end you&#8217;ve still got to build your Flash correctly</title>
		<link>http://www.designergamergeek.com/general/in-the-end-youve-still-got-to-build-your-flash-correctly/</link>
		<comments>http://www.designergamergeek.com/general/in-the-end-youve-still-got-to-build-your-flash-correctly/#comments</comments>
		<pubDate>Fri, 28 May 2010 07:25:35 +0000</pubDate>
		<dc:creator>yaypaul</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[best-practice]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[must-haves]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.designergamergeek.com/?p=413</guid>
		<description><![CDATA[Fellow internet dwellers will recall the Apple open letter about Flash support on it&#8217;s mobile platform, the inevitable Adobe follow up and a world of News coverage. I&#8217;ve made my opinion known on Twitter a couple of times. If your project calls for Flash or if you just choose to use it, there are some [...]]]></description>
			<content:encoded><![CDATA[<p>Fellow internet dwellers will recall the <a title="Apple.com - Thoughts on Flash" href="http://www.apple.com/hotnews/thoughts-on-flash/" target="_blank">Apple open letter</a> about Flash support on it&#8217;s mobile platform, the inevitable <a title="Adobe.com - Open Markets" href="http://www.adobe.com/choice/openmarkets.html" target="_blank">Adobe follow up</a> and a world of <a title="SmashingMag - Disappearance of Flash" href="http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/" target="_blank">News coverage</a>. I&#8217;ve made my opinion known <a title="Twitter.com/yaypaul entry" href="http://twitter.com/yaypaul/status/12122540710" target="_blank">on Twitter</a> a couple of times. If your project calls for Flash or if you just choose to use it, there are some best practices which can help everybody out.<span id="more-413"></span><br />
<img class="alignnone" style="margin-top: 20px; margin-bottom: 15px;" title="Flash timeline image" src="/img/titles/flash-timeline.png" alt="" width="488" height="100" /><br />
Whether or not you should use Flash or HTML5 is a discussion for another time, here we&#8217;re concerned with getting the best Flash experience for the user. If your project already uses Flash and you want to make sure your files are optimized, or if you&#8217;re new to the program and want to know some best practices: I offer the below as a quick overview to creating efficient Flash files.</p>
<p>Let&#8217;s start with one of the most important aspects of Flash building.</p>
<h3>Reuse your symbols</h3>
<p>Where possible you should reuse symbols instead of creating new ones.<br />
I.E. you need a cloud graphic, an oval button and a spot light effect. For each of those elements you only need one base symbol. Start by creating a circle of any color then convert it to a graphic symbol. Drag an instance of the circle from the library to the stage, go to the properties and set the circle color to white via the &#8216;tint&#8217; option. Copy and paste this circle a number of times, changing size, shape and opacity where needed to create your cloud. Return to the stage and create your other two elements using the original circle symbol following the same color/alpha change process to get the desired effects.<br />
The same types of symbol reuse can be used with a number of different shapes or combination of shapes. Need a forest? Create one trunk and one leaf, copy paste the leaf to make the tree, return to the stage and pull in as many trees as you need from the library.</p>
<p>Symbol reuse in this manor helps Flash keep the number of individually rendered elements to a minimum.</p>
<h3>Keep symbol numbers to a minimum</h3>
<p>The number of individual symbols you create works hand in hand with symbol reuse. The simple rule is: do not create symbols unless you need them and where possible create a new symbol from an existing one and transform it.</p>
<h3>Never animate using keyframes</h3>
<p>Using separate keyframes containing separate artwork is a sure fire way to make your file huge. As a rule, you should always animate your symbols using motion tweens, one moving element is much smaller than using multiple elements to create the same effect.</p>
<h3>Never use shape tweens</h3>
<p>Under no circumstances should you be using any type of shape tween. The shape tween feature will bloat your movies and substantially slow down play back.</p>
<h3>Use Jpeg&#8217;s sparingly</h3>
<p>While Jpeg&#8217;s are sometimes needed to complete a Flash project you should try and limit their use to critical applications only. Jpeg&#8217;s affect the file size of Flash movies in a big way, if you have to use them, make sure you&#8217;ve used the &#8216;save for web feature&#8217; in Photoshop before importing them into your Flash library.</p>
<h3>Stream user initiated audio and video files</h3>
<p>Audio and video files should always been linked to and loaded as a stream from your main Flash file, never include these files inside your main file.<br />
To ensure optimum User Experience, audio and video files which are loaded from within your Movie should always be initiated by the user and should contain Play/Pause/Stop and/or Mute functionality as a minimum. In some cases the &#8216;no auto playback&#8217; rule may be broken; Video files inside a Flash ad may start immediately, audio files should still require user initiation.</p>
<p>Depending on the type of Flash file you are creating, some or all of the following tips may help you reduce the size of your exported Movie.</p>
<h3>Limit your color palette</h3>
<p>Using a limited color palette, much like saving a GIF at 128 rather than 256 colors, can substantially lower your Movie size.  It is recommended you use tints of existing colors where possible.</p>
<h3>Limit use of gradients</h3>
<p>Limiting the use of gradients works hand in hand with limiting color palettes. A good rule is: two is great, five is too many. Remember this refers to individual different gradients, reusing the same gradient is fine (see: symbol reuse).</p>
<h3>Limit use of transparency</h3>
<p>Using transparency can allow you to create some great effects, but those same effects are slowing and bloating your Movies. As a general rule: individual items which include transparency, I.E. a button with drop shadow, are fine. You should try to avoid layered transparent items and you should definitely avoid tweening multiple transparent items across each other as this will result in playback slowdown.</p>
<p>Should you need to further shrink your Flash file after following all the tips above you may wish to try the following;</p>
<h3>Save for an older version</h3>
<p>Unless you absolutely need your Flash file to play in the latest plugin it is recommended you save for files for Flash Player 8. Saving files down from a later version to Flash 8 can sometimes shave as much as 25% off the file size.</p>
<h3>Drop frame rate</h3>
<p>25 FPS+ is the realm of TV and video, your Flash files should be around 15 FPS for optimum playback/file size. Dropping the frame rate, even below 15 FPS may be needed to lower your file size further.</p>
<p>And that&#8217;s about all I&#8217;ve got in the &#8216;must haves&#8217; category, if you think of anymore &#8216;must haves&#8217; or just want to share some advanced techniques please feel free to do so in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designergamergeek.com/general/in-the-end-youve-still-got-to-build-your-flash-correctly/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

