|
Flash基础精彩实例教程：飘动的彩旗(1) [前言]
1、初学者写的教程面向初学者，让我们一起成为高手吧！（我写的比较啰嗦，但制作起来却是很简单的）
2、我在论坛发过此贴——请初学者用遮罩做出此效果，很多如我一样的初学者都很踊跃地跟贴交作业，但效果还是差一点点。现将我的制作思路写出来。
[效果]：
[要求]
1、防止靠近旗杆的旗上下抖动
2、使旗在滚动时畅而不滞
[目的]
熟练掌握引导层和遮罩的使用方法
[步骤]
第一步：新建图形元件，名称为“静止的旗”；在里面画一个无边框的矩形，宽30像素、高40像素、填充红色、相对于舞台左对齐和上对齐；按下工具栏中的“选择工具”，不选中矩形，把鼠标移到矩形的上边位置，当鼠标下方出现一条黑色的弧线时，按住鼠标往上拖；同样，把矩形的下边也往上拖。选中变形后的矩形，按住Ctrl键的同时往右拖出一个（即复制一个），选中复制出来的图形，然后选择“修改”菜单下的“变形”中的“垂直翻转”，并把X坐标设置为30、Y坐标设置为0；用鼠标在图形点击选中，按住Ctrl键的同时往右拖出一个，其X坐标设置为60、Y坐标与左边的图形相同（变形后的图形X坐标发生了变化，已经不为0了）。具体设置和效果如图1：
第二步：在库中选中元件“静止的旗”，右键选择“直接复制”，在弹出的对话框中将名称改为“遮罩原图”，点击“确定”按钮；在库中双击元件“遮罩原图”，进入“遮罩原图”的编辑场景；选中图形（记住其高度），用“选择工具”删除下部分的波浪形，再把其高度设置为原来的高度(不一定与图中的高度一样）。具体设置和效果如图2：
第三步：新建影片剪辑元件，名称为“滚动的旗”，在里面创建两个图层，图层名称从上到下依次为“引导层”、“静止的旗”；把“静止的旗”元件拖入到“静止的旗”图层上，相对于舞台左对齐和上对齐；双击该元件，进入“静止的旗”元件编辑场景中，在工具栏中选择“墨水瓶”工具，给图形描边黑色的边线，选中边线，双击边线按住Ctrl+X键剪切；回到“飘动的旗”的编辑场景中，再按住Ctrl+X键粘贴到“引导层”图层上，删除两边和下边的线，只留下上边线，相对于舞台水平中齐和上对齐，并延长帧至第30帧处，锁定该图层；选中元件“静止的旗”，按下工具栏中的“任意变形工具”，把图中出现的小白圆拖到上边的黑线上，在第30帧处插入关键帧，并创建补间动画，把第30帧的元件X坐标设置为-58，并把元件往上移，直到小白圆在黑线上为止；选中“引导层”图层，右键选择引导层；选中“静止的旗”图层稍稍往上拖（注意引导层图层图标的变化）。具体设置和效果如图3：
第四步：新建影片剪辑元件，名称为“遮罩层动画”，把库中的元件“遮罩原图”拖入，相对于舞台左对齐和上对齐；在第30帧处插入关键帧，把第30帧处的元件X坐标设置为-58，并创建补间动画。具体设置和效果如图4：
第五步：新建影片元件，名称为“飘动的旗”，创建两个图层，图层名称从上到下依次为“遮罩层动画”、“滚动的旗”;把“遮罩层动画”和“滚动的旗”分别拖入到相应的图层中；把“遮罩层动画”元件顺时针旋转90°，并把各个图层上的元件均设置成为相对于舞台左对齐和上对齐；选中“遮罩层动画”图层，右键选择遮罩层。具体设置和效果如图5：
第六步：创建“旗杆”新图形元件，用渐变工具画一细长矩形；把“旗杆”拖入到主场景中，在下层把“飘动的旗”也拖入，分别放到合适的位置上。
[思考与交流]
1、你是否能用形状补间做出飘动的效果？
| 
