[ 主页 ] [ 工作环境 ] [ 基本操作 ] [ 图层帧元件 ] [ 创建动画 ]


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 )。
  事件声音,多半是应用在按钮或是固定动作中的声音,例如当鼠标移动到画面中某个字符串或是图案上时,就自动发出声响,以制造特效或提示用户超级链接的存在。它最大的特点,就是声音文件必须完全传送完成后,才能在浏览器中播放,因为它需要对用户的动作进行实时的反应。
  流声音,一般是应用于背景音乐,或是不需要与场景内容配合的情况,音乐内容可以慢慢的从服务器传送,而动画的画面也不需要与声音同步。当浏览器在播放这种类型的声音时,只要先接受到足够的声音数据,就可以开始播放了,剩余的数据可以稍后再继续下载。
  将声音添加到影片中,必须添加到空白 / 关键帧上。既可以添加一个独立的图层上,也可以添加到其他图层上。

1、导入声音文件Top

  在 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