第8章实训项目制作圆柱的体积Word文档格式.docx

第8章实训项目制作圆柱的体积Word文档格式.docx

《第8章实训项目制作圆柱的体积Word文档格式.docx》由会员分享，可在线阅读，更多相关《第8章实训项目制作圆柱的体积Word文档格式.docx（43页珍藏版）》请在冰点文库上搜索。

图8-2-1课件脚本导航图

课件主要分4个场景来制作，分别说明如下:

场景1：

在标题“圆柱的体积”下方，出现一只铅笔画出一个圆柱形动画，然后圆柱被涂上了绿色，紧接着整个蓝色背景逐渐显现出来。

场景2：

单击“复习圆的面积”标题下的播放按钮，进行知识复习——圆面积公式推导过程的动画播放。

利用数学中的切分法：

将一个圆形等分为无数个扇形（以32等分说明），然后上下2个半圆分别展开移动，再拼凑成一个长方形，得出圆形的面积等于长方形的面积。

这样利用长方形的面积公式推导出圆的面积公式。

场景3：

单击该场景右下角的播放按钮，开始演示圆柱体积推导的Flash动画。

动画在复习了圆面积的基础上，仍采用数学中的切分法：

将圆柱的横截面切分为无数等分（以16等分说明），然后每一等分都进行由圆到长方形的演变（即重复场景2中的动画），演变后的图形进行堆叠，最终形成一个长方体，得出圆柱体积等于长方体体积。

从而利用长方体的体积公式推导出圆柱的体积公式。

场景4：

在“练一练”的标题下面有一个浅绿色背景的文本框。

文本框中设置了5道习题，通过单击文本框中的上拉和下拉按钮进行观看。

8.3课件制作准备

课件内容构思完成后，可以试着画出课件中的某些场景草图。

这样可以可以简化制作过程，明确动画的制作目标。

本课件使用的素材包括图片（主要是关于学习用品：

如铅笔、书本、放大镜等）、按钮声音和背景音乐，这些素材主要来源于网络下载。

素材收集完成后，保存在文件夹“课件素材”中。

8.4课件制作过程

8.4.1新建与保存Flash文档

启动中文版Flash8，新建一个Flash文档。

单击“修改”→“文档”命令，在弹出的“文档属性”对话框中进行设置，如图8-4-1所示。

然后单击“窗口”→“其它面板”→“场景”命令，打开“场景”面板，增加4个场景分别命名为“封面”、“复习”、“公式推导”、“练习”，如图8-4-2所示。

最后单击“文件”→“保存”命令，将文件保存命名为“圆柱的体积”。

图8-4-1“文档属性”对话框图8-4-2“场景”面板

8.4.2导入素材

单击“文件”→“导入”→“导入到库”命令，将文件夹“课件素材”中的所有素材导入到“库”面板中。

单击“窗口”→“公用库”→“按钮”命令，打开库中的按钮文件夹。

双击“playbackrounded”文件夹，选择“roundedgreenplay”、“roundedgreenback”和“roundedgreenforward”3个按钮。

再双击“buttonsrectbevel”文件夹，选择“rectbevelgold”按钮。

在“库”面板中新建文件夹，命名为“导入素材”。

将上述素材全部拖入该文件夹中，方便制作时查找和修改，库中的文件如图8-4-3所示。

图8-4-3库面板的“导入素材”文件夹

8.4.3制作场景：

封面

1、制作“铅笔”图形元件。

创建“铅笔”图形元件，在编辑区中绘制图形如图8-4-4所示。

2、制作“圆柱”图形元件。

创建“圆柱”图形元件，在编辑区中绘制作图形如图8-4-5所示（其中圆柱的填充颜色为#99CC00）。

图8-4-4“铅笔”图形元件图8-4-5“圆柱”图形元件

3、制作“画圆柱”影片剪辑。

该影片主要是通过逐帧动画和遮罩动画的效果，来演示铅笔画出圆柱并涂上颜色的过程。

（1）首先利用逐帧动画制作铅笔画圆柱图形的过程。

①创建一个名称为“画圆柱”的影片剪辑。

给图层1命名“圆柱图形”，在第9帧上按F6键插入关键帧。

从“库”面板中将图形元件“圆柱”拖到舞台上，打散并删除填充色，只留下圆柱的边框如图8-4-6所示。

②然后依次在第13帧、17帧、20帧……57帧上分别按F6键，在各关键帧中用橡皮擦工具删除图形的多余边框。

③新建图层2并命名“铅笔”，在第5帧上按F6键，拖动图形元件“铅笔”到舞台上。

