实验三利用Flash制作形变动画.pdf

《实验三利用Flash制作形变动画.pdf》由会员分享，可在线阅读，更多相关《实验三利用Flash制作形变动画.pdf（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、实验三 利用 Flash 制作形变动画 实验目的 1(理解形状补间和动作补间动画的基本原理。2(掌握形状补间和动作补间动画的区别。3(能进行形状补间和动作补间动画的制作。实验学时 2 学时 实验原理 1(形状补间动画 (1)形状补间动画的概念 在 Flash 的时间帧面板上，在一个时间点(关键帧)绘制一个形状，然后在另一个时间点(关键帧)更改该形状或绘制另一个形状，Flash 根据二者之间帧的值或形状的变化来创建的动画被称为“形状补间动画”。(2)构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元

2、素多为用鼠标或压感笔绘制出的形状，如果使用元件或文字，则必需先“打散”，再变形。(3)形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图 1 所示。图 1“形状补间”动画的表现形式 (4)认识形状补间动画的属性面板 “缓动”选项:在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。取值在 1 到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向 加速补间。取值在 1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向 减速补间。默认情况下取值为 0

3、，补间帧之间的变化速率是不变的。“混合”选项:“混合”选项中有二项供选择。“角形”选项:创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。“分布式”选项:创建的动画中间形状比较平滑和不规则。2(动作补间动画 (1)动作补间动画的概念 在 Flash 的时间帧面板上，在一个时间点(关键帧)放置一个元件，然后在另一个时间点(关键帧)改变这个元件的大小、颜色、位置、透明度等等，Flash 根据二者之间帧的值的变化所创建的动画被称为动作补间动画。(2)构成动作补间动画的元素 构成动作补间动画的元素是元件，包括影片剪辑、图形、按钮等等。除了元件,文字也可以作为动作补间动画的对

4、象。但如果是形状，必须把形状“组合”或者转换成“元件”后才可以实现动作补间动画。(3)动作补间动画在时间帧面板上的表现 动作补间动画建好后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图 2 所示。图 2“动作补间”动画的表现形式 (4)动作补间动画的属性面板同形状补间动画。实验内容与步骤 1(形状补间动画的制作 实例:“樱花节”的形状补间动画 (1)新建文档，设置其背景色和文档大小。(2)选择“文件”菜单中的“导入”，将光盘中的素材图片“樱花1.jpg”、“樱花 2.jpg”、“樱花 3.jpg”(光盘/Course/Flash/sucai.rar)导入至库。(3)

5、选择“图层 1”的第 1 帧，该帧默认情况下为空白关键帧。从库中将“樱花1”拖放至舞台，该图片与舞台默认大小一致，为 550*400 像素，此时只需打开对齐面板，使图片相对应于舞台水平中齐和垂直中齐即可。(4)选中图片，选择“修改”菜单中的“分离”命令或使用快捷键 Ctrl+B，将位图分离。然后选择椭圆工具，笔触色设置为“黑色”，填充色为无色，在图片中央绘制一个正圆，如图 3 所示。最后选中椭圆外的内容，按 Delete 键删除。图 3 编辑图片 (5)同理，分别在第 5、10 帧处插入空白关键帧，将“樱花 2”和“樱花 3”放置于第 5、10 帧，并进行同样的编辑操作。(6)在第 15 帧处

6、插入关键帧，将樱花图片的黑色线条去除。(7)在第 35 帧处插入空白关键帧，使用文本工具输入文字“第三届樱花节”，设置文字的字体、字号和颜色，使文字相对于舞台水平中齐和垂直中齐。然后选 中文字，两次使用 Ctrl+B 分离文字，文字外边框消失，此时文字被分离为矢量形状。(8)将鼠标置于第 15-35 帧中的任意一帧上(第 35 帧除外)，打开“属性”面板，将“补间”类型设置为“形状”，即可实现樱花向文字的变化。“属性”面板如图 4 所示。图 4 形状补间的属性面板 (9)在第 45 帧处插入关键帧，使樱花变化为文字后可在“第三届樱花节”停留10 帧的时间，不致于一闪而过。然后文字“第三届樱花节

7、”再向“即将开幕”变化。(10)在第 65 帧处插入空白关键帧，输入文字“即将开幕”，设置文字的字体、字号、颜色并居中，同样将文字分离两次成矢量形状。最后创建 45 帧向 65 帧变化的形状补间。(11)在 66、67、68、69、70 处分别按下 F6 插入关键帧，选中每一个关键帧对应的内容，然后在工具箱中的“填充色”中设置不同的颜色对“即将开幕”进行填充。(12)在第 80 帧处按下 F5 插入普通帧，使“即将开幕”延长至 80 帧。最后保存文件，并测试影片观看动画效果。该动画的帧的分布如图 5 所示。图 5 帧的分布 2(动作补间动画的制作 实例:“樱花节”的动作补间动画 (1)新建文档

8、，设置其背景色为白色、文档大小为 550*400。(2)插入一个图形元件，命名为“文字”，在这个图形元件的第1 帧中输入文字“第三届樱花节”，并使文本相对于舞台居中。(3)回到场景，将“文字”这个元件拖放到图层 1 的第一帧中，注意“文字”在场景中的位置，将其先放在白色舞台外的右上角。如图9 所示位置。(4)在第 5 帧插入一个关键帧，将文本沿水平方向拖动到舞台上的右上角。如图 10 所示位置。在这两帧中要注意，元件不能被分离。图 9 文字的位置,舞台外,图 10 文字的位置,舞台内,(5)选中第 1 关键帧，在“属性”面板中设置“补间”类型为“动画”，即完成第 1 帧到第 5 帧的动作补间。

9、“属性”面板如图 11 所示。图 11 动作补间的属性面板 (6)在第 15 帧处再插入一个关键帧，将“文本”图形元件拖移到舞台的中央，然后在第 5 帧到第 15 帧的动作补间，在“旋转”中设置“顺时针”旋转“2 次”即可。(7)在第 25 帧处插入一个普通帧，使该动画延长至第 25 帧，最后保存即可。帧的分布如图 12 所示。图 12 帧的分布 实例 2:钟表动画的制作 (1)新建文档，设置其背景色为白色、文档大小为 550*400，帧频为 1。(2)选择“文件”菜单中的“导入”，将“钟表.jpg”(光盘/Course/Flash/sucai.rar)导入至库。(3)插入图形元件，命名为“钟

10、表”，进入图形元件的编辑状态。选中第 1帧，将导入的图片拖放至该元件的第 1 帧，并使其居中，然后使用直线工具绘制时针和分针，如图 13 所示。图 13 钟表 (4)新建“秒针”这一图形元件，在该元件的第 1 帧上用直线工具绘制秒针。(5)回到场景，将“图层 1”的名称更改为“表盘”，将“钟表”元件从库中拖放至该图层的第 1 帧中，然后在第 61 帧处插入普通帧延长。(6)新建图层，命名为“走动的秒针”，将元件“秒针”放置于该图层的第 1帧，如图 14 所示。图 14 场景中的钟表 (7)更改指针的中心，选中任意变形工具，将指针的中心移至最底端，如图15所示。15 更改的秒针的中心 注意:这一

11、步非常重要必须进行中心的更改才能保证指针正确旋转。(8)在“走动的秒针”图层的 61 帧处插入关键帧。设置第 1 帧到第 61 帧的动作补间，并设置顺时针旋转 1 次。(9)保存文件，测试影片。实验五 利用 Flash 制作遮罩动画 实验目的 1(理解遮罩动画的制作原理。2(学会创建、设计遮罩动画。实验学时 2 学时 实验原理 1(遮罩动画的概念 (1)什么是遮罩 遮罩，顾名思义就是遮挡住下面的对象。在 Flash 中，遮罩动画是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。(2)遮罩有什么用 “遮罩”主要有

12、2 种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见;另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。2(创建遮罩的方法 (1)创建遮罩 在 Flash 中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。只要在某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,如果想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了。(2)构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片

13、剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条等。实验内容与步骤 遮罩动画的制作 实例 1:探照灯效果 (1)新建文档，文档属性设置为默认。(2)选中“图层 1”的第 1 帧，用文字工具输入文字“遮罩动画”，设置文字的字体、字号和颜色，并在第 25 帧处插入普通帧。(3)在“图层 1”上新建“图层 2”，选中“图层 2”的第 1 帧，使用椭圆工具绘制一个无笔触色的椭圆，使用 Ctrl+G 组合后将椭圆放置在“遮”字上。此时绘制的椭圆便是用作遮罩的物体，

14、填充色选择为任何一种颜色都行，因为在最终的影片中遮罩层的内容是看不见的;同时，椭圆的高度最低要与文字的高度保持一致，因为只有这样在影片播放时文字才能完全显示。如图 1 所示。图 1 遮罩层的椭圆 (4)在“图层 2”的第 25 帧处插入一个关键帧，将椭圆移至“画”字上，然后创建第 1 帧至第 25 帧的动作补间动画。(5)选中“图层 2”，单击鼠标右键，在弹击的快捷菜单中选择“遮罩”，即将图层更改为遮罩图层，此时位于其下方的“图层 1”会自动更改为被遮罩层。如果未自动更改，则在该图层上单击右键，选择“属性”，在“属性”面板中选择“被遮罩”。(6)此时，一个模拟简易探照灯效果的动画制作完毕，测试

15、影片观看动画效果。实例 2;自转的地球 (1)新建文档，将文档的大小设置为 60*60 像素。(2)将光盘中的素材图片“地球.jpg”导入至库。(3)暂且不对“图层 1”操作，在“图层 1”上方创建“图层 2”，将“图层2”更改为遮罩层，“图层 1”更改为被遮罩层。(4)选中“图层 2”的第 1 帧，绘制一个无线条的正圆，大小为 60*60 像素，相对于舞台居中，并延至 30 帧。如图 2 所示。图 2 绘制的椭圆 (5)选中“图层 1”的第 1 帧，将“地球”从库中移至该帧中，移动图片的位置，使其最右边的部分能于遮罩层中的椭圆的位置一致。如图 3 所示。图 3“地球”图片的起始位置 (6)在

16、“图层 1”的第 30 帧处插入关键帧，移动“地球”的位置，置于如图 4所示的位置。并创建第 1 帧到第 30 帧的动作补间。图 4“地球”图片的终点位置 (7)为了使自动的地球更显立体感。在遮罩层的上方创建一个新的图层“图层3”，在“图层 3”的第 1 帧处绘制一个 60*60 像素的球，颜色为白色到黑色的放射状。从中白色的 Alpha 值为 0，黑色的 Alpha 值为 50，如图 5 所示。图 5 绘制的“球”(8)保存文件，测试影片。实例 3:切换背景 (1)新建文档，设置为默认。(2)导入光盘素材“image1.jpg”、“image2.jpg”入库中。(3)先制作“image1”向

17、“image2”的切换。将“图层 1”的名称更改为“信纸”，选中第 1 帧，从库中将“image1”拖放至该帧，并将该图片的大小设置为550*400 像素，与舞台背景大小一致，使其相对于舞台水平中齐和垂直中齐。同时在第 25 帧处插入普通帧。(4)在“信纸”图层上新建“茶杯”图层，选中该图层的第 1 帧，将“image2”拖放至该帧，同理设置大小并居中。(5)在“茶杯”图层上创建“图层 3”，将名字更改为“遮罩层 1”。在该图层上使用矩形工具绘制四个矩形，矩形的颜色设置:笔触色无，填充色为任意一种颜色，如图 6 所示。图 6 遮罩中的矩形 (6)在遮罩层的第 25 处插入关键帧，用任意变形工具

18、分别对四个矩形变形，变形后的效果如图 7 所示。注意变形时四个矩形不能贴到一块形成一个整体，必须如图所示每个矩形之间要留有一点缝隙。图 7 遮罩中变形后的矩形 (7)为矩形创建形状补间，并将该图层的属性更改为“遮罩”，“茶杯”图层更改为“被遮罩”，则两张图片类似百叶窗的切换效果完成。(8)接下来制作“image2”向“image1”的切换。在最上面新建图层，命名为“茶杯”，在第 26 帧插入空白关键帧，将“image2”放置于该帧，设置大小并对齐。将内容延长至第 60 帧。(9)在“茶杯”图层上新建“信纸”图层，在图层第 30 帧处插入空白关键帧，将“image1”放置于该帧，同样设置大小并对

19、齐。将内容延长至第 60 帧。(10)在“信纸”图层上创建“遮罩层 2”，将“遮罩层 1”中的 25 帧全部选中复制，然后回到“遮罩层 2”，在第 30 帧处单击右键选择“粘贴”，将内容复制过来。并更改图层的属性。(11)最后在最上面新建图层再次命名为“信纸”，在该图层的第 55 帧处插入空白关键帧，将“image1”放进来，并延长至 60 帧。这样能在最终得到的“image1”上停留 5 帧的时间。(12)保存文件，测试影片。该动画的图层分布如图 8 所示。图 8 图层分布 实验六 利用 PPT 制作幻灯片 一、实验目的 1.初步学会利用 PowerPoint 制作简单的多媒体幻灯片;2.掌

20、握制作幻灯片的一般过程和技巧;3.了解一组幻灯片的播放控制和过渡处理。4(掌握利用 PowerPoint 制作多媒体课件的方法。二、实验器材 实验仪器:多媒体电脑;操作系统:Win982000XP 操作系统;软件:Office;素材:制作 PowerPoint 幻灯片所需的相关素材。三、实验原理 Microsoft Office 的办公套件 PowerPoint 提供了方便制作多媒体演示文稿、幻灯片的平台，我们只需将相关素材资料载入，设置其进、出、停留的方式效果以及幻灯片间的播放顺序、过渡效果，即可得到令人满意的多媒体幻灯片。用PowerPoint 编制的文稿既可制成实际的幻灯片，也可制成投影

21、片，但更多的是以幻灯片的形式通过电脑、网络或在单机的大屏幕投影仪上进行放映。由于PowerPoint 能集文字、图形、图像、声音及视频剪辑于一体，可制作出图文并茂、色彩丰富、表现力极强的多媒体幻灯片，是一种进行学术交流、成果展示、教学工作的强有力工具。与传统的幻灯片相比，它具有制作和修改方便、现制现用、成本低、无耗材等许多优点。四、实验步骤 1.在“开始”菜单的“程序”菜单栏中找到 Office，打开 Microsoft PowerPoint。2.在弹出的对话框中选择“新建演示文稿/空演示文稿”，再单击“确定”即可进入 PowerPoint 的主操作界面。3.在弹出的“新幻灯片”对话框中可以看

22、到，PowePoint 自带了许多版式，可自己选定一种与要制作的幻灯片的内容最接近的版式。在各类空白的幻灯片上，自动版式提供了“单击此处添加文本、添加图片、添加剪贴画”等热区，可根据需要选择，若不需要，可单击各类热区的边框线后按“Del”键将其删除。4.选择合适的版式后，可以对幻灯片的背景进行设置。背景的设置有两种方法:一种是在“格式”菜单中选择“应用设计模板”，在弹出的对话框中选择合适的模板，点击“确定”即可;另一种方法是在“格式”菜单中选择“背景”，在弹出的对话框中点击下拉菜单“”，选择“填充效果”，可以进行“过渡”、“纹理”等的编辑，设置完毕后点击“确定”即可得到想要的效果。5.如果需要

23、在幻灯片中插入文字，可以利用自动版式提供的“单击此处添加文本”直接插入文字，也可以单击菜单栏中的“插入/文本框”按要求选取横排文本框或竖排文本框，出现要插入类型的文本框的图标，在合适的地方拖动鼠标，插入适当的文本框，并在文本框中输入文字即可。6.如果要对文字进行编辑，先选中文本，选择菜单栏中的“格式/字体”或单击右键在弹出的菜单中选择“字体”，然后在弹出的对话框中选择满意的字体、字形、字号以及颜色，单击“确定”即可。7.如果需要在幻灯片中插入图片，单击菜单“插入/图片”，再根据需要在弹出的下拉菜单中选择“剪贴画来自文件自选图形组织结构图艺术字来自扫描仪”等选择图片来源，然后在图片来源对话框中引

24、入图片文件或自绘图形。.如果要对图片进行编辑，选中图片，单击右键，选择“设置自选图形格 8 式设置艺术字格式”等，可相应地对图片的大小、颜色、线条、位置等参数进行修改;如果是来自剪贴画或来自文件的图片，则只能对图片进行大小和位置的修改。9.如果需要在幻灯片中插入表格或图表，同样在菜单“插入”中选择“图表”或“表格”，然后再对其进行编辑和修改。10.作为多媒体幻灯片，声音是必不可少的，与上面一样，在“插入”菜单的“影片和声音”中选择合适的影片声音来源，设置其播放参数，这样，在观看幻灯片的同时便可以听到相关的声音或解说。11.同时，在 PowerPoint 中可以进行与其他内容的超级链接，选中要添

25、加链接的对象，选择“插入/超级链接”，在弹出的对话框中键入或直接选择要链接的文件，点击“确定”即建立了链接。12.当素材内容基本调入后，开始有目的地进行整体调试，适当地进行“自定义播放”。具体步骤:点击“幻灯片放映/自定义动画”，在弹出的对话框中对各个对象进行“动画效果”，“播放顺序和时间”以及其他内容的设置。在自 定义动画的过程中要注意能利用不同的动画突出不同的对象，并且要有主次之分。13.至此，一张多媒体幻灯片基本制作完成。如果要制作多张幻灯片，则可在“插入/新幻灯片”中新建幻灯片，一张一张制作完毕后，如果要添加幻灯片之间的转换效果，则可切换到“幻灯片浏览视图”(左下角的按钮)中，对幻灯片之间的效果切换进行调节，选择适当的切换效果，张与张之间的切换时间，以及是通过“点击鼠标切换”还是“间隔固定的时间切换”等。14.一组幻灯片编辑制作完毕后，点击“幻灯片放映”(左下角的按钮)观看放映，然后调试修改直至满意后存