4.1雪花飘飘(课件)-《Flash动画设计与制作(第二版)》同步教学(劳动版)

2023-09-07
| 24页
| 273人阅读
| 22人下载
普通

内容正文:

任务 3 任务 1 雪花飘飘 任务 2 飞舞的蝴蝶 元旦快乐 项目四 引导层动画制作 任务 4 浩瀚星空 引导层动画是另一种基本动画,它需要引导层和被引导层两个图层才能完成。在引导层中绘制对象的运动路径,在被引导层中制作动画补间动画,并分别将运动对象移动到路径的起点和终点上,从而产生对象的运动效果。引导层动画可以实现蝴蝶飞舞、极速赛车等多种运动效果。 任务 1 雪花飘飘 1. 掌握引导层动画的概念、原理和创建方式。 2. 掌握制作引导层动画的步骤和绘制引导线的注意事项,能制作简单的引导层动画。 本任务制作一个简单的引导层动画,通过添加运动引导层,实现雪花飘落,形成雪花漫天飞舞的效果,如图所示。通过本任务的学习,理解引导层和被引导层的概念以及引导层动画的原理,掌握引导层动画的制作方法和技巧。 雪花飘飘效果图 一、引导层动画的概念 引导层动画也叫运动引导层动画,它由引导层和被引导层组成 1. 引导层 位于被引导层的上方,图层图标为 。 2. 被引导层 位于引导层的下方,图层图标和普通图层一样。 二、引导层动画的原理 引导层是一种特殊的图层,用来指示对象的运动路径。在播放动画时,引导层上的对象不会显示出来,而被引导层中的对象沿着引导线运动。 三、引导层动画的创建方式 1. 按钮方式 选中要创建引导层的图层,单击“时间轴” 面板中的“添加运动引导层” 按钮 即可,如图所示。 创建运动引导层 2. 命令方式 选中要创建引导层的图层,执行【插入】→【时间轴】→【运动引导层】命令,如图所示。或者单击鼠标右键,从快捷菜单中选择“添加引导层”选项,如图所示。 用命令创建 3. 将普通层转换为引导层 选中要转换为引导层的普通图层,单击鼠标右键,从快捷菜单中选择“引导层”选项,如图所示。或者选择图中的“属性…”选项,打开“图层属性”对话框,在“类型”项中选择“引导层”单选按钮,单击“确定”按钮,如图所示。 用快捷菜单创建  用图层属性转换 四、制作引导层动画的步骤 (1)在当前层中创建一个对象。 (2)单击“时间轴”面板中的“添加运动引导层”按钮 ,在当前层上创建一个引导层,当前层自动变为被引导层。 (3)在引导层中绘制一条路径,然后将引导层中的路径延续到某一帧。 (4)在被引导层中将对象的中心点移动到引导层中路径的起点。 (5)在被引导层的某一帧插入关键帧,并将对象移动到引导层中路径的终点。 (6)在被引导层的两个关键帧之间创建动画补间动画,引导层动画制作完成轴效果如图所示。 运动引导层动画的时间轴 五、绘制引导线的注意事项 (1)引导线是一条流畅的、从头到尾连续贯穿的线条,线条中间不能出现中断。 (2)引导线的转折不应过多,并且转折处不应过急。 (3)引导线不能出现交叉、重复的现象。 (4)被引导的对象必须准确吸附到引导线上,否则被引导对象将无法沿引导路径运动。 1. 创建影片文档 新建一个 Flash 文档,设置舞台大小为 550 像素 ×400 像素,背景颜色为深灰色(#666666)。 2. 创建背景层 将图层 1 重命名为“背景”,将素材库中名为“雪花飘飘 .jpg”的图片导入舞台中。 3. 绘制“雪花”图形元件 (1)新建“雪花”图形元件。选择铅笔工具 ,设置铅笔模式为平滑,笔触颜色为白色(#FFFFFF),绘制雪花,效果如图所示。 绘制雪花 (2)选中雪花,将笔触颜色的类型修改为放射状,两个颜色滑块均为白色(#FFFFFF),右侧滑块的 Alpha 值为 50%,模糊雪花边缘,效果如图所示。 调整雪花颜色 4. 制作“下雪”影片剪辑元件 (1)新建“下雪”影片剪辑元件。将“库”面板中的“雪花”元件拖动至元件编辑区中图层 1 的第 1 帧。 (2)单击“时间轴”面板中的“添加运动引导层”按钮 ,在图层 1 上创建一个引导层。选择铅笔工具 ,绘制一条引导路径,效果如图a 所示。 (3)在图层 1 中将“雪花”元件的中心点移动到引导路径的起点。在第 50 帧插入关键帧,将元件的中心点移动到引导路径的终点,效果如图b 所示。 (4)在引导层的第 50 帧插入帧。 引导路径和雪花位置 (5) 选择图层 1 第 1 帧处的“雪花” 元件,执行【修改】→【变形】→【缩放和旋转】命令,在“缩放和旋转” 对话框中设置“缩放” 值为50%,单击“确定”按钮,如图所示。 “缩放和旋转”对话框 (6)在“属性”面板中将 Alpha 值修改为 50%,创建补间动画,时间轴效果如图所示。 “下雪”影片剪辑元件的“时间轴”面板 操作演示 5. 制作“下雪 1”“下雪 2”两个影片剪辑元件 仿照步骤 4,再制作两个影片剪辑元件,使雪花能够沿着不同的方向飘落下来。影片剪辑元件中的引导路径如图所示。 引导路径 6. 制作雪花飘落

资源预览图

4.1雪花飘飘(课件)-《Flash动画设计与制作(第二版)》同步教学(劳动版)
1
4.1雪花飘飘(课件)-《Flash动画设计与制作(第二版)》同步教学(劳动版)
2
4.1雪花飘飘(课件)-《Flash动画设计与制作(第二版)》同步教学(劳动版)
3
4.1雪花飘飘(课件)-《Flash动画设计与制作(第二版)》同步教学(劳动版)
4
4.1雪花飘飘(课件)-《Flash动画设计与制作(第二版)》同步教学(劳动版)
5
4.1雪花飘飘(课件)-《Flash动画设计与制作(第二版)》同步教学(劳动版)
6
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。