英语课件的制作.docx

英语课件的制作.docx

《英语课件的制作.docx》由会员分享，可在线阅读，更多相关《英语课件的制作.docx（12页珍藏版）》请在冰豆网上搜索。

英语课件的制作

英语课件的制作

实训目的：

1、学习大量元件的管理与驾驭。

2、通过按钮元件控制控制影片剪辑元件动画的播放。

3、学习形状补间动画与动画补间动画的混合使用。

4、熟练掌握帧的复制与粘贴、删除帧等操作。

5、学习遮罩动画的使用。

6、学习使用行为链接外部声音文件。

7、学习简单AS脚本的编写。

操作步骤：

1、各图像按钮元件的制作。

（1）设置舞台大小为450px×350px，帧频为24。

（2）将图层1更名为“标题文字和矩形框”层，输入标题文字和绘制外部轮廓线为灰色的矩形框。

如下图所示：

（3）新建一名为“按钮”的新图层，导入素材文件夹中的“Fish.jpg”图像文件，并调整其大小与位置正好放在最左上角的矩形框中，并将其转换为名为“a1”的按钮元件。

如下图所示：

（4）进入“a1”按钮元件的编辑窗口，在“图层1”的【指针经过】帧处插入关键帧。

（5）在“图层1”的上方创建一个新图层“图层2”，并在该层的【指针经过】帧处插入关键帧。

在该帧处使用矩形工具在舞台上绘制一个如下图所示的白色矩形，其大小略小于图像。

（6）选择绘制的白色矩形，将其转换为名为“放大色块”的影片剪辑元件。

（7）进入“放大色块”影片剪辑元件的编辑窗口，分别在“图层1”的第6帧和第8帧处插入关键帧。

（8）在舞台中选择第1帧的白色矩形，将其等比例缩小并调整形态如下图所示：

（9）选择第8帧处的白色矩形，调整形态如下图所示：

（10）在第1帧和第6帧处创建形状补间动画。

（11）在“图层1”的上方新建一图层“图层2”，并在该层的第8帧处插入关键帧，在该帧处打开动作面板，输入脚本命令“stop（）”，设置动画播放到该帧处停止。

（12）切换到“a1”按钮元件的编辑窗口，选择舞台中的“放大色块”实例，将其alpha值调整为30%。

（13）返回主场景，根据“a1”按钮元件的创建方法，分别创建“a2”～“a10”按钮元件，并在其中分别导入素材文件夹中的其它图像文件。

如下图所示：

2、各图像影片剪辑元件的制作

（1）在“按钮”图层的上方创建一个新图层，在舞台中导入素材文件夹中的10幅动物图片。

选择导入的图像文件，单击鼠标右键，在弹出的快捷菜单中选择【分散到图层】命令。

此时，每个图像文件在【时间轴】面板中会自动生成一个图层，新图层以图像的名称命名。

此时可将空白图层删除。

（2）在“Fish.jpg”图层中将第1帧向后拖动一帧，将起始帧设为第2帧，并调整舞台中的图像大小及位置如下图所示，然后将其转换为名称为“pic-fish”的影片剪辑元件。

（3）分别在“Fish.jpg”图层的第6帧、第7帧、第8帧、第14帧、第15帧和第16帧处插入关键帧。

（4）选择第2帧处的“pic-fish”实例，在舞台中调整其大小及位置如下图所示，将其调整到“a1”实例处，并与“a1”按钮大小相等。

（5）分别调整第6帧、第7帧和第8帧处的“pic-fish”实例，在舞台中调整其大小及位置如下图所示（各帧处实例的位置略微不同，从而创建实例移动的动画，同学们可对照范例进行详细观察）：

第6帧处的位置

（6）分别选择第14帧和第15帧处的“pic-fish”实例，在舞台中调整其大小及位置如下图所示（各帧中实例的位置略微不同，从而产生振动效果，同学们可对照范例进行详细观察）：

第14帧处第15帧处

（7）分别选择第2帧、第6帧、第7帧、第8帧、第14帧和第15帧处的“pic-fish”实例，调整其alpha值分别为0%、20%、20%、20%、80%、90%。

并在第2帧和第8帧处创建补间动画，在第31帧处插入空白关键帧，设置动画播放到该帧处停止。

（8）参照“Fish.jpg”图层中动画的制作方法，依次创建其他图层图像的动画，并创建不同的起始帧、终止帧。

如下图所示：

3、文字动画的制作

（1）在“Fish.jpg”图层的上方创建一个新图层，命名为“英文文字”层，在该层的第15帧处插入关键帧，使用文本工具输入黑色文字“Fish”，如下图所示：

