遮罩和引导层动画.ppt

第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周），将树叶运动的首位关键帧吸附到引导线上； 文字效果：新建一个图层，利用逐帧动画制作文字逐个出现的效果；