遮罩动画场景的应用多媒体素材动作引导动画指导书.docx

遮罩动画场景的应用多媒体素材动作引导动画指导书.docx

《遮罩动画场景的应用多媒体素材动作引导动画指导书.docx》由会员分享，可在线阅读，更多相关《遮罩动画场景的应用多媒体素材动作引导动画指导书.docx（17页珍藏版）》请在冰豆网上搜索。

遮罩动画场景的应用多媒体素材动作引导动画指导书

实验三矢量动画软件Flash的使用（3）

[实验目的]

1、掌握Flash中动作引导动画的制作方法；

2、掌握Flash中遮罩动画的制作方法；

3、掌握Flash中多媒体素材的使用；

4、掌握Flash中场景的应用；

[实验内容]

1、使用Flash制作运动引导动画

运动引导层使用户可以创建特定路径的动作补间动画效果。

动画“飞翔”的制作步骤：

①使用菜单命令“文件>新建>Flash文档”新建一个Flash文档；使用菜单命令“修改>文档”，将尺寸改为“640×480”；

②将“图层1”改名为“背景”；使用菜单命令“文件>导入>导入到舞台”，选择图片“天空.jpg”，将该图片作为背景；

使用菜单“插入>新建元件”，将名称改为“bird”、行为改为“影片剪辑”后确定，进入元件编辑状态；

使用菜单命令“文件>导入>导入到舞台”，选择“飞鸟”文件夹中的第1幅图片“飞鸟_1.png”；当出现提示对话框时，单击“是”确认，将序列的其它图片也导入到Flash中；此时时间轴上自动出现了30个关键帧，每一帧都是序列中的一幅图片；单击工作区左上方的“场景1”按钮，回到场景编辑状态；

③在时间轴面板中单击“插入图层”按钮

，创建一个新的图层，将图层改名为“飞鸟”；单击选择“飞鸟”图层的第1帧，按下Ctrl+L键打开库面板，将元件“bird”拖动到舞台的左侧；选择任意变形工具

，按住Shift键拖动元件四周的控制点，将它缩小；

④选中“飞鸟”层的第50帧，按下F6键，建立一个关键帧，该帧内容与该层的前一关键帧（第1帧）相同；

使用选择工具

将bird元件拖到舞台的右侧上方，选择任意变形工具

，按住Shift键拖动元件四周的控制点，将它适当放大；

在“飞鸟”层的第1帧上右击，在快捷菜单中选择“创建补间动画”，在第1帧与第50帧之间出现了蓝色底色的箭头，创建运动补间动画；

单击选中“背景”层的第50帧，按下F5键，插入普通帧，表示将第1帧的背景内容延续到第50帧；

按下Enter或Ctrl+Enter键查看动画效果，此时鸟是沿直线移动到右侧的；

⑤在时间轴面板中选择“飞鸟”图层，单击“插入运动引导图层”按钮

，创建一个引导层；

单击引导层的第1帧，选择铅笔工具

，将选项设为“平滑”，在舞台上绘制一条曲线，该曲线表示鸟的飞行轨迹；

单击“飞鸟”图层的第1帧，使用选择工具

将bird元件拖到轨迹线左侧，让元件的中心圆点吸附到曲线的左端；

单击“飞鸟”图层的第50帧，用同样的方法让bird元件吸附到轨迹线的右端；

按下Enter或Ctrl+Enter键查看动画效果，此时的鸟已经按轨迹线来运动了；

⑥使用菜单命令“文件>保存”，将动画源文件保存为“飞翔.fla”；如果要发布Flash动画，则要使用菜单命令“文件>导出>导出影片”，将动画保存为“飞翔.swf”；

练习：

在上面的Flash项目中再添加一个豹子的影片剪辑元件，并设置一个引导层，让豹子在草地上跑过；

2、使用Flash制作遮罩动画

遮罩动画要由遮罩层和被遮罩层相互配合才能完成。

动画“探照灯”的制作步骤：

①使用菜单命令“文件>新建>Flash文档”新建一个Flash文档；使用菜单命令“修改>文档”，将尺寸改为“400×100”，背景颜色改为黑色；

