<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.whirled.club/index.php?action=history&amp;feed=atom&amp;title=Animated_icon_%28Flash_tutorial%29</id>
	<title>Animated icon (Flash tutorial) - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.whirled.club/index.php?action=history&amp;feed=atom&amp;title=Animated_icon_%28Flash_tutorial%29"/>
	<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Animated_icon_(Flash_tutorial)&amp;action=history"/>
	<updated>2026-10-28T00:05:05Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.7</generator>
	<entry>
		<id>https://wiki.whirled.club/index.php?title=Animated_icon_(Flash_tutorial)&amp;diff=2681&amp;oldid=prev</id>
		<title>Whirled vox: Text replacement - &quot;&amp;quot;&quot; to &quot;&quot;&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Animated_icon_(Flash_tutorial)&amp;diff=2681&amp;oldid=prev"/>
		<updated>2018-09-05T17:56:37Z</updated>

		<summary type="html">&lt;p&gt;Text replacement - &amp;quot;&amp;quot;&amp;quot; to &amp;quot;&amp;quot;&amp;quot;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 17:56, 5 September 2018&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l18&quot;&gt;Line 18:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 18:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Publish Your Icon==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Publish Your Icon==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;When you are read to publish your icon to a GIF file, your &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot;&lt;/del&gt;Publish Settings&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot; &lt;/del&gt;GIF tab should look like this:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;When you are read to publish your icon to a GIF file, your &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot;&lt;/ins&gt;Publish Settings&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot; &lt;/ins&gt;GIF tab should look like this:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;(If you want a higher quality .gif you need to change the palette type from &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot;&lt;/del&gt;Web 216&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot; &lt;/del&gt;to &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot;&lt;/del&gt;Adaptive&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot; &lt;/del&gt;then adjust the max colors to &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot;&lt;/del&gt;9999&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot; &lt;/del&gt;as seen below, this is optional, but will create an animated .gif with higher quality animation and colors.)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;(If you want a higher quality .gif you need to change the palette type from &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot;&lt;/ins&gt;Web 216&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot; &lt;/ins&gt;to &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot;&lt;/ins&gt;Adaptive&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot; &lt;/ins&gt;then adjust the max colors to &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot;&lt;/ins&gt;9999&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot; &lt;/ins&gt;as seen below, this is optional, but will create an animated .gif with higher quality animation and colors.)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:Flash-Publish_Settings-GIF.png]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:Flash-Publish_Settings-GIF.png]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Whirled vox</name></author>
	</entry>
	<entry>
		<id>https://wiki.whirled.club/index.php?title=Animated_icon_(Flash_tutorial)&amp;diff=1350&amp;oldid=prev</id>
		<title>Dragawn: Created page with &quot;{{Infobox tutorial |type=Flash |difficulty=Beginner |description=Create an animated icon for your Shop item listing or your profile in Flash. |requirements=Image:Icon-Flash....&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Animated_icon_(Flash_tutorial)&amp;diff=1350&amp;oldid=prev"/>
		<updated>2018-08-25T16:48:18Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;{{Infobox tutorial |type=Flash |difficulty=Beginner |description=Create an animated icon for your Shop item listing or your profile in Flash. |requirements=Image:Icon-Flash....&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{Infobox tutorial&lt;br /&gt;
|type=Flash&lt;br /&gt;
|difficulty=Beginner&lt;br /&gt;
|description=Create an animated icon for your Shop item listing or your profile in Flash.&lt;br /&gt;
|requirements=[[Image:Icon-Flash.png|20px]] [[Adobe Flash CS3]]&lt;br /&gt;
|other=&lt;br /&gt;
|item=icon&lt;br /&gt;
}}&lt;br /&gt;
This tutorial has tips on creating an animated icon for your [[profile]] or [[Shop]] item listings. The screenshots below are from Adobe Flash CS5.5, so the layout in CS3 or CS4 may differ slightly.&lt;br /&gt;
&lt;br /&gt;
==Setup Your Stage==&lt;br /&gt;
In order for your animated GIF to play correctly as a profile icon or shop icon, it needs to be the correct size.  In the properties tab, change the width to 80 pixels and the height to 60 pixels as shown below:&lt;br /&gt;
&lt;br /&gt;
[[Image:Flash-Document_Settings-Stage_Size.png]]&lt;br /&gt;
&lt;br /&gt;
==Add Your Animation==&lt;br /&gt;
Using the correct stage size, you can now create an animation in that space.  Things outside of the stage will not show in your animated icon.&lt;br /&gt;
&lt;br /&gt;
==Publish Your Icon==&lt;br /&gt;
When you are read to publish your icon to a GIF file, your &amp;amp;quot;Publish Settings&amp;amp;quot; GIF tab should look like this:&lt;br /&gt;
&lt;br /&gt;
(If you want a higher quality .gif you need to change the palette type from &amp;amp;quot;Web 216&amp;amp;quot; to &amp;amp;quot;Adaptive&amp;amp;quot; then adjust the max colors to &amp;amp;quot;9999&amp;amp;quot; as seen below, this is optional, but will create an animated .gif with higher quality animation and colors.)&lt;br /&gt;
&lt;br /&gt;
[[Image:Flash-Publish_Settings-GIF.png]]&lt;br /&gt;
&lt;br /&gt;
Here's an example of an animated icon:&lt;br /&gt;
&lt;br /&gt;
[[Image:Tutorial-animated_icon_example.gif]]&lt;/div&gt;</summary>
		<author><name>Dragawn</name></author>
	</entry>
</feed>