星星写字
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
|
星星写字的效果如果按照一帧一帧的来做也是可以成功的，但是那会是一件非常吃力的事情，如果使用AS来做的话,不仅可以节省劳动力，而且还可以让生成的Flash动画的体积变得很小。 其制作原理如下：首先，做一个闪烁的星星。然后制作一个轨迹，让星星随着这个轨迹运动，最后写几行AS代码让星星一边沿轨迹运动一边在运动的当前位置复制自己，这样就形成了上面的效果！下面让我们来一步一步跟着做！ 第一步：制作闪烁的星星 1、设置场景为黑色背景。新建一个组件Graphic,取名：light，在场景中画一个没有边框的正圆（鼠标拖拉时按住“Shift”键），(记住要让圆的中心对准场景的中心，等会做bstar的时候就知道了），填充色如图中所示：Fill Style:Radial;左边白色：Alpha：100%；右边白色：Alpha:0；，然后对圆进行拉伸变形成图中形状。 
接着如法炮制，在圆的左下方再画一个类似的圆，拉伸变形后只取其一半（如下图）。 
2、新建一个组件Graphic,取名：bstar,把light组件从library中拖入到场景的中心让组件的中心与场景中心对齐，用鼠标选中场景中组件，然后调出“Transform”面板，参数设置：纵向比例100%；横向比例：100%；Rotate:90,如下图所示。然后按红色圆圈中的按钮3下（每隔90度复制一个选中的组件） ，这样一颗星星就做好了，下一步我们要让他闪烁！ 
3、新建一个组件MC,取名：star,把bstar组件从library中拖入到场景的中心让组件的中心与场景中心对齐，在第10帧和第20帧插入关键帧，在第1帧设置组件的Alpha值：10%；同时使组件缩小到原来的30%（这个可以自己适当调整）；在第20帧设置组件的Alpha值：20%；同时使组件缩小到原来的30%（这个可以自己适当调整），在第10帧上让组件稍微向右旋转一下角度，不要太大。在第1帧设置帧的属性：Tween:motion;Rotate:CCW；1 Times(逆时针方向旋转一次），在第10帧设置帧的属性如下图所示：Tween:motion;Rotate:CW；1 Times(顺时针方向旋转一次） 
第二步：让闪烁的星星跟着轨迹走 1、从Library中把star组件拖入到场景中，再在Layer1层上加一个Guide层Layer2（按红色圆圈中图标），在Layer2的第一帧的场景中用钢笔画出“me"的路径，把Star组件放到路径的开始点，同时给Star组件赋予一个inatance of name:star如下图： 
2、 在层Layer1 的第40 帧,第41帧和75帧的位置插入关键帧，设置第1帧和41帧的帧属性：tween:motion（设置为移动渐变）；把Star组件拖到 “m”的最后点 如图所示，（由于我们的路径不是一个连续的线条，所以我们用两个渐变过程来完成整个轨迹的运动）。同时在Layer2的第75 帧位置插入帧（按F5键）。 
3、 在层Layer1 的第41帧上把Star组件拖到如下图的位置 
4、在层Layer1 的第75帧的上把star组件拖到如下图的位置 ，完成整个路径的运动 
第三步：制作ActionScript 1、新建一个mc:取名：action。在第一帧加上ActionScript： i = i+1;//设定一个变量i并让i累加 duplicateMovieClip(_parent.star, "star"+i, i);//复制一个star，并取名“"star"+i”，当i=2时，复制的mc的名字就是"star2"("_parent.star"表示上一级的mc中的star) 在第二帧插入关键帧，加上一句：call(1);//调用第一帧的代码 2、回到Scene 1，新建一层：Layer3,把action从Library中拖到场景中来如下图： 
3、 删除层Layer3 的 第75帧，同时在层layer 1的第75帧上加上一句actionscript:stop; （ 如下图中红色方框所示） 。删除层Layer3 的 第75帧是为了让mc:action中的actionscript不作用到第75帧上面。 
? OK!大功告成！Ctrl+Enter测试一下看看效果如何！有心的读者还可以用不同的轨迹来做效果又会不一样哟！ ? 关键词： |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 制作一个骄艳的鲜花情人Flash贺卡下一篇: 教你用AS快速画出简单实用的菜单
关于星星写字的所有评论
