动画制作.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,Flash,平面动画设计,渐变及逐帧动画,实验一,1,实验目的：,、帧及时间轴面板的操作,、熟悉移动渐变动画制作的基本操作方法,、熟悉形状渐变动画制作的基本操作方法,、熟悉帧动画制作的基本操作方法,2,实验环境：,、,Windows,系列个人计算机；,、装有,Flash,软件的普通,PC,机,、准备好相关图片等素材。,3,实验预习：,、预习,Flash,中时间轴面板相关知识；,、预习,Flash,中帧的各种分类、操作等知识。,、预习引导和,逐帧,动画原理知识。,4,实验步骤：,、运行,FlashMX2004,；,、建立一个新的,Flash,文件；,、在此,Flash,文件中熟练掌握帧的各项基本操作：创建帧；移动帧；翻转帧；删除帧等；,、掌握洋葱皮工具的使用；,、开始使用渐变或逐帧方法制作,Flash,动画。,5,实验过程,、,起伏变化,第一步：,建立新场景并绘制笑脸,新建文件并选择圆形工具，设置填充色为无，画圆形，并用,直线工具画出眉毛和嘴巴，调整弧度，并调整整体对象大小，,放置到合适位置，如下所示：,8,第二步：设置关键点绘制哭脸,在将【图层,】,的第帧位置单击右键并选择,【,插入关,键帧,】,命令。,、起伏变化,9,第三步：设置窗口的补间,动画,选择,【,图层,】,的第一帧，将,【,属性,】,面板里,的“补间”设为形状。,动画制作成功，测试一下效果。,、起伏变化,10,实验过程,、,制作奔跑的小人,第一步、,分别制作五个小人奔跑的动作影片剪辑,11,第二步,新建影片剪辑“奔跑”，分别将第,1-5,帧插入关键帧，将,五个小人分别导入对应的帧中。,、,制作奔跑的小人,12,第三步,使用洋葱皮工具调整位置，动画制作完成。,、,制作奔跑的小人,13,实验回顾,、,相同条件下逐帧动画是,否比其他动画体积大？,运动补间动画和形状补间动,画的区别在哪里？,、复习并制做典型案例；,、实例制作（选做）：,滚动的皮球；,做自由落体运动的球；,变色、多变少、少变多,旋转的金字塔,飞起的文字,数字变化,写字,、根据所学知识自己创,作新作品；,14,实验报告格式,实验报告中必须包括以下内容,:,班级：学号：姓名：,实验名称：,实验目标与任务：,实验环境：,实验步骤：,实验结果：,总结：,15,谢谢使用,枣庄学院,.,计算机系,16,遮罩层动画,实验二,17,实验目的：,、学会图层的管理及层面板的基本操作；,、理解遮罩图层的概念；掌握遮罩技术的,制作技巧,。,、学会用遮罩图层创建图层特效动画。,18,实验环境：,、,Windows,系列个人计算机；,、装有,Flash,软件的普通,PC,机,、准备好相关图片等素材。,19,实验预习：,、预习,Flash,中图层的分类和使用知识,掌握制作遮罩层动画；,、预习,Flash,中图层的操作方法。,、预习遮罩原理知识。,20,实验步骤：,、运行,FlashMX2004,、建立一个新的,Flash,文件,、在此,Flash,文件中熟悉图层的各项基本操作,;,创建新图层、选择图层、删除图层、重命名图层、改变图层顺序、设置图层的属性，还需要熟悉一下图层的各种显示状态,、掌握遮罩层的创建方式,、开始使用遮罩层制作,Flash,动画,21,实验项目,、制作文字遮罩特效,、画卷展开动画制作,、制作旋转的地球,22,实验项目,、画卷展开效果制作,第一步：,建立新场景并设置风景,依次选择主菜单中的,【,文件,】【,导入,】【,导入到舞台,】,命令，在跳出的,【,导入,】,对话框中选择要使用的图片,【,荷花,.,jpg】,。调整荷花大小并放置到合适位置。,23,、画卷展开效果制作,第二步：创建矩形窗口,单击,【,插入图层,】,按钮，在,【,图层,1】,的上方新建,【,图层,2】,然后单击,【,矩形,】,工具，在,【,图层,2】,的首帧里对齐荷花的,左端画出和画等高而宽度很窄的矩形。,24,、画卷展开效果制作,第三步：设置窗口的补间,动画,在将【图层,1】,的第,90,帧位置插入普通帧，在,【,图层,2】,的,第,90,帧位置，单击右键并选择,【,插入关键帧,】,命令。,改变此帧里的矩形宽度，使其与画等宽，并且盖住画。选择,【,图层,2】,的第一帧，将,【,属性,】,面板里的“补间”设为形状。,测试一下效果。,25,、画卷展开效果制作,第四步：设置遮罩效果,在,【,图层,2】,上单击右键，然后在弹出的快捷菜单中选择,【,遮罩层,】,命令。效果如下图所示：,遮罩效果已经出现，还需要将轴的运动展现出来。,第五步：创建画轴元件,选择,【,插入,】-【,新建元件,】,，在打开窗口的,【,名称,】,里输入“画轴”，,【,类型,】,选择“图形”，进入“画轴”元,件编辑窗口中。,26,第六步：具体设计立体画轴,打开,【,颜色,】,面板，调整其填充色为线性渐变，,（具体参数设置如图左所示）,总共需要设置三个色标，其中第一个和最后一个色标颜色相近，且颜色较深，第二个色标颜色设置浅些，使其有凸起效果。颜色具体值可根据实际情况设置。,最后，在窗口中画矩形，并在两端画出小矩形，,（最终形成如图右所示的）,画轴效果制作完成。,、画卷展开效果制作,27,第七步：设置静止的左轴,单击舞台上方的,【,场景,2】,按钮，回到场景中。,接下来，在主场景中的,【,图层,2】,上方新建,【,图层,3】,、,【,图,层,4】,。图层创建完毕后，选择,【,图层,】3,第一帧，打开,【,库,】,面板，将“画轴”拖入舞台中。调整其大小和位置，使其置于古画左端。最后，在此层的第,30,帧处单击右键，在快捷菜单里选择,【,插入帧,】,命令。,、画卷展开效果制作,28,第八步：设置滚动的右轴,首先，复制,【,图层,3】,里画轴的实例。然后单击,【,图层,4】,的第一帧，在“编辑”菜单里选择,【,粘贴到当前位置,】,命令。然后向右稍微移动此“画轴”实例，使其与图层,3,中的“画轴”并列。,接下来，选择,【,图层,4】,的第,30,帧并单击右键，在弹出的快捷菜单里选择,【,插入关键帧,】,命令。然后将此帧里的“画轴”实例向下移动到古画的最右端。,最后，单击,【,图层,4】,的第,1,帧，将,【,属性,】,面板里的“补间”设为动画。至此，下方画轴的滚动动画设置完成，整个画卷展开效果也设置成功了。,、画卷展开效果制作,29,实验项目,、制作文字遮罩特效,第一步、,制作“转盘”影片剪辑，先画一个空心圆，然后使用线条,工具为此圆画一个直径，复制此直径线条，右键点击，在弹,出的菜单中选择粘贴到当前位置，然后选择“修改”菜单中的“变形”,子菜单中的“缩放和旋转”或点击“,Ctrl+Alt+S”,快捷键，弹出“缩放和,旋转”对话框，在旋转文本框中输入,15,，点击确定，用此方法依次,类推，将圆,26,等分，接着在各等分框中用颜料桶工具添各种颜色。,然后在时间轴的第,50,帧处插入关键帧，并创建动画。接着在属性,面板中选择顺时针旋转,1,周，效果如下图：,30,第二步,新建“流星”影片剪辑，用文本工具输入“流”字，并将字体设为“华文彩云”。为此影片剪辑做一个重制“遮罩”，在此影片剪辑中将字体打散，用橡皮擦擦除中间部分，只留边缘部分，然后选中边缘，选择“修改”菜单中的“形状”子菜单中的“把线条转化为填充,、制作文字遮罩特效,31,、制作文字遮罩特效,第三步,创建“文字遮罩”影片剪辑，在第一个图层中放入“遮罩”，在第二个图层中放入“转盘”影片剪辑，在第一图层点击右键设置为遮罩层，在第三个图层中放入“流星”影片剪辑，并使之与第一图层的“遮罩”重合,32,、制作文字遮罩特效,第四步,选择场景,1,，将影片剪辑“文字遮罩”拖入场景中，按,Ctrl+Enter,键测试影片。,动画制作成功！,33,3,、制作旋转的地球,第一步、,导入地图，并建立“地图”影片编辑，拖入影片剪辑中,，将地图打散并复制一份并列放置，全选并设置颜色为深灰,色。,如下图：,34,第二步,创建“地球”影片剪辑，在舞台上画一个正圆，如下所示：,3,、制作旋转的地球,第三步、,创建“旋转的地球”影片剪辑。,35,3,、制作旋转的地球,第四步,在第一个图层（改名为“遮罩”）中放入影片编辑“地球”，在此图层的第,50,帧处插入普通帧，在第二个图层（改名为“地图,1“,）中放入影片编辑”地图“在第,50,帧处插入关键帧，改变地图的位置使之被地球遮盖，然后改变地图在第,1,帧和最后一帧（即两个关键帧）的位置，并在中间创建动画，使地图沿地球水平运动。设“遮罩”层为遮罩。,36,3,、制作旋转的地球,第五步,在第三个图层（改名为地图,2,）中放入影片编辑“地图”，选中“地图”，在属性面板中的颜色中选择“亮度”将之亮度调高，接着让此地图沿与“地图,1”,图层中相反的方向运动。将“地图,2”,图层选中，拖入到“遮罩”层下，他也成为“遮罩”层的被遮罩层。使“地图,2”,在“地图,1”,图层的上方,37,3,、制作旋转的地球,第六步,选择场景,1,，将影片剪辑“旋转的地球”拖入场景中，按,Ctrl+Enter,键测试影片,动画制作完成！,38,实验回顾,思考：线段可以作为遮罩,层使用吗？,、复习并制做典型案例；,、实例制作（选做）：,逐渐显示的文字,探照灯显示效果文字,霓虹灯,闪闪红星,荡漾的水波,百叶窗显示的文字,、根据所学知识自己创,作作品；,39,实验报告格式,实验报告中必须包括以下内容,:,班级：学号：姓名：,实验名称：,实验目标与任务：,实验环境：,实验步骤：,实验结果：,总结：,40,谢谢使用,枣庄学院,.,计算机系,41,引导层动画,实验三,枣庄学院,.,计算机系,42,实验目的：,、进一步掌握,Flash,中图层的操作；,、引导层动画的基本设置方法,。,43,实验环境：,、,Windows,系列个人计算机；,、装有,Flash,软件的普通,PC,机,、准备好相关图片等素材。,44,实验预习：,、预习,Flash,中图层的分类和相关知识；,、复习,Flash,中图层的操作方法。,、预习引导层动画原理知识。,45,实验步骤：,、运行,FlashMX2004,、建立一个新的,Flash,文件,、掌握引导层的创建方式,、开始使用引导层制作,Flash,动画,46,实验项目,、制作笔绘效果,、,飘动的落叶,47,实验项目,、,飘动的落叶,第一步：,建立新场景并设置背景,依次选择主菜单中的,【,文件,】【,导入,】【,导入到舞台,】,命令，在跳出的,【,导入,】,对话框中选择要使用的图片,【,草地,】,。调整图片大小并放置到合适位置。,48,第二步：建立落叶元件,单击,【,插入图层,】,按钮，在,【,图层,1】,的上方新建,【,图层,2】,然后依次选择主菜单中的,【,文件,】【,导入,】【,导入到舞台,】,命令，在跳出的,【,导入,】,对话框中选择要使用的图片,【,落叶,】,。选中,【,落叶,】,图片单击右键选择,【,转化为元件,】,命令。,、飘动的落叶,49,第三步：设置窗口的补间,动画,在将【图层,】,的第帧位置单击右键并选择,【,插入关,键帧,】,命令。然后选择,【,图层,2】,的第一帧，将,【,属性,】,面板里,的“补间”设为动画。,测试一下效果。,、飘动的落叶,50,第四步：设置运动引导效果,单击添加引导层命令，然后在,在引导层上划出的下落的,弯曲路线,效果如下图所示：,、飘动的落叶,51,第五步：调整落叶位置,选中落叶元件调整其中心点于引导线上。,测试动画。,动画制作成功！,、飘动的落叶,52,实验项目,、制作笔绘效果,第一步、,在,Flash,文件中创建一个名为“字体”的影片剪辑，,在这个影片剪辑中使用文本工具写入文字,flash,，设置文,字属性，最好将字体设置为连笔。效果如下图：,53,第二步,在库中右键点击“字体”，从弹出的菜单中选择复制，即可复制一个和影片剪辑“字体”一样的影片编辑，只是名字不同而已，将复制得到的影片剪辑命名为“引导线”。使用铅笔工具沿文字,Flash,划连续曲线，这就是钢笔运动的路线。,、制作笔绘效果,54,第三步,在库中新建影片剪辑“钢笔”，使用文本工具在舞台上输入字体为,Wingdings 2,的英文叹号,!,（也可以设为字体,Wingdings,，此时将显示铅笔图像），出现钢笔图像，将文字打散，并为钢笔填充颜色。,、制作笔绘效果,55,第四步,在库中新建影片剪辑“写字”，在第一个图层（改名为“字体”）中放入“字体”，并在第,90,帧处插入普通帧，在第二个图层（改名为“钢笔”）中放入“钢笔”，并在第,90,帧处插入关键帧，更改两个图层的上下位置，然后选中钢笔图层，在时间轴上点击按钮，为此图层插入引导层。,第五步,在引导层中放入影片剪辑“引导线”，并将之打散，并在第,90,帧处插入普通帧。,、制作笔绘效果,56,第六步,在钢笔图层的第一个关键帧处，将钢笔的中心对准引导线的起点，在第,90,帧处，即第二个关键帧处，将钢笔的中心对准引导线的终点，然后在这两个关键帧处创建动画,。,、制作笔绘效果,57,第七步,选择场景,1,，将影片剪辑“写字”拖入场景中，按,Ctrl+Enter,键测试影片,。,动画制作成功！,、制作笔绘效果,58,实验回顾,、,引导层可以是组件吗？,引导层所引导的图形可以是,矢量图吗？遮罩层和引导层,可以互相嵌套吗？,、复习并制做典型案例；,、实例制作（选做）：,射箭,飘动的花瓣,飞舞的蝴蝶,封闭轨迹运动,星球的运动,、根据所学知识自己创,作新作品；,59,实验报告格式,实验报告中必须包括以下内容,:,班级：学号：姓名：,实验名称：,实验目标与任务：,实验环境：,实验步骤：,实验结果：,总结：,60,谢谢使用,61,