《实验三利用Flash制作形变动画.pdf》由会员分享,可在线阅读,更多相关《实验三利用Flash制作形变动画.pdf(13页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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.一组幻灯片编辑制作完毕后,点击“幻灯片放映”(左下角的按钮)观看放映,然后调试修改直至满意后存