Flash制作实例——交替变换的“欢迎光临”

Author: 歌手 Date: 1999年 第34期 27版

    自从Macromedia公司推出了flash以后,制作动态网页就变得轻而易举,再不用费力地学Java,只要用flash就能制作出各种各样的动态效果。来吧,Follow me,我们一起来做一个flash动画。
    我们要制作的flash动画是在页面中交替变换的“欢迎光临”四个字。只要你一步一步地跟着做,会感觉到flash一点都不复杂。
    一、运行flash,打开一个空白页面。你可以对页面的属性进行设置。点击菜单条上的“Modify→Movie”(可以用快捷键“Ctrl+M”来激活),然后出现“Movie properties”设置窗口,如^342701a^1。
    其中Frame Rate是动画每秒播放的帧数,数值越大,动画闪动越快。Dimensions定义flash动画尺寸大小,可以根据需要进行设置,Grid定义工作区的网格大小,Show grid决定是否显示网格,选中后在工作区会出现网格,有助于把图片做得精确。在Colors的设置中,Grid是设定网格线颜色,Background是设置背景色。根据需要设定好后,按“OK”,工作区内会出现一个页面,它的大小就是以后你插入Html页面中的flash动画的大小。
    二、接下来,我们要为4个文字建立四个空白关键帧。在时间轴上第1帧的位置按鼠标右键,选择“Insert Blank Keyframe”(可以用“F7”键来快速插入),然后在这一帧上会出现一个空心圆点。依次在时间轴10、20、30的地方插入空白关键帧。当然,你可以根据你的需要延长或缩短两个空白关键帧之间的长度,完成后如^342701b^2。
    三、用鼠标点击时间轴第1帧的位置,使该帧变成黑色,表示你正在对这一帧进行操作,然后点击工具栏中的文字工具(见^342701c^3),并根据你的需要选择字型、字体、大小、颜色等,然后输入“欢”字。
    输完文字后,选择主菜单中的“Modify→Break Apart”,将文字打散,使它成为非群组关系,只有这样,才能做出文字形状的变化。(可以选取用热键“Ctrl+B”来打散文字)
    四、依次选中时间轴10、20、30的位置,输入另外三个文字并打散。
    五、输完文字并打散后,可以选择工具栏中的油漆桶,调配你喜欢的渐变颜色,然后移动鼠标到每个文字上,点一下文字,就可以看到文字被涂上了漂亮的渐变颜色。
    六、接下来,就可以开始做变化效果了。选中时间轴上的第1帧,按鼠标右键,选择“properties”(属性)选项,然后在弹出的窗口中选择Tweening标签页,在Tweening下拉列表框中选中shape,然后根据个人爱好选择变化方式。其中Blend是指文字变化中的融合方式,Distributive是指分散变化,Angular是指有棱角的变化,Easing是指变化中的渐慢方式,可以拖动滑杆进行设定,如^342701d^4。
    设定好后,按“OK”,这时,在时间轴第1帧和第10帧之间,会出现一条带箭头的绿线,这表明从第1帧到第10帧flash会自动进行shape的变化。
    七、依此类推,对其他几个字也进行设置,然后可以看到每个关键帧之间都会出现带箭头的绿线,如^342701e^5,OK,大功告成。
    八、按一下回车,可以预览一下效果。满意后就可以输出成品了。
    九、全部完成后,按保存按钮,可以把flash动画保存起来,以便于以后修改,如选择菜单中的“File→Export Movie”,你可以把你的作品输出为flash动画。键入文件名,然后会出现一个窗口,如^342701f^6。你可以根据你的需要进行设置,其中Load Order是指载入顺序,可以在下拉列表框中选择。Generate Size Report是指输出动画时,是否生成附带的动画大小说明档,Protect From Import是保护你的作品不被他人修改,Omit Trace actions是隐去轨迹输出,JPEG是指你的动画中如果使用到图像,可以统一压缩品质,值越大品质越好。这样,一个后缀名为SWF的flash动画就制作好了,你可以用Dreamweaver将它嵌入你的页面。
    怎么样?是不是很简单?你学会了吗?