图文教程:详解Fireworks中的动画制作

[复制链接]
查看: 258|回复: 0
gggds 发表于 2009-12-27 03:21:50 | 显示全部楼层 |阅读模式
有过Flash动画制作基础的朋友一定知道,在FLASH中将绘制的图像转换成的“图像元件”或“动画元件”是可以通过软件的内建指令,产生运动及其它变化的效果。而在Fireworks中也沿用了这种动画制作方式,从而大大减省了GIF动画制作时的繁琐性。而在本篇教材中,我们也只针对软件直接生成的动画效果进行分析,不对手工分桢的动画制作进行讨论。4 [/ j7 \" Q3 Z
一、动画的基本运动
/ P* j4 G0 j7 _8 L* R在Fireworks中,动画的运动方式可分为四个基本动作:
( m$ o0 P+ l' a5 g& p1、直线运动:图像由A点直线移动至B点;6 V5 F: e6 C& h- |
2、旋转:图像原地进行顺时针或逆时针旋转;3 g  x3 C. Z" \/ N
3、不透明度渐变:图像的透明度发生变化;
2 D0 g/ u6 Q) ]4、缩放:图像的产生放大或缩小的变化。
' P4 m6 g) D$ n6 z) R每种动画效果即可独立作用于一个图形对象,也可同时作用于一个图形对象上。& x) m  Q: K7 Q1 }- {
二、图像的动画制作1 ?1 c! J  b3 S5 M' x& ?% h
在Fireworks中,将绘制完成的图形对象制作成动画效果,可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后,通过“补间实例”功能来间接实现。/ A/ z7 W: N0 c$ n
1、使用“动画”设置框制作动画( ], `( t/ F3 G+ f8 d- u0 q
点选将要制作成动画的图形对象后,选择菜单栏上的“修改——动画——选择动画”命令,将会弹出“动画”的设置对话框,如图01。
3 D- b( D8 g' V7 T9 L/ [. W' H8 _% I$ i( r2 A4 \6 U8 @/ d

: U4 ?, l6 q4 @
8 P& y5 P1 V/ {& T7 \  T# \' `9 Z$ [, P& p, `. M

4 y" K6 }2 H8 y2 ~. l0 P
+ h) q1 Y0 ~  ^+ H: i% J  T" V$ Z1 K
, [/ D! u& `  n0 Q/ S; W# o图01* K6 R2 }5 U. D0 V
在这里,可以设置动画的帧数、图像的移动距离、运动方向、缩放程度、不透明度的变化以及旋转的方向和角度等。设置完成后可点击“确定”按钮。如果此时的“帧”浮动面板里的帧数少于当前将要创建的动画帧数时,则会弹出一个提示框,示意是否为当前动画建立足够的帧数。再次点击“确定”后,软件将自动把该图形对象转成动画元件并按刚才所设置的动画参数,自动成动画效果。我们可通过Fireworks画布文档下方的动画播放按钮进行效果查看。如图02。, G  g7 K! c/ g1 f% ^  c

8 d" N2 Y# `- R. p) v8 X( f  X  _) U2 R6 n# Q
& U; [. E* o. E% C& u/ }! \
2 Y9 L% Z* {0 L/ `( {
2 }  B+ s5 d  x# B2 Y7 ?
) B5 V0 l  V/ o
7 [0 t/ ^9 @: c2 b
图02 $ t$ N" O; h$ O1 t; i
2、使用“补间实例”功能制作动画6 H; n9 F/ n0 g' C
这是一种间接制作动画的方式。具体的操作方法是,先选中图形对象后按F8键,在“元件属性”对话框中将图象转为“图形元件”。此时打开“库”浮动面板的话就会看到,这里多了一个“图形元件”。说明该对象已被成功转换为“图形元件”。如图03。
1 |* g2 @9 D3 R9 @% u) v5 i5 T5 I% w3 @; B- J
# Z$ p; z( L$ \- j' s9 P. T
' Y! n7 a" S6 ^, L7 E9 Q% w

0 a! _9 q7 m1 h  F) ~7 B0 a5 @
0 ^6 H/ j$ S6 e4 y6 p# i: g
" b- h' O) J/ T3 j5 J/ p图038 c1 U% q. \+ P6 g; p- f

' s) t% j6 w: ?* M. T4 t4 U% z1 P而原来画布中的图像左下角则会多出一个小箭头标志,表明这是该“图形元件”的一个分身。我们从“库”面板中用鼠标将该“图形元件”拖拽至画布当中,为该“图形元件”建立第二个分身对象。同时选中这两个分身对象后,在任意一个分身对象上点击鼠标右键,并从弹出菜单中选择“元件——补间实例”命令,从而启动“补间实例”对话框,如图04。( W' ?/ t) o9 ^
  U# H' j3 i& J9 K& O# d1 t3 u3 U

; m. t4 J: @( I# H9 ?! z8 C8 a( P. K( I( o% j% b: c
2 ]# }4 x: d: q2 D- v

, B$ Z% F" H- [$ w. B* D; b# m& f5 C$ i4 `
图04, z; i# M0 v3 w

$ ]- y# q/ U" e在“步骤”栏中可输入这两个分身之间过渡的图像步骤,在这里我们可以理解为该动画设置帧数。而“分散到帧”复选框则是将这两个分身之间的过渡图像按顺序分发到每个帧之中。因此只有选中了该项,整个动画才能完成。在点击“确定”按钮后即可生成动画效果了。
9 t& {( [) V8 T' m( W: N" ^* e如果想让图像做成动画后产生缩放、不透明度渐变以及旋转效果的话,可在启动“补间实例”之前对这两个分身对象进行不同程度地缩放、不透明度设置和旋转后,再进行“补间实例”的操作。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )