Flash骨骼遮罩引导层动画.ppt

《Flash骨骼遮罩引导层动画.ppt》由会员分享，可在线阅读，更多相关《Flash骨骼遮罩引导层动画.ppt（28页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第第第第8 8讲讲讲讲 Flash Flash 骨骼、遮罩、引导层动画骨骼、遮罩、引导层动画骨骼、遮罩、引导层动画骨骼、遮罩、引导层动画2 2教师信息q教师：柳青 q电子信箱：q办公室：信息楼B418q电话：67703852复习与回顾q补间形状补间形状q传统补间传统补间q补间动画补间动画目的、重点和难点q目的q掌握骨骼动画；q掌握遮罩动画；q掌握引导层动画。q重点q掌握遮罩动画；q掌握引导层动画。q难点q骨骼动画适用范围q遮罩层和被遮罩层的关系。q如何在遮罩层和被遮罩中设置动画。q遮罩层和被遮罩层中应分别放置什么对象。q引导路径的设置q引导层动画调整到路径 骨骼动画q用途q制作机械类转动，使用

2、元件+骨骼的形式；q制作生物类关节，使用图形+骨骼的形式。课堂示例1_铲土车运行q实验指导P157-5q利用库中的元件，制作铲土车运行的示意动画，动画总帧数为60帧遮罩的概念q什么是遮罩q在图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。q遮罩有什么用q是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，q是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。遮罩层是任意形状被遮罩层（在遮罩层下）遮罩后的效果创建遮罩的方法q遮罩层是由普通图层转化而来的。q在

3、某个图层上单击右键，在弹出菜单中选择【遮罩层】，该图层就会生成遮罩层，q“层图标”就会从普通层图标 变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，q如果想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就可以了构成遮罩和被遮罩层的元素 q遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。q被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。创建遮罩动画的步骤q首先在普通图层中，放入被遮罩对象，创建动画q(如果需要可以在被遮

4、罩层中使用形状补间动画、动作补间动画、引导线动画等动画)q然后在当前图层上方新建图层，放入遮罩对象，创建动画q(如果需要可以在遮罩层中使用形状补间动画、动作补间动画、引导线动画等动画)q最后将放入遮罩对象的图层设置为遮罩图层课堂示例2_简单遮罩动画q打开“简单遮罩动画.fla”文件，利用素材创建遮罩动画q关键步骤：q将库中文字拖动到舞台，持续40帧q新建图层，画球，并创建球来回滚动动画，持续40帧q选择“球”所在图层，按右键选择“遮罩层”q保存为“简单遮罩动画.fla”，导出为“简单遮罩动画.swf”课堂示例3_罗马假日 q题目题目q制作如“罗马假日1.swf”和“罗马假日2.swf”所示的动

5、画效果，一种效果是文字不动，但是文字上的图案运动；一种效果是图案不动，但是文字动。q知识点知识点q遮罩动画的制作方法。q将补间动画分别应用到遮罩层和被遮罩层的效果区别。参考步骤q“罗马假日1.swf”的参考步骤：q新建文件，导入素材q设置文档背景色为黑色；q将海报作为背景图层图片，并设置动作补间动画，使图片从舞台上方移动到舞台下方；q在背景图层上方新建文字图层，输入文字“ROMAN HOLIDAY”，Impact字体，扩展到和背景图层相同的帧数；q并将文字层设置为遮罩层。q保存为“罗马假日1.fla”，导出为“罗马假日1.swf”q“罗马假日2.swf”的参考步骤：q新建文件，导入素材q设置文

6、档背景色为黑色；q将海报作为背景图层图片q在背景图层上方新建图层，先创建多边形形状变化的形状补间动画；q在形状补间动画后面制作文字移动的动作补间动画，文字为“ROMAN HOLIDAY”，Impact字体，从小到达变化，并从舞台上方移动到舞台中央；q将文字层设置为遮罩层。q保存为“罗马假日2.fla”，导出为“罗马假日2.swf”罗马假日1罗马假日2课堂示例4_文字遮罩动画q题目q打开“金立手机.fla”文件，利用素材创建遮罩动画q一道白色辉光从文字左边掠过到文字右边，又从文字右边掠过到文字左边。q效果参见“文字遮罩动画-样张.swf”。q知识点：q利用遮罩动画的制作辉光效果文字。该效果在各种

7、广告宣传的文字中都有很好应用。参考步骤q打开“金立手机.fla”文件q创建“背景文字”层，持续到60帧q复制“背景文字”层(建立“遮罩文字层”)q在两个文字层中间新建图层，创建“辉光运动”动画q将“辉光运动”动画上方文字图层，设置为遮罩层q保存为“金立手机.fla”课堂示例5_金立手机 q题目q在示例4基础上，完成刘德华的图片渐渐出现又渐渐消失，添加背景音乐。q效果参见“金立手机-样张.swf”。q知识点：知识点：q遮罩动画和其他动画相结合，又互不干扰。参考步骤q在示例4基础上，新建图层q人物变化动画层q背景图片层q背景音乐层引导层动画的原理q将一个或多个层链接到一个运动引导层，使一个或多个对

8、象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。创建引导层和被引导层 q在普通图层上单击时间轴面板中的“添加传统运动引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”引导层和被引导层中的对象 q引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。q“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。q由于引导线是一种运动轨迹，不难想象，“被引导”层中最常用的动画形式是动画补间动画，当播放动画时，一个或

9、数个元件将沿着运动路径移动。向被引导层中添加元件 q“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。q下图中“元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利运行的前提。应用引导路径动画的技巧 q把“属性”面板上的“调整到路径”前打上勾，对象的基线就会调整到运动路径。q在做引导路径动画时，按下主工具栏上的“对齐对象”功能按钮，可以使“对象附着于引导线”的操作更容易成功。创建引导层动画步骤q首先在普通图层中，创建被引导对象动画q(通常为传统补间动画)

10、q然后在当前图层上方创建引导图层q在引导图层中创建引导线q将被引导对象吸附到引导线上课堂示例6_树叶飘落q题目题目：q打开“古诗词配画.fla”，利用引导层动画，制作如“树叶飘落-样张.swf”所示动画。q要求：树叶沿不规则曲线飘落，并逐渐变小。q知识点：知识点：q利用引导层动画制作树叶飘落的效果q结合传统补间参数的设置，使树叶运动更自然参考步骤q打开“古诗词配画.fla”q制作背景层，并持续到55帧q创建树叶运动图层q创建引导图层，画引导线q使树叶吸附在引导线上，注意“调整到路径”选项q保存“古诗词配画.fla”课堂练习q完成课堂示例16q继续课堂示例6，要求：毛笔书写出“天苍苍 野茫茫”文字。参见“古诗词配画-样张.swf”。古诗词配画-参考步骤q继续课堂示例6q文字效果：新建一个图层，利用逐帧动画制作文字逐个出现的效果；q毛笔字效果：新建一个图层，利用传统补间动画，制作毛笔字移动的效果；注意调整文字层和毛笔字层的帧数，从而使两层播放时配合一致。q保存为“古诗词配画.fla”，导出为“古诗词配画.swf”课后练习q实验指导书P153156q第2、3、4题q实验指导书P158159q第2、3、5题q空中历险的飞机q题目：一个飞机沿曲线运动，机头方向沿曲线q知识点：q通过引导层添加飞机的曲线运动路径q如何将运动对象吸附在引导线上q如何使飞机机头沿飞行线方向