4 创建动画
Flash 可以创建两种类型的动画,即,“逐帧”动画和“补间”动画。
“逐帧”动画,是每帧都是关键帧,每帧上制作不同画面。传统的动画就是这样制作的。
“补间”动画,在两个关键帧之间,由 Flash 通过计算生成中间的过渡帧,使画面从前一个关键帧渐变到下一个关键帧。
提示:补间动画中, Flash 只保存关键帧之间更改的值,因此,可以最大程度地减小所生成的文件。
Flash 可以创建两种类型的“补间”动画,即,“运动”补间动画和“形状”补间动画。
“运动”补间动画,在一个关键帧上,定义一个实例、组或文本块的位置、大小和旋转等属性,然后在另一个关键帧上改变那些属性。也可以沿着路径制作“补间”动画。
“形状”补间动画,在一个关键帧上,绘制一个形状,然后在另一个关键帧上,更改该形状或绘制另一个形状。
4.1 创建补间动作动画(Top)
1、沿直线运动补间动画(Top)
⑴在图层 1 的第 1 帧上,利用椭圆工具绘制一个椭圆。 提示:使用椭圆、矩形(多角星形)工具制作的图形,轮廓线和填充物可以很容易地分离成两个独立的对象。因此,除了必须要轮廓线外,为了避免产生麻烦,应该将笔触颜色设置为“无”。
⑵用“选择”工具将椭圆选中后,按 F8 ,在“转换为符号”对话框上,“名称”框中输入“椭圆”,“行为”选项区,选中“影片剪辑”,然后单击“确定”。将椭圆对象转换成元件。如图1所示

图1 “转换为符号”对话框
⑶选中第 15 帧后,按 F6 ,插入一个关键帧,然后椭圆实例拖放到另一位置。
⑷在第 1 至 15 帧之间,单击右键,然后单击“创建补间”。
⑸按回车键,在场景中预览动画。如图2 所示。

图2 直线运动补间动画预览效果
图2 ,显示了分帧的画面,即,除了当前(第 15 )帧的图像外,还显示其它帧上的对象轮廓线。这是因为按下了帧控制区下方的“绘图纸外观”按钮。
提示:单击“修改绘图纸标记”按钮,可出现一个下拉菜单,可选择分帧显示的范围。
2、沿路径运动补间动画(Top)
利用引导线,可实现沿路径运动的补间动画,紧接上一例,
单击图层控制区左下方的“添加运动引导层”按钮,在图层 1 之上,新建一个引导层,并在该层上,用“钢笔”工具绘制一个曲线路径,然后将图层 1 的第 1 帧和第 15 帧中的椭圆分别拖到曲线路径的起始点和结束点,这样就实现了沿路径补间动画,如图 3所示。
提示:要使对象沿路径运动,起点、终点帧上实例的中心必须在路径上。

图3 沿路径 运动 补间动画效果
4.2 形状补间动画(Top)
形状补间动画,是指对象最初以某一形状出现,随时间推移逐渐演变为另一个形状,产生的形变效果。
提示:创建形状补间动画,只能使用普通图形对象。如果,使用群组、实例、位图图像或文本等对象,必须先将它们分解为普通图形对象。
1、制作一个简单的形状补间动画(Top)
⑴在图层 1 的第 1 帧上,利用“椭圆”工具(按 SHIFT 键)绘制一个圆形。 ⑵在第 15 帧,插入一个空白关键后,利用“多角星形”工具,绘制一个五角星。
⑶在第 1 至 15 帧之间单击,然后在“属性”面板中的“补间”·框中,选定“形状。形状补间动画效果,如图4所示


图4 形状补间动画效果
2 、形状提示(Top)
如果,要控制更加复杂的形状变化,可以使用形状提示。形状提示会标识起始形状和结束形状中的相对应的点。例如,制作一个改变脸部表情的动画,可以使用形状提示分别标记每只眼睛。这样在形状发生变化时,脸部就不会乱成一团,每只眼睛还都可以辨认,并在转换过程中分别变化。 形状提示包含字母(从 a 到 z ),用于识别起始形状和结束形状中相对应的点。最多可以使用 26 个形状提示。 形状提示须在起始关键帧上添加,每单击一次“修改”·“形状”·“添加形状提示”(或按 Ctrl + Shift + H ),在图形中心添加一个形状提示。 添加完成后,分别将它们移动到所需的位置。
4.3 创建逐帧动画(Top)
逐帧动画,实际上就是每一帧都是关键帧,且各帧的画面不同(逐渐变化)。
1、创建逐帧动画(Top)
以创建一个显示文字书写过程的动画为例。 ⑴新建一个文档,修改文档属性,将“尺寸”设定为“宽” 500 、“高” 100 。
⑵用“文本”工具在舞台上书写“个人简历”。文本有关属性,如图5所示

