遮罩和引导层动画

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第10讲,Flash 遮罩和引导层动画,上节回顾,制作补间动画的步骤,设置,开始关键帧,，并加入初始对象,设置,结束关键帧,，并加入变化后对象,建立补间,要点注意,形状补间对象,对象,分离,动作补间,对象,单一,对象,不能分离,作业中的问题,去逛街思考,移步换景效果(马路比场景大),白云变乌云(动作补间、形状补间),乌云变雨滴(形状补间),雨滴下落(动作、,形状补间）,本讲教学目的,目的,掌握遮罩动画制作；,掌握引导层动画制作。,重点和难点,重点,掌握遮罩动画；,掌握引导层动画。,难点,遮罩层和被遮罩层的关系。,如何在遮罩层和被遮罩中设置动画。,遮罩层和被遮罩层中应分别放置什么对象。,引导路径的设置,引导层动画调整到路径,一、遮罩的概念,遮罩的概念,在Flash的图层中有一种遮罩图层类型(能得到特殊的显示效果),如果在遮罩层上创建一个任意形状的“视窗”,被遮罩层中的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。,遮罩层是任意形状,被遮罩层（遮罩层下）,遮罩后的效果,二、创建遮罩的方法,创建与取消遮罩,创建遮罩,取消遮罩,取消被遮罩层,特点,遮罩层只能看到轮廓,被遮罩层只能看到与遮罩层相交的部分,(,上面的轮廓、下面的内容,）,可以在遮罩层、被遮罩层中分别或同时使用形状补间、动作补间、引导层动画等形式,三、应用遮罩时的技巧,遮罩层中的对象的许多属性如渐变色、透明度、颜色和线条样式等是被忽略的。,例如我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。,例如我们不能用线条作遮罩(闪闪的红星),不能用一个遮罩层试图遮蔽另一个遮罩层。,在被遮罩层中不能放置动态文本。,课堂示例1-罗马假日,题目,制作如“罗马假日1.swf”和“罗马假日2.swf”所示的动画效果，一种效果是文字不动，但是图案运动；一种效果是图案不动，但是心形运动。,知识点,遮罩动画的制作方法。,将补间动画分别应用到遮罩层和被遮罩层的效果区别。,参考步骤,“罗马假日1.swf”的参考步骤：,新建文档500X400,并设置文档背景色为黑色；,将海报3作为背景图层图片，并设置动作补间动画，使图片从舞台上方移动到舞台下方；,在背景图层上方新建文字图层，输入文字“ROMAN HOLIDAY”，Impact字体，扩展到和背景图层相同的帧数；并将文字层设置为遮罩层。动画总长40帧。,“罗马假日2.swf”的参考步骤：,新建文档并设置文档背景色为黑色；,将海报3作为背景图层图片（修改大小），保持静止;,在背景图层上方新建图层，先绘制心形，让心形自上而下到场景中央;并由小变大将舞台覆盖；,将形状变化层设置为遮罩层。动画总长45帧。,思考题,制作”罗马假日2改进.swf”效果的动画,课堂示例2-金立手机,题目,一道白色辉光从文字左边略到文字右边，又从文字右边略到文字左边。同时，刘德华的图片渐渐出现又渐渐消失。效果参见“金立手机.swf”。,知识点：,利用遮罩动画的制作辉光效果文字。该效果在各种广告宣传的文字中都有很好应用，可以很好吸引网迷的视线。,遮罩动画和其他动画相结合，又互不干扰。,关键步骤,文字“GIONEE金立 金品质 立天下”做为遮罩层，白色辉光做为被遮罩层，辉光从左到右再从右到左做动作补间动画。,在被遮罩层下方，新建图层，放置和遮罩层相同内容相同位置的文字。,金立手机-图层提示,思考题,若要得到辉光照耀.swf的效果,该怎么办?,辉光照耀的地方文字明亮,其它地方文字暗淡,四、引导层动画,定义,通过创建一个运动引导层，使,一个或多个对象,沿同一条路径运动的动画形式被称为“引导路径动画”。,这种动画可以使一个或多个元件完成,曲线,或,不规则,运动。,引导层动画创建,建引导层动画的方法,在普通(运动)图层上单击“添加运动引导层”按钮，创建 引导层;,在引导层中是用钢笔、铅笔、线条或画笔等工具绘制引导线;,被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头.,注意,:引导图层是专门用来制作运动轨迹的，在播放动画的时候，轨迹不会显示出来。,课堂示例3-空中历险的飞机,题目,一个飞机沿曲线运动，机头方向沿曲线,知识点：,通过引导层添加飞机的曲线运动路径,如何将运动对象吸附在引导线上,如何使飞机机头沿飞行线方向,参考步骤,创建新文档,导入素材,在背景图层将背景图片放入舞台,创建飞机运动图层(共40帧)：,输入飞机,在Wingdings字体中输入shift+Q,单击时间轴窗口上的添加引导图层按钮，为飞机图层增加一个引导图层。,选择铅笔工具，在引导层中绘制一条,平滑曲线,调整,飞机的首尾,关键帧,的位置,与引导线,首尾,对齐,设置,调整到路径,参数,空中历险-图层提示,课堂示例4-古诗词配画,题目,：利用引导层动画，制作如“古诗词配画.swf”所示动画。要求：树叶沿不规则曲线飘落，并逐渐变小；毛笔书写出“天苍苍 野茫茫”文字；(有兴趣给动画配以抒情的音乐背景或者自己的诗朗诵录音片断)。,知识点：,利用引导层动画制作树叶飘落的效果,各种动画的综合运用,关键步骤,树叶飘落的效果：新建图层，绘制曲线引导线；新建图层，设置树叶的运动为动作补间，调整补间参数（旋转5周），将树叶运动的首位关键帧吸附到引导线上；,文字效果：新建一个图层，利用逐帧动画制作文字逐个出现的效果；,毛笔字效果：新建一个图层，利用动作补间动画，制作毛笔字移动的效果(同时伴随自身抖动)；写完后毛笔停留不动,古诗词配画-图层提示,课堂练习,课堂示例1-4,课后练习,见“遮罩和引导层动画.doc”,下周内容,Flash大作业,