《渐变及逐帧动画》PPT课件

1、渐变及逐帧动画,实验一,http:/,实验目的,帧及时间轴面板的操作 、熟悉移动渐变动画制作的基本操作方法 、熟悉形状渐变动画制作的基本操作方法 、熟悉帧动画制作的基本操作方法,http:/,实验环境,Windows系列个人计算机； 、装有Flash软件的普通PC机 、准备好相关图片等素材,http:/,实验预习,预习Flash中时间轴面板相关知识； 、预习Flash中帧的各种分类、操作等知识。 、预习引导和逐帧动画原理知识,http:/,实验步骤,运行FlashMX2004； 、建立一个新的Flash文件； 、在此Flash文件中熟练掌握帧的各项基本操作：创建帧；移动帧；翻转帧；删除帧等；

2、、掌握洋葱皮工具的使用； 、开始使用渐变或逐帧方法制作Flash动画,http:/,实验内容,运动动画：制作运动动画，分别完成对象的运动、大 小缩放、旋转、沿特定路径运动、亮度、透明度、色调变 化的效果 形状动画：制作形状动画，分别完成形状的大小缩放 位置移动、颜色变化、形状变化、变化速度加速、减速 的效果；形状提示使用：给形状动画添加形状提示 逐帧动画：制作形状动画，完成跳跃画面动画的制作。 附：时间轴技巧的使用 使用时间轴特效分别制作复制到网格、分散式重制、模 糊、投影、扩展、分离、变形、过渡特效,http:/,实验项目,制作奔跑的小人,起伏变化,http:/,实验过程,起伏变化,第一步：

3、建立新场景并绘制笑脸 新建文件并选择圆形工具，设置填充色为无，画圆形，并用 直线工具画出眉毛和嘴巴，调整弧度，并调整整体对象大小， 放置到合适位置，如下所示,http:/,第二步：设置关键点绘制哭脸 在将【图层】的第帧位置单击右键并选择【插入关 键帧】命令,起伏变化,http:/,第三步：设置窗口的补间动画 选择【图层】的第一帧，将【属性】面板里 的“补间”设为形状。 动画制作成功，测试一下效果,起伏变化,http:/,实验过程,制作奔跑的小人,第一步、分别制作五个小人奔跑的动作影片剪辑,http:/,第二步新建影片剪辑“奔跑”，分别将第1-5帧插入关键帧 ，将 五个小人分别导入对应的帧中,制

4、作奔跑的小人,http:/,第三步使用洋葱皮工具调整位置，动画制作完成,制作奔跑的小人,http:/,实验回顾,相同条件下逐帧动画是 否比其他动画体积大？ 运动补间动画和形状补间动 画的区别在哪里,复习并制做典型案例,实例制作（选做）： 滚动的皮球； 做自由落体运动的球； 变色、多变少、少变多 旋转的金字塔 飞起的文字 数字变化 写字,根据所学知识自己创 作新作品,http:/,实验报告格式 实验报告中必须包括以下内容: 班级： 学号： 姓名： 实验名称： 实验目标与任务： 实验环境： 实验步骤： 实验结果： 总结,http:/,谢谢使用,枣庄学院.计算机系,http:/,遮罩层动画,实验二,

5、http:/,实验目的,学会图层的管理及层面板的基本操作； 、理解遮罩图层的概念；掌握遮罩技术的 制作技巧 。 、学会用遮罩图层创建图层特效动画,http:/,实验环境,Windows系列个人计算机； 、装有Flash软件的普通PC机 、准备好相关图片等素材,http:/,实验预习,预习Flash中图层的分类和使用知识 掌握制作遮罩层动画； 、预习Flash中图层的操作方法。 、预习遮罩原理知识,http:/,实验步骤,运行FlashMX2004 、建立一个新的Flash文件 、在此Flash文件中熟悉图层的各项基本操作;创建新图层、选择图层、删除图层、重命名图层、改变图层顺序、设置图层的属性

6、，还需要熟悉一下图层的各种显示状态 、掌握遮罩层的创建方式 、开始使用遮罩层制作Flash动画,http:/,实验项目,制作文字遮罩特效,画卷展开动画制作,制作旋转的地球,http:/,实验项目,画卷展开效果制作,第一步：建立新场景并设置风景 依次选择主菜单中的【文件】【导入】【导入到舞台】 命令，在跳出的【导入】对话框中选择要使用的图片【荷花. jpg】。调整荷花大小并放置到合适位置,http:/,画卷展开效果制作,第二步：创建矩形窗口 单击【插入图层】按钮，在【图层1】的上方新建【图层2】 然后单击【矩形】工具，在【图层2】的首帧里对齐荷花的 左端画出和画等高而宽度很窄的矩形,http:/

