内容正文:
授课日期
第 周星期
第 节
授课班级
章节或课题
引导层动画、遮罩动画
目标与要求
1、理解引导层、引导线的作用
2、掌握制作运动对象沿任意指定路径运动的动画
3、使学生理解遮罩动画中遮罩的含义及原理
4、学会遮罩图层的建立和遮罩效果的实现方法
重点与难点
教学重点:1、将外部素材导入到舞台、库
2、引导层动画的创建 3、遮罩的含义以及遮罩效果的制作方法
教学难点:1、运用引导层,制作曲线运动动画
2、理解遮罩层与被遮罩层之间的关系
授课课时
1节时
授课类型
新授课
教学后记:
教案用纸
20 —20 学年度第 学期
年级: 科目:信息技术
教 学 过 程
一、导入
展示两个动画效果(普通动作补间动画和引导层动画),请学生说出两个运动对象运动效果的异同(一个是点到点的直线运动,一个是曲线运动),引出本节课的内容:引导层动画
二、新授
1、 什么是引导层动画
引导层动画又叫轨迹动画,是让我们的动画对象按照一定的运动路径即轨迹进行运动的动画效果
2、 引导层动画的组构成
师:比较引导层动画和普通的动作补间动画有什么不同?【展示源文件】
生:多了一个图层并且画有动画对象运动的轨迹
师:轨迹动画由引导层和被引导层组成,引导层用于放置对象运动的路径,被引导层用于放置运动的对象
3、 引导层动画的制作方法:
(1)在普通层中创建一个对象。
(2)单击按钮,在普通层上层新建一个引导层,普通层自动变为被引导层。
(3)在引导层中绘制一条路径,然后将引导层中的路径沿用到某一帧。
(4)在被引导层中将对象的中心控制点移动到路径的起点。
(5)在被引导层的某一帧插入关键帧,并将对象移动到引导层中路径的终点。
(6)在被引导层的两个关键帧之间创建动作补间动画,引导动画制作完成。
引导层动画制作要点:
(1)一般将要移动的对象单独放在一个层,作为被引导层,在此层上面添加引导层。
(2)引导层一定要在被引导层的上方。
(3)引导层中只绘制运动路径,在被引导层中设置动作补间动画。
(4)启用“紧贴至对象”工具指向元件的中心点,拖动对象吸附到引导线的起点和终点
教 案 用 纸
教 案 用 纸
教 学 过 程
(5)要使对象沿着路径旋转,需在被引导层的起始帧属性中,设置“调整到路径”。
制作引导线的注意事项:
(1)引导线不能是封闭的曲线,要有起点和终点
(2)起点和终点之间的线条必须是连续的,不能间断,可以是任何形状
(3)引导线转折处的线条弯转不宜过急、过多,否则Flash无法准确判定对象的运动路径
(4)被引导对象必须准确吸附到引导线上,也就是元件编辑区中心必须位于引导线上,否则被引导对象将无法沿引导路径运动
(5)引导线在最终生成动画时是不可见的
4、制作蝴蝶飞舞动画【演示】
(1)打开背景文件
(2)在风车扇叶图层上插入新图层,重命名为“蝴蝶”,将影片剪辑元件“蝴蝶”拖放到舞台上
(3)在时间轴上单击“添加运动引导层”按钮,在图层“蝴蝶”上新建一个运动引导层
(4)使用“铅笔工具”在引导层上绘制出“蝴蝶”运动的平滑曲线
(5)选中图层“蝴蝶”,分别在第20、35、50帧插入关键帧,改变蝴蝶在舞台上的位置(注意是蝴蝶紧贴引导线)
(6)按Ctrl+Enter键测试影片
5、遮罩的原理:
遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现。遮罩层决定形状,被遮罩层决定显示的内容!
遮罩层与被遮罩层:
(1)遮罩层:图形
(2)被遮罩层:被挡住的图片或文字(最终看到的内容)
6、实例制作---探照灯效果【演示】
(1)运行Flash,设置文档属性,背景黑色
(2)把图层1命名为“文字亮”图层,在第1帧键入静态文本“欢迎学习遮罩动画”,文本颜色白色,并拷贝
教 案 用 纸
教 学 过 程
(3)新建图层“文字暗”,单击右键【粘贴到当前位置】命令,把欢迎学习遮罩动画粘贴到原来位置。并改变文本颜色为深灰
(4)新建一个图形元件,命名为“光”。在编辑区里面画一个放射状填充的圆形
(5)返回到场景1,新建图层“遮罩”层。把“光”图形元件拖动到第1帧,调整其在场景中的位置
(6)在“遮罩”图层的第70帧插入关键帧,并调整场景中“光”图形元件的位置。
(7)创建移动渐变动画。并把“遮罩”图层移动到“文字亮”图层的下面,在“文字亮”图层创建遮罩
(8)测试影片
7、实例制作----展开画卷【由学生思考回答】
(1)新建flash文档,在“画”图层第1帧制作自己喜欢的画面(制作完成后最好转换为元件),并延续至50帧左右
(2)在“矩形”图层第1帧上制作一纵向能覆盖画卷的矩形(如图2中暗红色矩形
(3)在“矩形”图层的第40帧上插入关键帧(此时该帧内容现第1帧的相同),并用“任意变形工具”将该小矩形变形为如图3所示,并在第1帧和第40帧之间做形状补间,延续至50帧:
(4)在“右轴”图层第1帧上制作自己喜爱的画卷卷轴,制作完成后转换为元件,延续至50帧,
(5)在“左轴”图层第1帧上从库中拖入卷轴元件
(6)在“左轴”图层第40帧上插入关键帧(此时该帧内容也为卷轴),将该卷轴移动到如图6所示左边位置,并在第1帧和第40帧之间做动作补间,延续至50帧
(7)设置“矩形”图层为遮罩层,“画”图层为被遮罩图层,如图7所示,测试影片。
实例制作—水中倒影
分析动画:
观察生活中的水中倒影可以看出,水波波动时,水里物体的影像会向外扩散,产生比真实物体放大的效果
教 案 用 纸
教 学 过 程
(1)制作倒影层
①在图层“背景”和“小熊”的第80帧插入帧
②新建图层,重命名为“水中倒影”,在第50帧插入关键帧
③复制“背景”层上的倒影图案,粘贴在“水中倒影”图层的第50帧位置,使用“任意变形工具”将图像适当放大
(2)制作水波遮罩
①新建图层,重命名为“水波”
②在第50帧处插入关键帧,使用“刷子工具”绘制圆环图案
③在“水波”层的第80帧处插入关键帧,使用“任意变形工具”将水波图案放大
④在“水波”层的第50帧至80帧之间创建形状补间动画
⑤右击图层“水波”,选择“遮罩层”命令,测试影片
应用遮罩时的技巧
1、要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。
2、不能用一个遮罩层试图遮蔽另一个遮罩层。
3、遮罩可以应用在gif动画上。
8、在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。
学生练习
练习一:制作探照灯效果
文字内容自定,探照灯形状自定
拓展练习:制作水中倒影特效
5
学科网(北京)股份有限公司
$$