②双击“图层1”层的名称，将其改名为“text”；

单击“text”层的第1帧，选择文本工具

，在舞台中单击，输入文字“湖南理工学院”；打开属性面板，将字体设为“黑体”，字号设为60磅，颜色为黄色；

使用选择工具

选中文字，按下Ctrl+K键，打开对齐面板，单击相对于舞台按钮

，再单击垂直居中分布

和水平居中分布

按钮，使文字居于画布中心；

③在时间轴面板中单击“插入图层”按钮

，创建一个新的图层，将图层改名为“圆”；

单击“圆”层的第1帧，选择椭圆工具

，将笔触颜色设为无色，填充色设为白色，按住Shift键在舞台上绘制一个圆形；

使用选择工具

选中圆，按下Ctrl+G键将它组合，移动它将“湖”字盖住；

④单击“圆”层的第40帧，按下F6键，建立一个关键帧，该帧内容与该层的前一关键帧（第1帧）相同；

单击“text”层的第40帧，按下F5键，建立普通帧，表示将第1帧的内容延续到第40帧；

使用选择工具

选中圆，移动它将“院”字盖住；

⑤在“圆”层的第1帧上右击，在快捷菜单中选择“创建补间动画”，在第1帧与第40帧之间出现了蓝色底色的箭头，表示创建了运动补间动画；

在“圆”层上右击，在快捷菜单中选择“遮罩层”，“text”层自动成为了被遮罩层；

按下Enter或Ctrl+Enter键查看遮罩动画的效果，被遮罩层只有透过遮罩层中的图形部分才能显现出来；

⑥使用菜单命令“文件>保存”，将动画源文件保存为“探照灯.fla”；如果要发布Flash动画，则要使用菜单命令“文件>导出>导出影片”，将动画保存为“探照灯.swf”；

练习：

在上面的Flash项目中再添加若干帧，让文字又从右到左显示回来；

3、滚动显示的照片

1使用“开始>程序>Macromedia>MacromediaFlashMX2004”打开软件FlashMX2004；

2使用菜单命令“文件>新建>Flash文档”新建一个Flash文档；

3使用菜单命令“修改>文档”将场景大小设为400×250像素，将背景颜色设为黑色；

4使用菜单命令“插入>新建元件”，在“新建元件”对话框的“名称”栏中输入“图片”，在“行为”栏中选中“影片剪辑”选项，确定后进入影片剪辑元件编辑区；

5使用菜单命令“文件>导入>导入到舞台”导入图片“美人.BMP”，选择“窗口”菜单下“工具栏”下的“主工具栏”，调出主工具栏，点击“对齐”工具按钮，选中“相对于舞台”按钮，单击“水平中齐”和“垂直中齐”，调整图片到工作区的中央；

6使用菜单命令“插入>新建元件”，在“新建元件”对话框的“名称”栏中输入“矩形”，在“行为”栏中选中“影片剪辑”选项，确定后进入影片剪辑元件编辑区；

7在其中绘制一个无边框的红色矩形，选中后，点击“对齐”工具按钮，选中“相对于舞台”按钮，单击“水平中齐”和“垂直中齐”，调整图片到工作区的中央；

8单击“场景1”图标，回到场景中，按F11键打开“库”面板，在其中将元件“图片”拖动到舞台的如下位置；

9右击“图层1”的第55帧，按F6插入关键帧。

选中该图片，按住Shift键，数次按→键，将其水平向右移到如下图所示位置；

10插入新的图层2，将库中“矩形”元件拖到舞台如下位置；

11选中图层2的第55帧，按F6插入关键帧，将矩形向右移到如下位置；

12分别右击两个图层的第一帧，分别创建动作补间动画；

13右击图层2的图层名处，在弹出的快捷菜单中选择“遮罩层”命令，创建遮罩效果；

14按“Ctrl+Enter”键播放动画，使用菜单命令“文件>保存”，将动画源文件保存为“滚动显示照片.fla”；

4、电影序幕效果

