Flash骨骼遮罩引导层动画.ppt
第8讲 Flash 骨骼、遮罩、引导层动画,2,2,教师信息,教师：柳青 电子信箱：办公室：信息楼B418电话：67703852,复习与回顾,补间形状传统补间补间动画,目的、重点和难点,目的掌握骨骼动画；掌握遮罩动画；掌握引导层动画。重点掌握遮罩动画；掌握引导层动画。难点骨骼动画适用范围遮罩层和被遮罩层的关系。如何在遮罩层和被遮罩中设置动画。遮罩层和被遮罩层中应分别放置什么对象。引导路径的设置引导层动画调整到路径,骨骼动画,用途制作机械类转动，使用元件+骨骼的形式；制作生物类关节，使用图形+骨骼的形式。,课堂示例1_铲土车运行,实验指导P157-5利用库中的元件，制作铲土车运行的示意动画，动画总帧数为60帧,遮罩的概念,什么是遮罩在图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。遮罩有什么用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。,创建遮罩的方法,遮罩层是由普通图层转化而来的。在某个图层上单击右键，在弹出菜单中选择【遮罩层】，该图层就会生成遮罩层，“层图标”就会从普通层图标 变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，如果想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就可以了,构成遮罩和被遮罩层的元素,遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。,创建遮罩动画的步骤,首先在普通图层中，放入被遮罩对象，创建动画(如果需要可以在被遮罩层中使用形状补间动画、动作补间动画、引导线动画等动画)然后在当前图层上方新建图层，放入遮罩对象，创建动画(如果需要可以在遮罩层中使用形状补间动画、动作补间动画、引导线动画等动画)最后将放入遮罩对象的图层设置为遮罩图层,课堂示例2_简单遮罩动画,打开“简单遮罩动画.fla”文件，利用素材创建遮罩动画关键步骤：将库中文字拖动到舞台，持续40帧新建图层，画球，并创建球来回滚动动画，持续40帧选择“球”所在图层，按右键选择“遮罩层”保存为“简单遮罩动画.fla”，导出为“简单遮罩动画.swf”,课堂示例3_罗马假日,题目制作如“罗马假日1.swf”和“罗马假日2.swf”所示的动画效果，一种效果是文字不动，但是文字上的图案运动；一种效果是图案不动，但是文字动。知识点遮罩动画的制作方法。将补间动画分别应用到遮罩层和被遮罩层的效果区别。,参考步骤,“罗马假日1.swf”的参考步骤：新建文件，导入素材设置文档背景色为黑色；将海报作为背景图层图片，并设置动作补间动画，使图片从舞台上方移动到舞台下方；在背景图层上方新建文字图层，输入文字“ROMAN HOLIDAY”，Impact字体，扩展到和背景图层相同的帧数；并将文字层设置为遮罩层。保存为“罗马假日1.fla”，导出为“罗马假日1.swf”,“罗马假日2.swf”的参考步骤：新建文件，导入素材设置文档背景色为黑色；将海报作为背景图层图片在背景图层上方新建图层，先创建多边形形状变化的形状补间动画；在形状补间动画后面制作文字移动的动作补间动画，文字为“ROMAN HOLIDAY”，Impact字体，从小到达变化，并从舞台上方移动到舞台中央；将文字层设置为遮罩层。保存为“罗马假日2.fla”，导出为“罗马假日2.swf”,罗马假日1,罗马假日2,课堂示例4_文字遮罩动画,题目打开“金立手机.fla”文件，利用素材创建遮罩动画一道白色辉光从文字左边掠过到文字右边，又从文字右边掠过到文字左边。效果参见“文字遮罩动画-样张.swf”。知识点：利用遮罩动画的制作辉光效果文字。该效果在各种广告宣传的文字中都有很好应用。,参考步骤,打开“金立手机.fla”文件创建“背景文字”层，持续到60帧复制“背景文字”层(建立“遮罩文字层”)在两个文字层中间新建图层，创建“辉光运动”动画将“辉光运动”动画上方文字图层，设置为遮罩层保存为“金立手机.fla”,课堂示例5_金立手机,题目在示例4基础上，完成刘德华的图片渐渐出现又渐渐消失，添加背景音乐。效果参见“金立手机-样张.swf”。知识点：遮罩动画和其他动画相结合，又互不干扰。,参考步骤,在示例4基础上，新建图层人物变化动画层背景图片层背景音乐层,引导层动画的原理,将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。,创建引导层和被引导层,在普通图层上单击时间轴面板中的“添加传统运动引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”,引导层和被引导层中的对象,引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动画补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。,向被引导层中添加元件,“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。下图中“元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。,应用引导路径动画的技巧,把“属性”面板上的“调整到路径”前打上勾，对象的基线就会调整到运动路径。在做引导路径动画时，按下主工具栏上的“对齐对象”功能按钮，可以使“对象附着于引导线”的操作更容易成功。,创建引导层动画步骤,首先在普通图层中，创建被引导对象动画(通常为传统补间动画)然后在当前图层上方创建引导图层在引导图层中创建引导线将被引导对象吸附到引导线上,课堂示例6_树叶飘落,题目：打开“古诗词配画.fla”，利用引导层动画，制作如“树叶飘落-样张.swf”所示动画。要求：树叶沿不规则曲线飘落，并逐渐变小。知识点：利用引导层动画制作树叶飘落的效果结合传统补间参数的设置，使树叶运动更自然,参考步骤,打开“古诗词配画.fla”制作背景层，并持续到55帧创建树叶运动图层创建引导图层，画引导线使树叶吸附在引导线上，注意“调整到路径”选项保存“古诗词配画.fla”,课堂练习,完成课堂示例16继续课堂示例6，要求：毛笔书写出“天苍苍 野茫茫”文字。参见“古诗词配画-样张.swf”。,古诗词配画-参考步骤,继续课堂示例6文字效果：新建一个图层，利用逐帧动画制作文字逐个出现的效果；毛笔字效果：新建一个图层，利用传统补间动画，制作毛笔字移动的效果；注意调整文字层和毛笔字层的帧数，从而使两层播放时配合一致。保存为“古诗词配画.fla”，导出为“古诗词配画.swf”,课后练习,实验指导书P153156第2、3、4题实验指导书P158159第2、3、5题空中历险的飞机题目：一个飞机沿曲线运动，机头方向沿曲线知识点：通过引导层添加飞机的曲线运动路径如何将运动对象吸附在引导线上如何使飞机机头沿飞行线方向,