图5 文本“属性”面板
提示: Flash 中文本有三种类型。即, 静态文本-内容及外观在制作影片时确定,播放过程中不会改变。 动态文本-可在播放过程中,更新内容和外观。 输入文本-播放过程中,供浏览者输入,产生交互效果。 ⑶用“选择”工具选中文本块后,连续两次按 Ctrl + B 。第一次将文本块分离成单个文字,第二次将单个文字分离成普通图形对象。 ⑷连续按 F6 ,添加 49 个关键帧。
⑸用“橡皮檫”工具,按照书写过程中,笔迹在纸上逐渐增多,擦除各帧上多余的图像。图6分别显示,第2、5、20帧上的图像。

图6 逐帧动画制作
2、导入逐帧动画(Top)
可以将外部的逐帧动画导入到 Flash 中,包括 GIF 动画, SWF 动画(未受保护的可以导入)。方法是, 单击“文件”·“导入”·“导入到舞台”或“导入到库”。
4.4 创建遮罩动画(Top)
利用遮罩图层,可以制作一些特殊效果。如,聚光灯、图像切换等。 遮罩层的作用,是透过遮罩层上的对象,可以看到下面(被遮罩)图层上的图像。遮罩对象可以是普通图形、文字、图形元件的实例或影片剪辑等。一个遮罩层下面可以有多个被遮罩层。 提示:如果遮罩对象是文字或图形元件实例等,则遮罩层上可以创建运动补间动画;如果遮罩对象是普通图形,则遮罩层上可以创建形状补间动画。 以创建一个聚光灯效果为例。 ⑴新建一个文档,修改文档属性,将“尺寸”设定为“宽” 600 、“高” 100 。 ⑵用“文本”工具在舞台上书写“欢迎用户进入教学在线”。 ⑶单击“时间轴”面板图层控制区左下方的“插入图层”按钮,新建图层 2 。
⑷在图层 2 上,用“椭圆”工具绘制一个圆形后,用“选择”工具选中,然后按 F8 ,将它转换成元件。如图7所示。

图7 图形转换成元件
提示:图7显示,圆形蓝色矩形框线包围,且左上角有“+”标记,这表明它是一个实例。 ⑸在图层 2 的第 35 帧上插入关键帧后,在该帧上,用“选择”工具将圆形移到“线”字之上。 ⑹在图层 1 的第 35 帧上,插入帧。 ⑺在图层 2 的第 1 至 35 帧之间单击右键,然后单击“创建补间动画”。
⑻“时间轴”的图层控制区中,在图层 2 上单击右键,然后单击“遮罩层”。如图 8所示。 ⑼按回车键,即可在场景中预览到聚光灯效果。如,黑夜中聚光灯自左至右水平移动,光束所到之处显示文字。 提示:上述动画可以作一些改进,例如,在图层 1 的第 40 帧插入帧,依次局部显示“欢迎用户光临教学在线”文字后,在第 36 至 40 帧整体显示这个文字块。

图8 修改图层属性
4.5 创建有声动画(Top)
Flash 中的声音可以分为两种类型,分别是事件声音( Event Sound )和流声音( Stream Sound )。 事件声音,多半是应用在按钮或是固定动作中的声音,例如当鼠标移动到画面中某个字符串或是图案上时,就自动发出声响,以制造特效或提示用户超级链接的存在。它最大的特点,就是声音文件必须完全传送完成后,才能在浏览器中播放,因为它需要对用户的动作进行实时的反应。 流声音,一般是应用于背景音乐,或是不需要与场景内容配合的情况,音乐内容可以慢慢的从服务器传送,而动画的画面也不需要与声音同步。当浏览器在播放这种类型的声音时,只要先接受到足够的声音数据,就可以开始播放了,剩余的数据可以稍后再继续下载。 将声音添加到影片中,必须添加到空白 / 关键帧上。既可以添加一个独立的图层上,也可以添加到其他图层上。
在 Flash 中导人声音文件的方法与导入其它格式文件的方法一样。可以导入到库也可以导入到舞台。 所有导入到 Flash 中的声音文件都会成为元件库中的一个元件,以后可以重复使用它。 以下格式的声音文件可以导入到 Flash 中: WAV (仅限 Windows ) AIFF (仅限 Macintosh ) MP3 ( Windows 或 Macintosh ) 提示:用户自己制作的 MP3 ,虽说能在 MP3 播放器中播放,但往往不能导入 Flash 。 如果系统上安装了 QuickTime 4 或更高版本,则可以导入这些附加的声音文件格式: AIFF ( Windows 或 Macintosh ) Sound Designer II (仅限 Macintosh ) 只有声音的 QuickTime 影片( Windows 或 Macintosh ) Sun AU ( Windows 或 Macintosh ) System 7 声音(仅限 Macintosh ) WAV ( Windows 或 Macintosh )
2、在影片中添加声音(Top)
Flash 允许在同一个动画文件中,加入多个声音文件,用户只要将声音分别存放在不同的图层上即可。在播放时,这些声音会一起播放。这样就会得到混音效果。另外,将声音放在不同的图层中的主要好处,就是方便用户进行编辑,不要在一个图层上,放置一个以上的声音。 当声音文件被成功地导入到元件库中之后,就可以将它们应用到动画中了。其操作方法:
选定需要添加声音的独立图层,或添加声音的空白 / 关键帧后,在“属性”面板上设置。如图9、10、11所示。

