仿真艺术设计系列之飞舞的蝴蝶.doc

效果演示：一、制作雪花元件1、打开 Flash9.0，新建Flash文档选择AtionScrip 3.0。背景色为深蓝，舞台大小为 550400。然后按下 Ctrl+F8，新建一个影片剪辑元件“雪花”，进入到“雪花”元件编辑状态后，图层1改为“雪花层”用椭圆工具在舞台上拖曳出一个大约 22 像素无笔触纯白色的圆来，然后放大到 800，用选择工具在边缘处随便拉动，使其变成不规则的形状，最后选中这个图形，打开【修改】-【形状】-【柔化填充边缘】，调出“柔化填充边缘”对话框，在“距离”项中填入 5px，“步骤数”为5，“方向”为“扩展”，完成后尺寸大约为 7.57 像素，全选图形右键转为影片剪辑元件“静态雪花”。如图 1（放大为 800的效果）。2、在影片剪辑“雪花”元件“雪花层”图层的第80帧上插入关键帧，然后在第二层“添加运动引导层”，舞台缩小到50%，用铅笔画从上至下画一条运动线，第80帧处插入帧，上锁。选中“雪花”图层图第80帧上“静态雪花”元件拖曳到运动线的下端，选中“雪花”层创建补间动画。如图2然后在库中用右键点击“雪花”元件，选择“链接”项，给其添加标识符为“xh_mc”。二、制作背景回到场景 1 中来，选择【文件】-【导入】-【导入到舞台】，从自己的磁盘中选择一张雪景图片，选中图片，把它设置为550x400,全居中，同时把图层 1 更名为“背景”。 三、新建一个图层“AS” ，点中第 1帧，打开“动作”面板，添加下列代码： Var sj:Timer=new Timer(Math.random()*300+100,100); /声明一个时间变量，类型Timer，随机设置时间间隔和控制雪花数量； sj.addEventListener(TimerEvent.TIMER ,sjcd); /用sj来侦听时间事件； function sjcd(event:TimerEvent) /声明一个sjcd函数 var xh:xh_mc=new xh_mc(); /先声明一个对象xh，类型xh_mc,等于一种新类型xh_mc; addChild(xh); /把新声明的xh对象显示到舞台上； xh.x=Math.random()*550; /雪花x坐标在550舞台上随机出现； xh.y=Math.random()*200; /雪花y坐标控制在舞台上的0-200处随机出现； xh.alpha=Math.random()*1+0.2; /雪花的随机透明度； xh.scaleX=Math.random()*0.5+0.5; /随机控制雪花在x的宽度； xh.scaleY=Math.random()*0.5+0.5; /随机控制雪花在y的宽度； sj.start();/时间开始；雪景代码：var sj:Timer =new Timer(Math.random()*300+100,100); sj.addEventListener(TimerEvent.TIMER ,sjcd); function sjcd(event:TimerEvent) var xh:xh_mc=new xh_mc(); addChild(xh); xh.x=Math.random()*550; xh.y=Math.random()*200; xh.alpha=Math.random()*1+0.2; xh.scaleX=Math.random()*0.5+0.5; xh.scaleY=Math.random()*0.5+0.5; sj.start();四、关闭动作窗口测试保存。烟花效果的制作所有的人都喜欢烟花。这是一个夏夜观看用明亮的烟花照亮的星空。你可以用你的烟花将每一天装点成七月四日（美国的国庆。译者注）并且没有风险和伤害。用同样简单的渐变填充，一些遮罩和一些补间，你将马上听到 “Oohs!” 和 “Ahhhs!” （也许美国人一高兴就这样叫吧。译者注）。1. 首先使用一个至少用了4种颜色的放射填充。中间和外面的颜色透明度设为0%。第二和第三个颜色由你的烟花设计来确定。将这个渐变填转换为图形元件。2. 你需要创一个遮罩象本例一样爆发而出的烟花效果。将它转换为图形元件。3. 将放射填充放进被遮罩层并锁定。这样只有被遮罩的部分才能看见。4. 在第一帧将遮罩和渐变缩得很小。渐变应比遮罩更小。5.在时间轴上的一定的位置插入关键帧，将它们放大到300%。渐变至少要大于遮罩。6.在更远的地方插入两个关键帧，将它们缩小到125%。渐变的透明度减弱到0%。7.锁定这两个图层然后回车播放或测试你的影片。你将看到一个漂亮的令人满意的烟花绽放效果。8. 画一个轮廓并用两种颜色混合的线性渐变来填充它，两种颜色的外端透明度为0%.9. 将这个渐变用形状补间使它从下面直到上面并消失。10. 即然这个轮廓的形状补间模似了从下向上爆发的效果，那么你不需要在时间轴上调整烟花为它腾出地方。11 如果你将这个动画制作成一个元件，你将很容易复制并制作出不同颜色的烟花效果。12.用一个新的放射填充元件编辑复制的元件。用一个较暗的背景将使烟花更加栩栩如生。13. 将你的多个烟花效果实例拖到舞台上并让它们在不同的帧开始。提示： 如果你有一个单色的背景比如黑色，最好不要在补间动动画中使用透明的形状，因为当多个动画效果重叠时它将会集中处理。用与背景相同的颜色替换透明的图形，这将会总是得到一个更好的重放效果。差不多我常常并不是用全部的工具来完成设计和动画，有些工具通常是单独地工作。蝴蝶是仅仅使用Flash的变换工具的一个完美的简单实例。扭曲工具完美地改变形状的透视，例如蝴蝶的翅膀。它比用手工去画翅膀的每个角度的形状更节省时间。当使用正确的工具进行正确的工作的不同之处是显而易见的。 1. 这只蝴蝶是完全在Flash中画的。它由三个部分组成：身体和两个翅膀。它的左翅与右翅扇动就象你画的并使它动起来一样。选择所有的元件，在它们之上右击并在上下文菜单中选择分散到图层。 2. 使用自由变形工具将蝴蝶旋转90度。编辑每个翅膀的中心点到它们与身体的相连处。 3. 选择下的翅膀，使用自由变换工具，点住底部中间的手柄向上推。这将垂直地翻转翅膀。 4. 为蝴蝶的翅膀增加一些层次，使用翅膀分开。将后面的翅膀向移动几个像素并使它稍为有些倾斜。你同样可以向左移动前面的翅膀并使它用一些倾斜。 5. 双击前面的翅膀进入编辑模式。在第2帧插入关键帧。使用扭曲子工具将上面左和右角上的手柄向外拖使它们向下有一些倾斜。 6. 插入第3 个关键帧，再次扭曲翅膀。 7. 插入第4个关键帧，使用自由变换工具向下拖动上边中间的手柄直到翅膀翻转成水平位置。 8. 复制第2帧并将它粘帖到第5帧。使用自由变换工具，拖动上边中间手柄将翅膀翻转到水平位置。 9. 重复相同的步骤复制第1帧并粘帖到第6帧。用同样的方法将它变换到水平位置。 10. 你已经使翅膀栩栩如生地向下扇动了。要使它向上