《Flash动画》课程实训指导书

Flash动画设计与制作
课程技能训练指导书
目录
实训一介绍界面 (2)
实训二直线运动的制作 (3)
实训三曲线运动的制作 (3)
实训四形状渐变 (4)
实训五动态书法 (4)
实训六表情变化的偶人 (4)
实训七快乐转转转 (5)
实训八纸飞机 (5)
实训九弹性线条 (6)
实训十水波 (7)
实训十一反色字 (7)
实训十二旋转的地球 (8)
实训十三动态按钮 (8)
实训十四交替显示的图片 (9)
实训十五节日的彩灯 (9)
实训十六色彩变换的文字 (10)
实训十七闪烁的文字霓虹灯 (10)
实训十八播放器 (11)
实训一 介绍界面
实训目的：
使学生了解flash 的基本原理，熟悉flash 的界面，知道如何使用层，如何使用时间线，如何使用工具栏，如何调制渐变色。

实训内容：
1、什么是标题栏
2、什么是菜单栏
3、什么是层，如何添加层，如何删除一个层，如何添加一个层的引导层，如何锁定一个层。

4、介绍标题栏
5、介绍菜单栏
6、介绍工具栏：
7、颜色如何调配，渐变色，ALPHA 透明。

箭头工具的使用
套索工具的使用 画线工具的使用 矩形工具的使用 画圆工具的使用 铅笔工具的使用 文字工具的使用 画刷的使用 墨水瓶工具的使用 油漆桶工具的使用 橡皮擦工具的使用 吸管工具的使用 抓手工具的使用 放大镜工具的使用
实训二直线运动的制作
实训目的：
1、学会制作一个简单的动画，
2、进一步学习如何使用组件，如何使用时间线。

实训步骤：
1、选择菜单栏中的插入，选择新建组件，插入一个小球组件，取名ball，属性图像。

2、回到场景一--窗口--图库--拖动小球组件到工作区域。

3、在时间线上第20帧的地方单击鼠标右键，在弹出的菜单中选择插入关键帧。

4、移动小球组件的自己想要的位置。

5、在时间线上第一帧的地方单击鼠标右键--创建动画动作。

6、选择菜单栏上的控制---播放，即可预演效果。

7、存盘。

实训三曲线运动的制作
实训目的：
学习如何使用导线层，制作一个曲线运动。

实训步骤：
1、选择菜单栏中的插入，选择新建组件，插入一个小球组件，取名ball，属性图像。

2、回到场景一--窗口--图库--拖动小球组件到工作区域。

3、在时间线上第20帧的地方单击鼠标右键，在弹出的菜单中选择插入关键帧。

4、单击导线层按钮，添加一个导线层。

在工作区域里画上一个抛物线。

5、回到第一层，将第一帧小球准确地放在抛物线的起点（小球的十字刚好在抛物线上为准），将第20帧的小球放在抛物线的终点位置。

6、在时间线上第一帧的地方单击鼠标右键--创建动画动作。

7、选择菜单栏上的控制---播放，即可预演效果。

8、存盘。

实训四形状渐变
实训目的：
学习如何制作形状渐变，区分形变和移动制作方法的不同
实训步骤：
1、在第一帧的工作区域画上一个圆，填充颜色为红色。

2、在时间线上第20帧的地方单击鼠标右键，在弹出的菜单中选择插件关键帧。

然后再其工作的区域里将小球用缩放工具变小，但位置不变。

3、在时间线上第一帧的地方单击鼠标右键--面板——帧——图形。

4、选择菜单栏上的控制--播放，即可预演效果。

5、存盘。

实训五动态书法
实训目的：
学习运动逐帧动画的制作方法。

将文字打散，调整每一帧中文字的笔划。

使文字的笔划在每一帧中按书写的顺序出现，从而出现动态书法的效果。

实训步骤：
（1）在关键帧中输入文字，将其打散。

（2）在第1～30帧中建立若干关键帧，调整每帧中应出现的文字笔划的顺序。

（3）测试电影。

（4）存盘。

要点提示：为了控制文字的笔划，必须将文字打散。

为使效果逼真，要适当的安排关键帧出现的位置。

实训六表情变化的偶人
实训目的：
运用逐帧动画的制作方法。

将不同的图片放到不同的关键帧中，连续播放影
片，使图片中的人物运动起来。

实训步骤：
（1）根据图片的数量建立相应数目的关键帧。

（2）按照动画播放效果要求的顺序将图片排序。

（3）将图片放入关键帧中。

（4）测试影片。

（5）存盘。

要点提示：为使效果逼真，可以在每一个关键帧后添加延时的帧。

实训七快乐转转转
实训目的：
制作如下动画：颜色相间的发散色条不断旋转，并且有一行文字由左向右运动。