然后依次在第13帧、17帧……57帧上按F6键（插入关键帧的位置与图层“圆柱图形”相对应）。

在各关键帧中调整铅笔的位置与圆柱对齐，以第17帧、20帧说明，分别如图8-4-7和图8-4-8所示。

图8-4-6圆柱的边框图8-4-7第17帧图示图8-4-8第20帧图示

（2）然后制作铅笔逐渐消失的画面。

在铅笔图层的第80帧上按F6键，选中铅笔图形设置“属性”面板如图8-4-9所示。

然后创建第57—第80帧的动画补间。

图8-4-9“铅笔”的属性面板

（3）接着制作遮罩动画展示圆柱被涂上绿色的过程。

①新建图层3作为被遮罩层。

在该层的第57帧上按F6键，用矩形工具绘制一个矩形条（填充颜色为#99CC00），再在第73帧上按F6键，将矩形条放大能够遮盖住圆柱图形。

然后创建第57—第73帧的动画补间。

关键帧中的被遮罩图形分别如图8-4-10和图8-4-11所示。

图8-4-10第57帧中的被遮罩图形图8-4-11第73帧中的被遮罩图形

②新建图层4作为遮罩层。

在该层的第57帧上按F6键，拖入图形元件“圆柱”到舞台并与下面图层的圆柱图形相重叠，然后在图层4上单击右键选择“遮罩层”。

③新建图层5命名为“圆柱边框”，在第57帧上按F6键，将图8-4-6“圆柱的边框”图形复制并粘贴到当前位置。

这样遮罩动画就制作完成了。

（4）最后为了让动画能停止在封面上。

选中第80帧的关键帧，添加动作语句“stop（）；

”。

其它图层的第80帧上按F5键插入帧，延长动画播放时间。

最终影片“画圆柱”的时间轴如图8-4-12所示。

图8-4-12影片“画圆柱”的时间轴

4、制作“标题1”图形元件。

创建名为“标题1”的图形元件，在编辑区单击工具箱中的文本工具

，设置文本属性（如图8-4-13所示）并输入文字（如图8-4-14所示）。

图8-4-13“标题1”的文本属性

图8-4-14“标题1”中文字

5、制作“标题2”图形元件。

创建名为“标题2”的图形元件，在编辑区中制作阴影文字。

（1）将图层1命名“黑色文字”，用文本工具

输入小标题，并设置文本属性面板如图8-4-15所示。

（2）新建图层2命名“红色文字”，将图层1中的文字复制，再选择“修改”→“粘贴到当前位置”命令进行粘贴，然后将“属性”面板中的颜色改为红色#FF33CC。

制作完成的“标题2”文字如图8-4-16所示。

图8-4-15“标题2”的文本属性

图8-4-16“标题2”中文字

6、制作“背景图形”图形元件。

（1）创建图形元件“背景图形”，在编辑区中首先绘制一个蓝色矩形，设置“属性”面板中宽度550像素，高度400像素，填充颜色为#6699FF。

然后调整矩形位置完全覆盖住舞台。

（2）接着在下方绘制一个黄色矩形，设置宽度550像素，高度19像素，填充颜色为#FFFF99，背景图形如图8-4-17所示。

图8-4-17“背景”图形元件

7、制作“背景变化”影片剪辑。

创建一个名称为“背景变化”的影片剪辑。

该影片主要是将前面制作的影片“画圆柱”与背景图形相结合，实现整个封面效果。

（1）在影片剪辑的编辑区中将图层1命名“背景”。

在第1帧上拖入元件“背景图形”，并设置该元件的透明度如图8-4-18所示。

再依次单击第70帧、第80帧分别按F6键，将第80帧中的元件“属性”面板中的颜色选项设为“无”。

然后创建第70—第80帧的动画补间。

这样可以展示背景渐渐出现的效果。

图8-4-18第1帧上“属性”面板

（2）新建图层2命名“标题”，在第1帧上将“库”中的图形元件“标题1”和“标题2”拖出，放置在舞台中间并调整至合适位置。

（3）新建图层3命名“画圆柱”，在第1帧上拖入已经制作好的影片元件“画圆柱”。

为了防止影片循环播放，我们可以在第80帧处，打开动作面板，在面板中添加动作语句“stop（）；

（4）当然没有音乐的搭配，动画是不可能拥有理想的效果。

为了使封面效果更佳，我们添加一首旋律轻松、欢快的音乐。

新建图层4命名“背景音乐”，导入乐曲“瓦妮莎的微笑.mp3”，并将音乐延长到第90帧。

（5）同样将图层“背景”和“标题”的时间轴都延长到第90帧。