1使用菜单命令“文件>新建>Flash文档”新建一个Flash文档，将背景颜色设为黑色；

2将图层1改名为“背景”，选择“矩，形”工具，拖出一个与背景一样的矩形，将其边框去掉；（提示：

可将舞台显示比例缩小到50%）；

3打开“混色器”面板，设置一种两头黑中间白折线性渐变颜色，给该矩形填充这种颜色。

使用“任意变形”工具选中矩形，将矩形旋转90度，即水平方向，如下图所示；

4锁住图层“背景”，插入一个新的图层，名为“文字”，使用“文字”工具写上一段文字，隶书，字的大小要适合舞台大小，颜色随意。

如：

“元件是动画中可以反复取出使用的一个小部件，它可以是图形、按钮或一个小动画，可以独立于主动画进行播放。

元件可以反复使用，因而不必反复制作相同的动画或素材，大大提高了工作效率”。

5、将文字拖到舞台的下方，如图所示：

6在两个图层的80帧处插入关键帧，在图层“文字”的80帧处，将文字移动到舞台的上方，如图所示；

7在“文字”图层的第1帧处设置动作补间动画，并在“文字”图层名处右击在快捷菜单中选择“遮罩层”；

8按“Ctrl+Enter”键播放动画，使用菜单命令“文件>保存”，将动画源文件保存为“电影序幕.fla”。

5、flash中视频的使用

动画“播放器”制作步骤：

1使用菜单命令“文件>新建>Flash文档”新建一个Flash文档，设置舞台为397×185像素、黑色；

2将图层1改名为“背景”，导入“Beijing.bmp”图片，作为背景图像；

3增加一个新图层，命名为“视频”，执行“文件”>导入>导入到舞台>导入“截取视频3”；

4将导入的视频放置到播放器的黑色区域，在背景图层的第52帧，按F5键插入普通帧；

5选中舞台中的视频，打开属性面板，输入实例名：

shipin，设置宽度为163，高度126；

6新建3个按钮元件，分别为“播放”、“暂停”、“停止”。

新增一个图层，命名为“按钮”，然后将3个按钮拖放到舞台，摆放到适当的位置，如图所示：

7选中“播放”按钮，打开“窗口”>“开发面板”>“行为”，单击

按钮，在弹出菜单中选择“嵌入的视频”>“播放”。

弹出“播放视频”对话框，双击“shipin”，上面的文本框中出现“this.shipin”，单击“确定”按钮；

8选中“暂停”按钮，打开“行为”面板，单击

按钮，在弹出菜单中选择“嵌入的视频”>“暂停”。

弹出“暂停视频”对话框，双击“shipin”，上面的文本框中出现“this.shipin”，单击“确定”按钮；

9选中“停止”按钮，打开“行为”面板，单击

按钮，在弹出菜单中选择“嵌入的视频”>“停止”。

弹出“停止视频”对话框，双击“shipin”，上面的文本框中出现“this.shipin”，单击“确定”按钮；

10按“Ctrl+Enter”键播放动画，使用菜单命令“文件>保存”，将动画源文件保存为“播放器.fla”。

6Flash中场景的使用

动画“飞舞的蝴蝶”的制作步骤：

①使用菜单命令“文件>新建>Flash文档”新建一个Flash文档；

②使用菜单“插入>新建元件”，将名称改为“花朵”、行为改为“图形”后确定，进入图形元件编辑区；使用菜单命令“文件>导入>导入到舞台”，选择图像文件“花1.jpg”，当出现提示对话框时，单击“是”确认，将图像文件“花2.jpg”也导入到Flash中；此时时间轴上自动出现了2个关键帧，每一帧都是一幅花朵的图片；

③使用菜单“插入>新建元件”，将名称改为“蝴蝶”、行为改为“影片剪辑”后确定，进入影片剪辑元件编辑区；将“图层1”改名为“身体”，使用菜单命令“文件>导入>导入到舞台”，选择文件“蝴蝶身体.swf”，将图形导入到“身体”图层的第1关键帧；新建一个图层“翅膀”，将图形文件“蝴蝶翅膀.swf”导入到“翅膀”图层的第1关键帧；移动蝴蝶的翅膀和身体，将它们组合成完整的蝴蝶；