7、,画卷展开效果制作,第三步：设置窗口的补间动画 在将【图层1】的第90帧位置插入普通帧，在【图层2】的 第90帧位置，单击右键并选择【插入关键帧】命令。 改变此帧里的矩形宽度，使其与画等宽，并且盖住画。选择 【图层2】的第一帧，将【属性】面板里的“补间”设为形状。 测试一下效果,http:/,画卷展开效果制作,第四步：设置遮罩效果 在【图层2】上单击右键，然后在弹出的快捷菜单中选择【 遮罩层】命令。效果如下图所示： 遮罩效果已经出现，还需要将轴的运动展现出来,第五步：创建画轴元件 选择【插入】-【新建元件】，在打开窗口的【名称 】里输入“画轴”，【类型】选择“图形”，进入“画轴”元 件编辑窗口

8、中,http:/,第六步：具体设计立体画轴 打开【颜色】面板，调整其填充色为线性渐变，（具体参数设置如图左所示）总共需要设置三个色标，其中第一个和最后一个色标颜色相近，且颜色较深，第二个色标颜色设置浅些，使其有凸起效果。颜色具体值可根据实际情况设置。 最后，在窗口中画矩形，并在两端画出小矩形，（最终形成如图右所示的）画轴效果制作完成,画卷展开效果制作,http:/,第七步：设置静止的左轴 单击舞台上方的【场景2】按钮，回到场景中。 接下来，在主场景中的【图层2】上方新建【图层3】、【图 层4】。图层创建完毕后，选择【图层】3第一帧，打开【库】面板，将“画轴”拖入舞台中。调整其大小和位置，使其置

9、于古画左端。最后，在此层的第30帧处单击右键，在快捷菜单里选择【插入帧】命令,画卷展开效果制作,http:/,第八步：设置滚动的右轴 首先，复制【图层3】里画轴的实例。然后单击【图层4】的第一帧，在“编辑”菜单里选择【粘贴到当前位置】命令。然后向右稍微移动此“画轴”实例，使其与图层3中的“画轴”并列。 接下来，选择【图层4】的第30帧并单击右键，在弹出的快捷菜单里选择【插入关键帧】命令。然后将此帧里的“画轴”实例向下移动到古画的最右端。 最后，单击【图层4】的第1帧，将【属性】面板里的“补间”设为动画。至此，下方画轴的滚动动画设置完成，整个画卷展开效果也设置成功了,画卷展开效果制作,http:

10、/,实验项目,制作文字遮罩特效,第一步、制作“转盘”影片剪辑，先画一个空心圆，然后使用线条 工具为此圆画一个直径，复制此直径线条，右键点击，在弹 出的菜单中选择粘贴到当前位置，然后选择“修改”菜单中的“变形” 子菜单中的“缩放和旋转”或点击“Ctrl+Alt+S”快捷键，弹出“缩放和 旋转”对话框，在旋转文本框中输入15，点击确定，用此方法依次 类推，将圆26等分，接着在各等分框中用颜料桶工具添各种颜色。 然后在时间轴的第50帧处插入关键帧，并创建动画。接着在属性 面板中选择顺时针旋转1周，效果如下图,http:/,第二步新建“流星”影片剪辑，用文本工具输入“流”字，并将字体设为“华文彩云”。

11、为此影片剪辑做一个重制“遮罩”，在此影片剪辑中将字体打散，用橡皮擦擦除中间部分，只留边缘部分，然后选中边缘，选择“修改”菜单中的“形状”子菜单中的“把线条转化为填充,制作文字遮罩特效,http:/,制作文字遮罩特效,第三步创建“文字遮罩”影片剪辑，在第一个图层中放入“遮罩”，在第二个图层中放入“转盘”影片剪辑，在第一图层点击右键设置为遮罩层，在第三个图层中放入“流星”影片剪辑，并使之与第一图层的“遮罩”重合,http:/,制作文字遮罩特效,第四步选择场景1，将影片剪辑“文字遮罩”拖入场景中，按Ctrl+Enter键测试影片。 动画制作成功,http:/,3、制作旋转的地球,第一步、导入地图，并

12、建立“地图”影片编辑，拖入影片剪辑中 ，将地图打散并复制一份并列放置，全选并设置颜色为深灰 色。如下图,http:/,第二步创建“地球”影片剪辑，在舞台上画一个正圆，如下所示,3、制作旋转的地球,第三步、创建“旋转的地球”影片剪辑,http:/,3、制作旋转的地球,第四步在第一个图层（改名为“遮罩”）中放入影片编辑“地球”，在此图层的第50帧处插入普通帧，在第二个图层（改名为“地图1“）中放入影片编辑”地图“在第50帧处插入关键帧，改变地图的位置使之被地球遮盖，然后改变地图在第1帧和最后一帧（即两个关键帧）的位置，并在中间创建动画，使地图沿地球水平运动。设“遮罩”层为遮罩,http:/,3、制