（2）在“英文文字”层的上方创建一个名为“文字遮罩”层的新图层，在该帧第15帧处插入关键帧，绘制如下图所示的矩形：

（3）在“文字遮罩”层的第25帧处插入关键帧，并将第15帧处的矩形利用任意变形工具调整为如下图所示的形状：

（4）将“文字遮罩”层设置为遮罩层。

（5）在“英文文字”图层的第31帧处插入空白关键帧，设置动画播放到该帧处停止。

（6）在“英文文字”图层的第45帧处插入关键帧，在该帧处输入黑色文字“Swan”。

（7）复制“文字遮罩”层的第15帧至第25帧之间的所有帧，粘贴到该层的第45帧处。

（8）在“英文文字”层的第61帧处插入空白关键帧，设置动画播放到该帧处停止。

（9）用同样的方法，在“英文文字”和“文字遮罩”图层的第75帧、第105帧、第135帧、第195帧、第225帧、第285帧处插入关键帧，并制作其余几个动物文字的遮罩动画，并在“英文文字”图层的第91帧、第121帧、第151帧、第181帧、第211帧、第241帧、第271帧处插入空白关键帧（请同学们对照范例进行详细观察）。

（10）在“文字遮罩”层的上方创建一个名为“中文文字”的新图层，在该帧的第15帧处插入关键帧，在该帧处输入黑色文字“鱼”，并将其转换为名为“鱼”的影片剪辑元件。

如下图所示：

（11）在“中文文字”层的第25帧处插入关键帧。

并设置第15帧处的“鱼”实例的缩放比例为200%，Alpha值为0%。

创建补间动画，并在第31帧处插入空白关键，设置动画到该帧处停止。

（12）用同样的方法，创建其它文字的动画效果（请同学们参照范例进行详细观察，对比制作）。

4、添加声音与动作命令

（1）在“中文文字”图层的上方创建一个名为“声音”的新图层，并在该层的第15帧处插入关键帧。

（2）新建一个名为“声音按钮”的按钮元件，并在该元件编辑窗口中导入素材文件夹中的“128.png”图像文件，将其顺时针旋转90度，并分别在【指针经过】帧和【按下】帧处插入关键帧，如下图所示：

（3）选择【按下】帧中的图像，将其分别向下向右移动一个像素，制作出按下按钮的状态。

（4）返回主场景，将“声音按钮”元件拖入到舞台中，调整其大小及位置如下图所示：

（5）在“声音”图层的第25帧处插入关键帧，将第15帧处的“声音按钮”实例的Alpha值调整为0%，并创建补间动画。

在第31帧插入空白关键帧，设置动画到此帧处停止。

（6）复制“声音”图层的第15帧至第31帧处的所有帧，粘贴至该层的第45帧、第75帧、第105帧、第135帧、第165帧、第195帧、第225帧、第255帧和第285帧处。

将第300帧以后的所有帧删除。

（7）在“声音”图层的上方新建一名为“帧标签”的新图层，在该层的第2帧处插入关键帧，设置帧标签为“fish”。

依次在后续各图片动画开始位置插入关键帧，并设置相应的标签名称。

（8）在“帧标签”图层的上方新建一名为“action”的新图层，在各标签帧的前一帧插入关键帧，并输入“stop（）;”命令，并将300帧以后的多余帧删除。

此时时间轴面板如下图所示：

（9）将素材文件夹中的所有声音文件导入到库中。

（10）在库面板中选择“fish.mp3”声音元件，单击鼠标右键，在弹出的快捷菜单中选择【链接】命令，在弹出的【链接属性】对话框中勾选【为ActionScript导出】选项，此时【为第一帧导出】选项也自动勾选，然后在【标识符】输入框输入“fish”。

（11）单击确定按钮，关闭对话框，然后选择舞台第25帧中的“声音按钮”实例，在【行为】面板中单击【添加行为】按钮，在弹出的菜单中选择【声音】/【从库中加载声音】命令，则弹出【从库中加载声音】对话框，在【键入库中要播放的声音的链接ID:

】输入框中输入“fish”，在【为此声音键入一个名称，以便以后引用：

】输入框中输入“fish”，然后确认设置。

（12）根据“fish.mp3”的添加方法，为“声音”图层的其他帧中的“声音按钮”实例添加其他相应的声音文件。

（13）在舞台中选择“a1”实例，为其添加转到帧标签为“fish”的帧的脚本命令。

（14）选择其它按钮实例，分别添加相应的脚本命令。

至此完成了本课件的制作，可按Ctrl+Enter键对影片进行测试。