图9 声音文件选定

图10 触发播放声音的事件

图11 声音效果选择
“属性”面板上 “声音”:选择所需的声音(文件)。列出库中所有声音文件。
“效果”:声响效果。“编辑”按钮,可在“编辑封套”对话框上编辑。如图 12所示。 “同步”:选择与什么事件同步播放。其中, “事件”:当播放到附加声音的关键帧时开始播放。 “开始”:当播放到附加声音的关键帧时开始播放。但如果有其它声音在播放,则不播放。 “停止”:当播放到设置“停止”的关键帧时,停止。 “数据流”:与动画数据流同步播放。 “循环”:播放次数。 0 =无数次

图12 “编辑封套”对话框
4.6 创建交互式动画(Top)
具有交互式的动画可以使浏览者参与控制动画。可以通过鼠标单击或按键盘按键等操作,使动画画面产生跳转,或者执行其他一些动作脚本。 在 Flash 中用户只能为空白 / 关键帧、按钮实例或者影片剪辑实例添加动作,设定触发动作的事件。 下面介绍,如何将动作添加到按钮上,以便用按钮控制动画播放的例题。 动画制作完成后,新建一个图层,然后从“公用库”的“按钮”库,“ Play back ”组中,拖四个按钮( Gel Stop 、 Gel Right 、 Gel Rewind 和 Fast Forward )至舞台(第 1 帧)上。 分别给四个按钮添加动作。 “ Gel Stop ”(停止)添加动作:停止播放“ Stop ”。
⑴选中后,在“动作”面板上。单击“+”·“全局函数”·“影片剪辑控制”·“ on ”。如图13所示。

图13
⑵在出现的提示框中,选中“ press ”后,按回车。如图 13.5.15 所示。至此,触发动作的事件(鼠标单击)已经添加完成。

图14 选定鼠标事件
⑶将光标移到“{”后,单击“+”·“全局函数”·“时间轴控制”·“ Stop ”。如图15所示。

图15 添加动作
“ Gel Right ”(播放)添加动作:播放“ Play ” ⑴选中后,在“动作”面板上。单击“+”·“全局函数”·“影片剪辑控制”·“ on ”。 ⑵在出现的提示框中,选中“ press ”后,按回车。 ⑶将光标移到“{”后,单击“+”·“全局函数”·“时间轴控制”·“ Play ”。 “ Gel Rewind ”(向后)添加动作:后退一帧“ PrevFrame ” ⑴选中后,在“动作”面板上。单击“+”·“全局函数”·“影片剪辑控制”·“ on ”。 ⑵在出现的提示框中,选中“ press ”后,按回车。 ⑶将光标移到“{”后,单击“+”·“全局函数”·“时间轴控制”·“ PrevFrame ”。 “ Fast Forward ”(向前)添加动作:向前一帧“ nextFrame ” ⑴选中后,在“动作”面板上。单击“+”·“全局函数”·“影片剪辑控制”·“ on ”。 ⑵在出现的提示框中,选中“ press ”后,按回车。 ⑶将光标移到“{”后,单击“+”·“全局函数”·“时间轴控制”·“ nextFrame ”。 上述动作添加完成后,交互式动画就完成了。按 Ctrl + Enter 到动画测试窗口预览动画。单击播放按钮后,开始播放动画;单击停止按钮,动画停止播放;单击向后按钮,动画后退 1 帧;单击向前按钮,动画向前 1 帧。
主页 (Top)
|