6 P( q0 j" O4 L. x( W
为互联网事业发展提供源动力！) `2 X/ K* x( A
说明：这个看似复杂的圆形效果其实是用Tween Instances命令自动来创建的，所以您根本就不需要为排列不整齐这些椭圆形对象而烦恼，渐变填充的变化也能给您的图像带来完全不一样的效果。完成本例后，多动动脑子想想，或许您还能创建出另外的效果。
163k团购网站系统官方服务论坛4 f4 f" M0 i9 |; k v# h
bbs.163k.com* c! J2 ^! x1 G" Q) a
具体制作过程：
$ W; g6 V# u8 Y+ K4 v3 o: q163K网站系统官方论坛 首先在Fireworks中使用菜单命令：File>New新建一文件，设置其画布尺寸为200*200象素，画布颜色为白色，点击OK按钮。
163k团购网站系统官方服务论坛" l2 x& U; N; {& Z, V& p2 G1 f. T2 e
选择工具面板中的Ellipse椭圆形工具在画布中间位置绘制一椭圆形，椭圆形的尺寸您可以在Info面板中设置W值为30，H值为180，按回车确认数值被正确输入。在工具面板的Colors选项中设置描边颜色为红色，填充颜色为None（空）。
2 H8 e+ n, c' ^bbs.163k.com 使用菜单命令Modify>Alter Path>Expand Stroke，该命令可以用来扩展路径。当Expand Stroke对话窗口被打开时，设置Width值为1，点击OK按钮。
163K网站系统官方论坛- N1 j; n. @0 N$ B" H0 h
. O7 h/ @3 L# a& l9 N# i
. I3 K6 Y! F5 y/ [, O6 k4 ebbs.163k.com
- z6 n* z+ M! y; R% c为互联网事业发展提供源动力！
. {2 M3 W5 p. K163K网站系统官方论坛 此时，由于路径扩展成了填充对象，因为我们在Stroke面板中设置描边值为None，切换至Fill面板，从Fill Category填充类型下拉列表中选择Linear（线性渐变），然后点击Edit按钮，在渐变颜色编辑器中做如下图所示的颜色设置，总共有四个颜色标记，分别是红、蓝、蓝、黄，其中红和蓝颜色标记叠放在一起，蓝和黄颜色标记叠放在一起。
$ f/ \2 M. `( q1 g/ Y: y' |, f! w
8 @. r! X4 ?% O% e163k团购网站系统官方服务论坛
1 y; f8 }* v+ }- ]7 M/ a) Y为互联网事业发展提供源动力！6 L: v( m4 `( J2 m8 [& n y
然后我们来设置线性渐变的方向，使用黑色箭头工具移动黑色小圆点到椭圆形的顶部位置，然后把黑色的矩形点拉到椭圆形的底部位置，这样就有了如下图所示的形状。
163K网站系统官方论坛( K, X5 `# J4 w4 y3 |2 }
; A2 n5 Z; i' w [. x1 D
1 o+ |$ w% [* Z$ I) x- Ebbs.163k.com
0 b1 f3 @* O+ rbbs.163k.com 使用键盘快捷方式F8键，此时会弹出Symbol Properties对话窗口，确定当前选择的Type类型为Graphic，在Name选项中您可以给当前这个symbol符号命名，当然也可以使用默认的名字，点击OK按钮完成符号转换。
8 x! k9 H" ~' ?, a5 h7 F: a: \% ? 使用菜单命令：Edit>clone，克隆当前的符号对象。当克隆出来的这个对象被选中时，使用菜单命令Modify>Transform>Rotate 180°，此时对象被旋转180度。
6 j1 g4 z4 k8 ~
使用快捷方式Ctrl+A全选这二个对象，使用菜单命令Modify>Symbol>Tween Instances进行插帧操作，当Tween Instances对话窗口被打开时，设置Steps值为15~40中的一个值，本例中设置Steps为25。不要选择Distribute to Frames选项，点击OK按钮。
为互联网事业发展提供源动力！+ Z! r7 ^; u0 F; f; |" t; t1 Y) z
" w3 {7 }- H9 I1 Z: Y
团购网站系统,团购网程序3 l, W+ C0 L! O. |
团购网站系统,团购网程序# n& {, k/ w3 F# _- e
此时如果您按照我上面的步骤来做的话，应该就会出现如下图所示的形状，呵呵，这个效果蛮好玩的吧，别感觉惊讶，这就是Tween Instances命令所产生的，用这命令还能做很多效果呢，您可以查看本系列中其他的教程。
" D1 k, R/ L; ^$ J. T4 k" O7 ibbs.163k.com
7 l' E8 k" K1 T- @bbs.163k.com
; S. m8 v" R6 u* L$ b7 d团购网站系统,团购网程序
+ }$ S4 |" R7 |; K+ h) D 好了，既然这个教程起名为“旋舞”，那么我们就让它动起来。
163K网站系统官方论坛. k3 r" v+ w5 Q6 S& Y8 N: \ j
快捷方式Ctrl+A全选这些对象，然后使用菜单命令Modify>Group，或是直接使用快捷方式Ctrl+G，将这些对象合成为一个组对象。
为互联网事业发展提供源动力！) x' Y. _9 o, e n3 M, u0 ? A# f
按F8键，当Symbol Properties对话窗口被打开，此时我们选择Animation类型，点击OK按钮。紧接着会跳出Animate对话窗口，在这儿我们设置Frames值为11，最下面的Rotate值为360，其他的就按照默认的设置可以了，点击OK按钮。这个创建动画过程可能需要一点等待的时间，请耐心一些，因为程序正在相应地自动生成各个帧中的动画。
bbs.163k.com& ~) d4 z6 t! d- z" n- |$ ^4 ?
为互联网事业发展提供源动力！ l2 k) [, F$ ]+ n4 I
- f4 `: r6 s$ E) }( o! ]4 n163K网站系统官方论坛
8 d$ U8 E4 m( T$ ibbs.163k.com 动画创建完成后，您的文件将会变成如下图所示的样子，文档窗口左下角有一排播放按钮，我们点击下图白色箭头所指的按钮就可以观看这个动画了。
* J1 t$ B( y6 l% I. O9 U% E) M1 {为互联网事业发展提供源动力！团购网站系统,团购网程序/ m/ K; c6 g$ x9 c9 f8 h
163k团购网站系统官方服务论坛3 }& m1 Q: s- }! u5 V
& b8 _. R- K2 O( |' i- ^5 ? 是不是觉得动画播放过程有一点停顿，这个原因出在刚才在设置Animation动画时，Rotate角度为360度，所以当前的动画第一帧和最后一帧是重复的。打开Frames面板，选中Frame11，然后点击帧面板右下角的垃圾筒按钮，这样就能把多余的帧给删除了。
' b2 c, O+ H* F5 H0 f' e: ^
如果您觉得当前动画的播放速度有点快，点击Frame1帧，然后按住Shift键，点击Frame10帧，此时这些帧对象都被选中了，双击任何一帧右边的“7”的位置，此时会弹出Frame Delay对话窗口中，我们可以加大这个数值，这样就可以加长帧的延迟时间，本例中我设置为20。
bbs.163k.com8 m- k$ ]- ~1 w+ \& e% y
* I$ T: D/ x' c" vbbs.163k.com
e% c4 L4 o1 k( qbbs.163k.com! ~, x t5 u0 q P/ G( t
好了。动画效果完成了，我们将它保存为一个GIF动画进行输出，使用菜单命令File>Export Preview，当Export Preview对话窗口被打开时，在Options标签面板中，设置Format格式为Animated GIF，这项设置是最主要的，然后您可以设置一下GIF文件的颜色值，在File标签面板中您可以设置该动画的文件尺寸比例。设置完后点击Export按钮，将文件保存到硬盘中，完成本例制作。