影片“背景变化”就制作完成了，最终的时间轴如图8-4-19所示。

图8-4-19影片“背景变化”的时间轴

8、返回场景。

元件制作完成后，返回到“封面”场景。

（1）首先制作画布。

画布可以用来遮盖溢出的画面，就是俗话所说

的“遮丑”作用。

1设置舞台窗口大小为50%，用矩形工具

在图层1中画一个蓝

色矩形，完全遮盖舞台。

如图8-4-20所示。

②然后将图层1锁定。

新建图层2，用矩形工具

任意画一个黑色矩形，只要能够遮盖住整个舞台工作区就可以。

属性面板设置与图形如图8-4-21和8-4-22所示。

图8-4-21矩形“属性”面板

图8-4-20蓝色矩形图8-4-22黑色矩形

③单击“隐藏”按钮将图层2隐藏。

然后选中图层1中的蓝色矩形，将图形剪切。

再单击“隐藏”按钮将图层2显示。

选中图层2的第1帧，执行“编辑”→“粘贴到当前位置”操作将蓝色矩形复制到黑色图形上，如图8-4-23所示。

④在图层2中单击蓝色矩形，按Delete键删除图形。

然后将图层2命名为“画布”，并删除图层1。

制作好的画布如图8-4-24所示。

图8-4-23复制后的图形图8-4-24制作好的画布

（2）新建图层3命名“背景”，并拖动到“画布”的下层。

在第1帧中拖入影片剪辑“背景变化”，然后调整元件大小，如图8-4-25所示。

图8-4-25封面场景中的“背景变化”影片

（3）在“背景”图层上新建图层4命名“按钮”。

该课件中制作了5个按钮，分别是封面、复习、公式推导、练习和关闭按钮。

将“库”中“导入素材”文件夹中的“rectbevelgold”按钮复制4个，依次命名“封面”、“复习”、“公式推导”和“练习”，分别用来制作与封面场景、复习场景、公式推导场景和练习场景交互的按钮。

①“封面”按钮

双击打开“封面”按钮，将图层“text”各个关键帧中的文字修改为“封面”，文字设置如图8-4-26所示。

然后新建图层命名“sound”，导入素材中的“click_01.wav”文件作为按钮的声音。

图8-4-26按钮文字的“属性”面板

②“复习”按钮

双击打开“复习”按钮，将图层“text”各个关键帧中的文字修改为“复习”，文字设置同上。

③“公式推导”按钮

双击打开“公式推导”按钮，将图层“text”各个关键帧中的文字修改为“公式推导”，文字设置同上。

④“练习”按钮

双击打开“练习”按钮，将图层“text”各个关键帧中的文字修改为“练习”，文字设置同上。

⑤制作“关闭”按钮

✧创建一个按钮元件命名“关闭”，进入按钮的编辑区。

在“弹

起”关键帧中画一个圆形，如图8-4-27所示。

然后在“指针经过”关键帧上按F6键。

✧再单击“按下”关键帧按F6键，选择“修改”→“变形”→“缩

放与旋转”命令，将圆形按钮缩小如图8-4-28所示。

图8-4-27“弹起”关键帧中的图形图8-4-28“按下”关键帧缩小的图形

✧新建图层2命名“sound”，在“按下”帧上按F6键，导入素

材中的“click_01.wav”文件作为按钮的声音，时间轴如图8-4-29所示。

图8-4-29“关闭”按钮的时间轴

（4）在“按钮”图层上放置上面制作的5个按钮：

“封面”、“复习”、“公式推导”、“练习”和“关闭”按钮，并延长时间轴到第10帧。

（5）依次单击3个图层中的第11帧，分别按F5键延长播放时间。

（6）最后单击“按钮”图层的第1帧，添加动作“stop（）:

然后将所有图层的时间轴延长到第11帧，这样封面场景的制作就基本完成了，封面场景的时间轴如图8-4-30所示。

图8-4-30“封面”场景的时间轴

另外为了方便整理元件，我们在“库”中建立“封面”文件夹，存放封面场景中制作的元件，如图8-4-31所示。

图8-4-31库面板中“封面”文件夹

在其他场景的制作过程中，我们同样在“库”面板中建立相应的文件夹，用来存放场景中的元件，后面不再叙述。

8.4.4制作场景：

复习

1、制作“半圆展开”影片剪辑。

该影片演示的是被等分为16个扇形的半圆逐渐展开的动画。

（1）创建影片剪辑“半圆展开”，进入影片剪辑的编辑区。

（2）用椭圆工具绘制一个正圆，将圆形与中心点“