实训步骤：
（1）该动画有两层组成，第1层是旋转层，第2层是文字运动层。

（2）创建一个“图形”符号，绘制一个发散的颜色相间的色盘。

（3）在第1层中导入该“图形”符号，制作该符号的旋转动画。

（4）在第2层中制作文字“快乐转转转”的运动动画。

（5）测试影片。

（6）存盘。

实训八纸飞机
实训目的：
两个纸飞机沿着同一轨迹相向运动。

用引导线动画制作，实现一个引导层控制两个被引导层。

实训步骤：
（1）设置场景尺寸为400像素×300像素，填充色为蓝色。

建立“图形”符号1，在其中绘制一个黄绿色相间的纸飞机。

（2）建立“图形”符号2，再回至一个粉蓝色相间的纸飞机。

（3）在场景中的第1层中导入“图形”符号1，并在第50帧建立关键帧。

（4）新建引导层，绘制椭圆形运动轨迹（可以使用“工具”面板中的圆形工具，设置其无填充色，线条颜色为黑色）。

（5）在第1层，设置符号1沿轨迹运动的起始点和中指点，并创建运动动画。

（6）新建普通层，在其中导入“图形”符号2，设置该层与引导层关联。

创建符号2的导向动画。

（7）测试影片。

（8）存盘。

要点提示：
（1）一个引导层和多个引导层关联的方法。

（2）为了使纸飞机在运动过程中效果逼真，应设置该运动为“沿轨迹运动”。

实训九弹性线条
实训目的：
通过此例可以说明使用变形精灵制作形变动画的方法。

实训步骤：
1、创建电影文件：首先选择菜单“文件—新建”创建一个空白的电影文件，然后选择菜单“修改—文档”打开“电影文件属性设置”对话框，在对话框中设置背景色为白色，舞台尺寸为500像素×400像素。

2、创建线条的形变
（1）单击第1帧，选择“工具”面板中的直线工具，在场景中绘制一条红色的直线。

（2）右击第20帧，从弹出的快捷菜单中选择插入关键帧
（3）单击第20帧，调整直线的形状。

（4）打开“属性”面板。

单击第1～20帧中任一帧，在“属性”面板中的tween下拉列表中选择“形状”项，创建形变动画。

实训十水波
实训目的：
实现文字中水波荡漾的效果。

要求使用形变动画和遮蔽动画制作方法完成。

实训步骤：
（1）将场景尺寸设置为300像素×200像素，背景色为黑色。

（2）在第1层中输入文字“水波”，颜色为白色。

（3）将该文字按原位置粘贴至第2层。

（4）在第3层中绘制一蓝色的矩形。

在第3层中设置4个关键帧，调整每个关键帧中矩形的形状，在每两个关键帧之间创建形变动画，从而产生水波效果。

（5）将第2层拖动至第3层上面，将第2层设置为遮蔽层。

（6）测试动画。

（7）存盘。

实训十一反色字
实训目的：
制作如下动画：当文字移动到不同背景颜色上时会显示不同颜色。

实训步骤：
（1）设置场景尺寸为400像素×200像素，北京颜色为黄色。

（2）在Layer1层上绘制一个尺寸为400像素×87像素、无边框的白色矩形。

（3）将矩形一分为二，填充色为左黑右白。

将Layer1层中所有元素复制并在当前位置粘贴到Layer2层。

（4）将Layer2层中矩形填充色改为左白右黑。

（5）在Layer3层中输入文字“反色文字”，要求颜色为蓝色、字号为48磅。

调整文字在Layer3层中起始和结束帧位置，创建运动动画。

（6）将Layer3层设置为遮蔽层。

（7）测试影片。

（8）存盘。

实训十二旋转的地球
实训目的：
制作动画，实现地球不停的自西向东自转效果。

实训步骤：
（1）创建一个电影片段符号，并进入该符号的编辑环境。

（2）在Layer1层上绘制一圆形，设置其W为120、H为120、X为-60、Y 为-60，填充色为蓝-黑渐变色，无边框。

（3）在Layer2层上导入“地图”图形，在属性面板中调整图形位置，设置X为-80，Y为-20。

设置图形透明度为20%。

（4）将Layer1层上的圆形复制到Layer3层上位置不变。

将Layer3层设置为遮蔽层。

（5）在Layer2层上制作运动动画，使“地图”图形自右向左运动。

（6）新建Layer4层和Layer5层。

重复第3）～5）步，在Layer4层制作自左向右的运动动画，将Layer5层制作为遮蔽层。

（7）将电影片断符号拖拽至场景中。

（8）测试电影。

（9）存盘。

要点提示：为使效果逼真，要适当安排Layer2和Layer4层中动画起始帧“地图”的位置。

