《Flash引导层动画.pptx》由会员分享,可在线阅读,更多相关《Flash引导层动画.pptx(32页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、考考你考考你考考你考考你动作补间动画 直线运动直线运动乒乓球动画 不规则的曲线运动不规则的曲线运动请说出两个动画运动效果的不同?出最棒的你出最棒的你出最棒的你出最棒的你 -Flash -Flash 引导层动画引导层动画授课教师:赵海佳授课教师:赵海佳 精河县高级中学精河县高级中学教教 学学 目目 标标1.了解引导动画的原理和主要用途;了解引导动画的原理和主要用途;2理解引导层与被引导层之间的关系;理解引导层与被引导层之间的关系;3学会设置引导层和被引导层;学会设置引导层和被引导层;4学会创作引导动画效果。学会创作引导动画效果。教教 学学 重重 、难、难 点点难难 点点运动对象与引导线的吸附操作
2、。重重 点点 引导层动画的基本原理和制作方法。一、讲授新知一、讲授新知一、讲授新知一、讲授新知 Flash提供了一种提供了一种简便方法来便方法来实现对实现对象沿象沿着复着复杂杂路径移路径移动动的效果的效果,这就是就是引引导层动导层动画。画。神奇的大神奇的大自然中有各种各自然中有各种各样的运的运动,哪些运哪些运动可以用引可以用引导层动画来画来实现?树树树树 叶叶叶叶 飘飘飘飘 落落落落小小小小鱼鱼鱼鱼游游游游动动动动蝴蝶飞舞蝴蝶飞舞原子运原子运原子运原子运动动二、引二、引二、引二、引导层动导层动画画画画 引引导层动画由画由引引导层和和被引被引导层组成成.引引导层用于放置用于放置引引导线,(对象的
3、运象的运动路径)路径)被引被引导层用于放置用于放置运运动的的对象,象,制作引制作引导层动画的画的过程程实际就是就是对引引导层和和被引被引导层的的编辑过程。程。添加补间动画添加补间动画万万不能添加补间动画万万不能添加补间动画(一)引(一)引(一)引(一)引导层导层1、内容:、内容:只放置引只放置引导线。(。(对象的运象的运动路径)路径)2、作用:、作用:使使对象沿着象沿着绘制的运制的运动路径(引路径(引导线)运运动;3、图标:在引在引导层下方的下方的图层称称为“被引被引导层”引导线引导线引引引引导层导层的的的的创创建方法建方法建方法建方法创建引导层的常用方法:用按钮创建;引导线该如何绘制呢?引导
4、线该如何绘制呢?引导线该如何绘制呢?引导线该如何绘制呢?(二)引(二)引(二)引(二)引导线导线 2、引引导线不能是封不能是封闭的曲的曲线,要有起,要有起点和点和终点;点;3、引引导线在最在最终生成生成动画画时是不可是不可见的。的。1、在引导层上绘制的路线称为引导线;、在引导层上绘制的路线称为引导线;结论:运动对象结论:运动对象一定要准确吸附一定要准确吸附在引导线上!在引导线上!实实例演示例演示例演示例演示-蝴蝶蝴蝶蝴蝶蝴蝶飞飞舞舞舞舞小试牛刀小试牛刀小试牛刀小试牛刀雪雪花花飘飘落落操作要求:操作要求:操作要求:操作要求:1、更改更改场景大小景大小为宽700像素,高像素,高399像素;像素;2
5、、将将“图层1”重命名重命名为“背景背景”,将背景,将背景图层放入放入场景,静止景,静止30帧;3、新建新建图层“雪花雪花”,制作雪花从上向下,制作雪花从上向下飘落的落的动画画补间动画,画,长30帧;4、创建运建运动引引导层,将直,将直线运运动的雪花改的雪花改为“S”形形飘落;落;5、保存文件并以文件名保存文件并以文件名“雪花雪花飘落落.swf”发布到桌面布到桌面上。上。素材位置:我的素材位置:我的电脑/D:/素材素材/学考知识点、操作题学考知识点、操作题/flash/雪花飘落雪花飘落.fla制作引制作引制作引制作引导动导动画的画的画的画的“四步法则四步法则四步法则四步法则”四“准”二“引”:
6、在引导层绘制引导线(运动路径)。一“动”:制作对象由起点到终点直线运动的补间动画。:为运动对象所在图层添加引导层。三“线”:将对象的中心准确吸附在引导线上。大家来找茬!大家来找茬!大家来找茬!大家来找茬!火眼金睛火眼金睛火眼金睛火眼金睛-枫叶飘落枫叶飘落枫叶飘落枫叶飘落此引导线有间断火眼金睛火眼金睛火眼金睛火眼金睛-地球公转地球公转地球公转地球公转此引导线是一此引导线是一个封闭的曲线。个封闭的曲线。(三)引(三)引(三)引(三)引导层动导层动画画画画绘绘制的要点制的要点制的要点制的要点1 1、引导线引导线不能是封闭的曲线不能是封闭的曲线,一定,一定要有起点和终点要有起点和终点;2 2、引导线必
7、须是连续的,不能间断;、引导线必须是连续的,不能间断;3 3、引导线转折处不宜过急、过多;、引导线转折处不宜过急、过多;4 4、被引导对象的中心必须、被引导对象的中心必须准确吸附准确吸附在引导线上;在引导线上;5 5、引导层只放引导线,动画补间加在被引导层中。、引导层只放引导线,动画补间加在被引导层中。实战演练实战演练实战演练实战演练 -文字效果文字效果文字效果文字效果操作要求:操作要求:操作要求:操作要求:1、新建新建图层“背景背景”,放入背景,放入背景图片,静止片,静止40帧,并置于最,并置于最底底层,不受引,不受引导线引引导;2、将将“图层3”重命名重命名为文字,将文字,将“文字文字”元
8、件放入元件放入场景;景;3、为文字制作文字制作40帧的的动画画补间动画,并画,并顺时针旋旋转1次;次;4、文字运文字运动路径路径为引引导线上的上的圆;5、保存文件并以文件名保存文件并以文件名“文字效果文字效果.swf”导出影片到桌面。出影片到桌面。素材位置:我的电脑/D:/素材/学考知识点、操作题/flash/文字效果.fla拓展延伸拓展延伸拓展延伸拓展延伸 共同提高共同提高共同提高共同提高 -制作美丽的海底世界制作美丽的海底世界制作美丽的海底世界制作美丽的海底世界素材位置:我的电脑/D:/素材/学考知识点、操作题/flash/海底世界.fla多多多多层层引引引引导动导动画画画画多层引导动画,
9、就是利多层引导动画,就是利用一个引导层同时引导用一个引导层同时引导多个被引导层中的对象多个被引导层中的对象。一般情况下,创建引导层后,引导层只与其下一般情况下,创建引导层后,引导层只与其下的一个图层建立链接关系。如果要使引导层能够引的一个图层建立链接关系。如果要使引导层能够引导多个图层,可以导多个图层,可以将图层拖移到引导层下方将图层拖移到引导层下方,或通,或通过过更改图层属性的方法添加需要被引导的图层更改图层属性的方法添加需要被引导的图层。案例分析案例分析案例分析案例分析运动对象大鱼小鱼补间动画添加引导层,绘制引导线准确吸附测试影片修改图层属性:被引导层操作要求操作要求操作要求操作要求(1)
10、完成)完成“小小鱼”元件元件50帧的从右到左的从右到左动画画补间动画;画;(2)完成完成“大大鱼”元件元件50帧的从右到左的从右到左动画画补间动画;画;(3)添加引添加引导层,并,并绘制制引导线(路径自定义),引导线(路径自定义),实现大鱼小鱼一起运动的动画效果;实现大鱼小鱼一起运动的动画效果;(4)保存源文件,)保存源文件,导出影片到桌面,文件名出影片到桌面,文件名为“美美丽的海底世界的海底世界.swf”课课堂小堂小堂小堂小结结引引导动画画概念设置原理类型构成制作实现对实现对象沿着复象沿着复杂杂路径移路径移动动的效果的效果引导层被引导层引导线运动对象一一动多个引导层动画单个引导层动画制作引制作引导层动画画的的过程程实际就是就是对引引导层和被引和被引导层的的编辑过程程。用用 按按钮创建建二二引引三三线四四准准 技术改变世界技术改变世界 创新改变未来!创新改变未来!Thank You!Thank You!