”对齐，属性设置如图8-4-32所示。

图8-4-32椭圆的“属性”面板

（3）首先将半圆等分为16个扇形。

单击线条工具

，以“

”为中心向左侧画出半径，选中该半径，单击“修改”→“变形”→“任意变形”命令，将半径上的变形编辑点移到圆心，如图8-4-33所示。

然后在“变形”面板中将旋转角度设为“11.25度”，单击“复制并应用变形”按钮复制并旋转半径，如图8-4-34所示。

图8-4-33移动变形编辑点到圆心图8-4-34复制并应用后的半径

（4）去掉多余的图形只留下一个扇形，将扇形组合并把变形编辑点移到圆心处，如图8-4-35所示，然后按照上述方法，利用“变形”面板复制15个扇形，复制好的半圆如图8-4-36所示。

图8-4-35一个扇形图形图8-4-36复制后的半圆

（5）新建图层1、图层2、图层3…图层16，依次命名为“左1”、“左2”、“左3”、“左4”、“左5”、“左6”、“左7”、“左8”、“右1”、“右2”、“右3”、“右4”、“右5”、“右6”、“右7”、“右8”。

然后将半圆（16个扇形）从中间分界，如图8-4-37所示。

图8-4-37半圆分界图

（6）在图层1中将“左2”扇形剪切，再单击“左2”图层的第1帧执行“粘贴到当前位置”命令进行粘贴。

同理按照上述的复制方法，依次将16个扇形分别粘贴到16个对应名称的图层中。

（7）然后制作16个扇形分别展开的动画。

①单击图层“左1”的第1帧，将扇形的变形编辑点移到右上角。

再选中第10帧按F6键，单击“旋转”按钮

将扇形绕右上角向左边旋转。

然后创建第1—第10帧的动画补间。

②单击图层“左2”的第1帧将扇形的变形编辑点移到右上角，在第10帧上按F6键，将扇形向左边旋转。

再单击第20帧、第30帧分别按F6键，将扇形向左边继续旋转。

然后创建第20—第30帧的动画补间。

③单击图层“左3”的第1帧将扇形的变形编辑点移到右上角，在第10帧、第20帧、第30帧上分别按F6键，将扇形向左边继续旋转。

依次创建第1—第10帧，第10—第20帧和第20—第30帧的动画补间。

④同理将图层“左4”、“左5”、“左6”…“左8”中的扇形全部向左边旋转，第10帧、第20帧和第30帧上的图形如图8-4-38至图8-4-40所示（以左边8个扇形说明）。

图8-4-38第10帧中的图形图8-4-39第20帧中的图形图8-4-40第30帧中的图形

⑤按照左边8个扇形展开的方法，右边8个扇形分别依次向右边进行旋转。

最终完全展开的半圆如图8-4-41所示，影片“半圆展开”的时间轴如图8-4-42所示。

图8-4-41完全展开的半圆

图8-4-42影片“半圆展开”时间轴

2、制作“复习圆面积”影片剪辑。

该影片主要制作一个圆形移动，分开为上下2个半圆，然后2个半圆展开，展开后的图形重叠形成一个长方形，最后文字演示得出圆的面积公式。

（1）创建名为“复习圆面积”的影片剪辑元件，进入影片的编辑区。

（2）将图层1命名“圆形”，用椭圆工具画一个正圆（填充色为#FF99FF），如图8-4-43所示，并将圆形属性设置如图8-4-44所示。

调整图形位置坐标（X：

114.0，Y：

122.0）。

然后该图形转换为图形元件命名为“圆形”，在第90帧插入帧延长时间。

图8-4-43绘制的正圆图形图8-4-44圆形的“属性”面板

（3）新建图层2命名“圆移动”，在第1帧中复制图层1中的圆形并执行“粘贴到当前位置”操作，然后单击第9帧按F6键，移动圆形到坐标点（X：

354.0，Y：

180.0），然后创建第1—第9帧的动画补间。

（4）新建图层3命名“分开圆”。

单击第10帧按F6键，从库面板中拖入影片剪辑“分开圆”。

调整影片剪辑位置与图层2中的圆形重合，坐标为（X：

180.0），然后延长播放时间到第30帧。

（5）下面制作“分开圆”影片剪辑，用于演示一个圆形被32等分后，两个半圆分开的过程。

①创建影片剪辑“分开圆”,进入影片的编辑区。

②将图层1命名“透明层”，从“库”中拖入图形元件“圆形”。

然后单击第15帧按F6键，设置图形的颜色属性“Alpha为0%”，创建第1—第15帧的动画补间。