④选中“翅膀”图层，按下F6键在第2帧插入一个关键帧，选中蝴蝶的翅膀，使用“任意变形工具”

将蝴蝶图形以中心点为基准水平缩小；使用同样的方法，在第3帧插入关键帧，将翅膀缩到最小；将第2、3帧复制到第4、5帧，再将第4、5帧反转；选中“身体”图层，按下F5键，将蝴蝶身体的图形延续到第5帧；

⑤使用菜单“插入>新建元件”，将名称改为“舞动的蝴蝶”、行为改为“影片剪辑”后确定，进入影片剪辑元件编辑区；按下F11键打开库面板，将“蝴蝶”元件拖动到编辑区；按下F6键在第2帧插入关键帧，将蝴蝶元件旋转并移动一小段距离；使用同样的方法在第3-7帧插入关键帧，并旋转并移动蝴蝶元件，形成一个扇动翅膀并左右摇晃的蝴蝶元件；

⑥单击“场景1”按钮回到场景1的编辑状态，将“图层1”改名为“背景”；按下F11键打开库面板，将“花朵”元件拖动到舞台；选中第1帧中的“花朵”元件，在属性面板中调整参数（如下图），改变元件的大小、位置、显示和透明度；

选中第15帧，按下F6键插入一个关键帧，选中花朵元件，将透明度（Alpha）调整为“100%”；在第50帧插入关键帧，调整元件透明度为“100%”；在第65帧插入关键帧，调整元件透明度为“25%”；选中第1帧，将属性面板中的“补间”属性设为“动作”，创建动作补间动画；使用同样的方法，在第15帧和第50帧创建动作补间动画；

⑦新建一个“蝴蝶”图层，选中第1帧，将库面板中的“舞动的蝴蝶”元件拖动到舞台；选中蝴蝶元件，将它移到舞台的右侧，调整它的大小、旋转角度，将不透明度设为“20%”；

在“蝴蝶”图层的第35帧插入关键帧，将蝴蝶元件的移到舞台中间，调整它的大小、角度，将不透明度设为“100%”；第65帧插入关键帧，将蝴蝶元件的移到舞台左侧，调整它的大小、角度，将不透明度设为“20%”；选中第1帧，将属性面板中的“补间”属性设为“动作”，创建动作补间动画；使用同样的方法，在第35帧创建动作补间动画；

⑧在“蝴蝶”图层上右击，选择快捷菜单中的“添加引导层”，在蝴蝶图层上添加一个引导图层，使用铅笔工具在引导图层的第1帧中绘制一条蝴蝶的运动路径；将蝴蝶图层中第1、35、65帧中的元件拖动到路径上；按下Ctrl+Enter预览动画；

⑨使用菜单“插入>场景”，插入一个新的场景“场景2”；使用菜单“窗口>设计面板>场景”可以打开场景面板，对场景进行管理；

使用之前同样的方法，在“场景2”中建立“背景”、“蝴蝶”和“引导层”图层，再把“场景1”中各图层中的各帧复制到“场景2”中。

在蝴蝶图层的第1帧中使蝴蝶从舞台右侧移动到左侧；（注意：

背景图层中的“花朵”元件的属性要设置为显示第2帧：

选择背景>打开“属性”面板>在“单帧”右侧的文本框中输入‘2’。

）

⑩按下Ctrl+Enter预览动画，可以看到“场景1”中的动画完毕后会自动播放“场景2”中的动画；如果在“场景”面板中调换场景的顺序，则播放的顺序也会变化；

使用菜单命令“文件>保存”，将动画源文件保存为“飞舞的蝴蝶.fla”；如果要发布Flash动画，则要使用菜单命令“文件>导出>导出影片”，将动画保存为“飞舞的蝴蝶.swf”；

[实验报告要求]

1、认真记录实验目的、实验内容、实验步骤。

2、本次实验的主要收获。