实训十三动态按钮
实训目的：
制作动画，实现当鼠标接触按钮时，按纽旋转效果。

实训步骤：
（1）新建一个文件，将影片设为300像素×200像素，背景为淡蓝色。

（2）新建按钮符号。

（3）使用椭圆形工具，在影片中绘制一朵画的形状。

将其转换为“图形”符号。

（4）新建影片剪辑，并做出符号“花”旋转的动作。

（5）返回按钮符号编辑区，在时间轴的“up”帧中添加关键帧，拖入花的图形符号。

（6）在时间轴的“鼠标经过”帧中添加关键帧，拖入花的影片剪辑符号。

（7）在时间轴的“反映区”帧中添加关键帧，在“花”上使用椭圆形工具画一花状大小的圆形。

（8）返回场景中，拖入按钮符号。

（9）测试影片。

（10）存盘。

实训十四交替显示的图片
实训目的：
添加百叶窗效果进行图像之间的切换。

实训步骤：
（1）设置场景尺寸为600像素×450像素。

（2）在Layer1层中导入“t1.gif”文件。

并在第60帧插入一帧。

（3）在Layer2层中导入“t2.gif”文件。

（4）建立一个名为“1”的电影片段符号，在其中创建一个形变动画。

动画要求是线条（宽度为600像素，高度为1像素，填充色为红色）到矩形（宽度为600像素，高度为49像素，填充色为红色）的形变。

（5）建立一个名为“2”的电影片断符号，在其中将电影片断符号“1”复制9次，调整他们之间的位置形成百叶窗效果。

（6）返回场景1，在Layer3层中导入电影片断符号“2”。

并设置Layer3层为遮蔽层。

（7）重复步骤1～6制作场景2和场景3。

其中可以变换百叶窗效果的方式。

（8）测试影片。

（9）存盘。

实训十五节日的彩灯
实训目的：
制作如下动画效果：在背景画面的衬托下，彩灯在不断的变换颜色，同时“新年快乐”和“万事如意”这两组字在交替变换出现。

实训步骤：
（1）设置影片背景色为黄色，并放置图片“小熊”和“礼盒”在场景的下方。

（2）创建一个电影剪辑符号，其中灯泡颜色不断变换。

再创建一个电影片段符号，灯泡颜色变换区别于第一个电影片段符号。

（3）在Layer2层绘制一条曲线，将电影片断符号1和2放置在曲线上。

（4）在Layer3层上绘制“新年快乐”和“万事如意”的文字变换效果。

（5）测试电影。

（6）存盘。

实训十六色彩变换的文字
实训目的：
制作如下动画效果：文字“FLASH”逐个字母由右至左飞入画面，并且填充色发生变化。

要求使用运动动画和形变动画的方法制作。

实训步骤：
（1）在第1层的1～10帧制作“F”的飞入效果
（2）在第2层的11～20帧制作“L”飞入效果。

依次类推制作其他几个字母的飞入效果。

（3）在第6层制作字母的颜色变化。

注意：使用性变动画制作颜色时运动对象是打散的文字。

（4）测试影片。

（5）存盘。

实训十七闪烁的文字霓虹灯
实训目的：
制作如下动画效果：文字边框像霓虹灯一样不停的变换颜色。

实训步骤：
（1）设置场景尺寸为300像素×500像素，背景颜色为灰色。

（2）新建组建选择“图形”选项。

在工作区中输入“霓虹灯”，摄制字体大小为96磅、颜色为黄色。

（3）按ctrl+B组和键两次，打散文本，选取墨水瓶工具，设“描绘色”为红色逐个字母单击，给字母加上边框。

（4）删除文字中的填充色块。

选择“霓虹灯”，使用“修改”菜单中的“形状”命令中的“将线条转换为填充”。

（5）使用“修改”菜单中的“形状”命令中的“柔滑填充边沿”命令。

设置“距离”为3，“步骤数”为4，，方向为“扩散”。

（6）从库面板中将“霓虹灯”拖放到场景中来。

（7）运用符号的属性面板中的“颜色”选项中的“色调”，制作文字颜色的渐变效果。

（8）测试影片。

（9）存盘。

实训十八播放器
实训目的：
学习制作播放按钮播放音乐，点击停止按钮，音乐停止。

实训步骤：
（1）设置场景尺寸为300像素×200像素，北京色为黄色。

（2）从共享库中拖入两个按钮到场景中，稍加编辑。

（3）新建图层，在第1帧处添加stop命令。

在第2帧处添加关键帧，导入音效。

（4）选择“播放”按钮添加动作
On(release){
Gotoandplay(2)
}
（5）选择“停止”按钮添加动作。

On(release){
Stopallsounds();
} （6）测试影片。

（7）存盘。