13、作旋转的地球,第五步在第三个图层（改名为地图2）中放入影片编辑“地图”，选中“地图”，在属性面板中的颜色中选择“亮度”将之亮度调高，接着让此地图沿与“地图1”图层中相反的方向运动。将“地图2”图层选中，拖入到“遮罩”层下，他也成为“遮罩”层的被遮罩层。使“地图2”在“地图1”图层的上方,http:/,3、制作旋转的地球,第六步选择场景1，将影片剪辑“旋转的地球”拖入场景中，按Ctrl+Enter键测试影片,动画制作完成,http:/,实验回顾,思考：线段可以作为遮罩 层使用吗,复习并制做典型案例,实例制作（选做）： 逐渐显示的文字 探照灯显示效果文字 霓虹灯 闪闪红星 荡漾的水波 百叶窗显示的

14、文字,根据所学知识自己创 作作品,http:/,实验报告格式 实验报告中必须包括以下内容: 班级： 学号： 姓名： 实验名称： 实验目标与任务： 实验环境： 实验步骤： 实验结果： 总结,http:/,谢谢使用,枣庄学院.计算机系,http:/,引导层动画,实验三,枣庄学院.计算机系,http:/,实验目的,进一步掌握Flash中图层的操作； 、引导层动画的基本设置方法,http:/,实验环境,Windows系列个人计算机； 、装有Flash软件的普通PC机 、准备好相关图片等素材,http:/,实验预习,预习Flash中图层的分类和相关知识； 、复习Flash中图层的操作方法。 、预习引导层

15、动画原理知识,http:/,实验步骤,运行FlashMX2004 、建立一个新的Flash文件 、掌握引导层的创建方式 、开始使用引导层制作Flash动画,http:/,实验项目,制作笔绘效果,飘动的落叶,http:/,实验项目,飘动的落叶,第一步：建立新场景并设置背景 依次选择主菜单中的【文件】【导入】【导入到舞台】 命令，在跳出的【导入】对话框中选择要使用的图片【草地】 。调整图片大小并放置到合适位置,http:/,第二步：建立落叶元件 单击【插入图层】按钮，在【图层1】的上方新建【图层2】 然后依次选择主菜单中的【文件】【导入】【导入到舞台】 命令，在跳出的【导入】对话框中选择要使用的图

16、片【落叶】 。选中【落叶】图片单击右键选择【转化为元件】命令,飘动的落叶,http:/,第三步：设置窗口的补间动画 在将【图层】的第帧位置单击右键并选择【插入关 键帧】命令。然后选择【图层2】的第一帧，将【属性】面板里 的“补间”设为动画。 测试一下效果,飘动的落叶,http:/,第四步：设置运动引导效果 单击添加引导层命令，然后在在引导层上划出的下落的 弯曲路线效果如下图所示,飘动的落叶,http:/,第五步：调整落叶位置 选中落叶元件调整其中心点于引导线上。 测试动画。 动画制作成功,飘动的落叶,http:/,实验项目,制作笔绘效果,第一步、在Flash文件中创建一个名为“字体”的影片剪辑

17、， 在这个影片剪辑中使用文本工具写入文字flash，设置文 字属性，最好将字体设置为连笔。效果如下图,http:/,第二步在库中右键点击“字体”，从弹出的菜单中选择复制，即可复制一个和影片剪辑“字体”一样的影片编辑，只是名字不同而已，将复制得到的影片剪辑命名为“引导线”。使用铅笔工具沿文字Flash划连续曲线，这就是钢笔运动的路线,制作笔绘效果,http:/,第三步在库中新建影片剪辑“钢笔”，使用文本工具在舞台上输入字体为Wingdings 2的英文叹号!（也可以设为字体Wingdings，此时将显示铅笔图像），出现钢笔图像，将文字打散，并为钢笔填充颜色,制作笔绘效果,http:/,第四步在库中新建影片剪辑“写字”，在第一个图层（改名为“字体”）中放入“字体”，并在第90帧处插入普通帧，在第二个图层（改名为“钢笔”）中放入“钢笔”，并在第90帧处插入关键帧，更改两个图层的上下位置，然后选中钢笔图层，在时间轴上点击按钮，为此图层插入引导层。 第五步在引导层中放入影片剪辑“引导线”，并将之打散，并在第90帧处插入普通帧,制作笔绘效果,http:/,第六步在钢笔图层的第一个关键帧处，将钢笔的中心对准引导线的起点，在第90帧处，即第二个关键帧处，将钢笔的中心对准引导线的终点，然后在这两个关键帧处创建动画,制作笔