③新建图层2和图层3，分别命名“下半圆”和“上半圆”。

在图层3中复制前面已经制作好的被等分16个扇形的半圆。

将图形组合并复制，然后执行“修改”→“变形”→“垂直翻转”命令变成另一个半圆。

2个半圆分别放置在两个图层中，并与下面图层的圆形重合。

④单击图层“上半圆”的第15帧和第20帧，分别按F6键，并将第20帧中的上半圆向上移动12.9像素。

然后创建第15—第20帧的动画补间。

各关键帧中的图形如图8-4-45和图8-4-46所示。

图8-4-45第15帧中的上半圆图8-4-46第20帧中的上半圆

⑤最后将时间轴中的图层“透明层”移到最上层，遮挡住下面的图形，形成圆形变为透明出现等分扇形的过程。

（6）新建图层4命名“半圆展开”，在第30帧上按F6键，从“库”面板中拖入2个影片剪辑“半圆展开”（其中一个影片“垂直翻转”），与下面图层中的图形重叠。

第30帧上的图形如图8-4-47所示，然后将播放时间延长到第67帧上。

（7）新建图层5命名“下半图形”，单击第64帧按F6键，将前面制作的影片剪辑“半圆展开”中最后完全展开的半圆图形（即图8-4-41）复制并粘贴过来，然后将图形“垂直翻转”。

（8）新建图层6命名“上半图形”。

单击第64帧按F6键，也复制并粘贴一个完全展开的半圆图形。

图形放置位置坐标为（X：

352.5，Y：

139.1）两个图层中的图形如图8-4-48所示。

图8-4-47两个“半圆展开”元件图8-4-48两个完全展开的半圆图形

单击图层“上半图形”的第68帧、第73帧分别按F6键。

先将第68帧中的上半图形移动到坐标为（X：

358.5，Y：

139.1），然后将第73帧中的图形移动到位置（X：

359.5，Y：

211.6）。

最后创建第64—第68帧和第68—第73帧的动画补间。

并将播放时间延长到第78帧。

各关键帧中的图形如图8-4-49和8-4-50所示。

图8-4-49第68帧中的图形图8-4-50第73帧中的图形

（9）新建图层7命名“透明长方形”，单击第73帧按F6键，用矩形工具画一个矩形遮盖住下面的图形，如图8-4-51所示。

先将长方形转换为“图形”元件命名为“长方形”。

再依次单击第80帧、第89帧分别按F6键。

单击第73帧中的长方形的属性面板，设置属性如图8-4-52所示。

然后创建第73—第80帧的动画补间。

再将第89帧中的长方形移动位置到坐标（X：

127.5，Y：

238.0），最后创建第80—第89帧的动画补间。

图8-4-51图形元件“长方形”

图8-4-52元件“长方形”的属性面板

（10）新建图层8命名“圆面积公式”，在第89帧上按F6键，从“库”面板中拖入影片剪辑“圆面积公式”，调整位置坐标（X：

127.3，Y：

165.3）。

（11）下面开始制作影片剪辑“圆面积公式”。

①新建图层1命名“圆形”，将图形元件“圆形”拖入第1帧中，调整坐标（X：

54.0，Y：

62.0）。

并延长时间轴到第115帧。

②新建图层2命名“长方形”，将库中的图形元件“长方形”拖入第1帧，调整坐标（X：

238）。

③新建图层3命名“文字”，该层主要是制作文字的逐渐显示，得出圆的面积公式。

单击第7帧按F6键，用文本工具输入文字“长方形面积=长×

宽”，文本属性面板如图8-4-53所示。

图8-4-53文字的“属性”面板

④新建图层4命名“长”，该层制作文字“长”从长方形移动到圆形，最后移动到公式中。

在第7帧上按F6键，输入“长”字与图层“文字”重合。

在第12帧、22帧上分别按F6键，将第22帧中的“长”移到长方形的下边，创建第12—第22帧的动画补间。

然后在第27帧、33帧上按F6键，将“长”移到圆形的上面，创建第12—第22帧的动画补间。

再单击第37帧按F6键，将文字“长”修改为“圆周长一半”，单击第47帧按F6键，将文字“圆周长一半”移到圆面积公式中。

⑤新建图层5命名“宽”，该层制作文字“宽”从长方形移动到圆形，最后移动到公式中。

制作过程参照图层4“长”。

各关键帧的文字如图8-4-54所示。

（a）第7帧的文字（b）第47帧的文字

（c）第92帧的文字（d）第106帧的文字

图8-4-54各关键帧的文字

制作好的影片剪辑“圆面积公式”时间轴如图8-4-