用Flash实现神奇的小球文字动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-15
|
制作思路：制作红色绿色小球动画mc各一个，红色的mc中小球向左运动，绿色的mc中小球向右运动。使用as 的条件判断复制这两个mc，由这两个mc自动生成文字图形。注意这两个mc的播放应当有一定时间的延时（你可以在mc中插入空白帧），这样在完成图型的生成后，才开始mc的播放，生成连贯的效果。文章末尾提供.fla源文件下载。 本例重点： "=="的判断，千万不要和"="相混淆。 熟练掌握复制mc，条件判断语句的使用，并且对于如何在Flash中复制出复杂的造型原理有所了解。 对于文字的背景应当灵活的考虑，使小球的直径正好与笔画的粗细相吻合，如果你找不到合适的字体，就自己用flash把文字画出来好了，只要有点耐心就一定可以做得天衣无缝。 新建一个影片，高300像素，宽300像素，背景色为黑色。Insert---symbol新建元件命名为"红球"，在工具栏中选择oval tool，设置stroke color为无，fill color为任意色画一个正圆，在info面板上设置其宽为18px,高为18px，将其设置为居中对齐。用arrow tool选择这个圆，windows---panels---fill在弹出的fill面板上的下拉菜单中选择radial gradient（辐射渐变），编辑成由浅红到深红的渐变。同样的方法制作一个绿球。 新建元件命名为"红球动画"，从library中拖拽"红球"元件到舞台，新建一个引导层，在工具栏选择pencil tool设置为ink mode，画一条引导线。拖拽layer 1上的"红球"元件使其中心点与引导线重合。在layer 1与引导层的第80，160帧分别建立关键帧。（点击图片看详细时间线图）  双击layer 1的第1帧，输入as： stop (); 在第2帧建立关键帧，windows---panels---frames，在frame面板中设置此帧的frame label为：0，在第54，79帧建立关键帧，将第79帧中的"红球"拖拽到引导线的尽头并与引导线重合。在54与79帧之间建立motion动画。双击第79帧输入as: stop (); 双击layer 1的第80帧，输入as： stop (); 在第81帧建立关键帧，在frame面板中设置此帧的frame label为：1，在第134，159帧建立关键帧，将第159帧中的"红球"拖拽到引导线的尽头并与引导线重合。在134与159帧之间建立motion动画。双击第159帧输入as: stop (); 双击layer 1的第160帧，输入as： stop (); 在第161帧建立关键帧，在frame面板中设置此帧的frame label为：2，在第215，240帧建立关键帧，将第240帧中的"红球"拖拽到引导线的尽头并与引导线重合。在215与240帧之间建立motion动画。双击第240帧输入as: stop (); 按照同样的方法制作"绿球动画"，注意绿球的引导线的方向应当与红球的相反。 新建元件"文字背景"，在工具栏上选择line tool，stroke color 为灰色，绘制文字PC的轮廓，线条宽为18px。你可以打开grid以方便绘制时的定位。完成绘制后，新建元件"文字背景动画"在第1帧到第30帧建立一个"文字背景"元件从alpha为0到alpha为100的motion动画。  双击第30帧，输入as: stop (); 回到scene 1，新建两层分别放置"绿球动画"和"红球动画"，  并在instance面板中将"红球动画"的name属性设置为"ball"，"绿球动画"的name属性设置为"ballmove" 。将"文字背景"放置在layer2并设置居中对齐。新建一层命名为"action"，在第一帧建立关键帧，输入如下as： x = 45; x1 = 190; y = 208; y1 = 81; setProperty ("/ball", _visible, "0"); setProperty ("/ballmove", _visible, "0"); m = 1; m1 = 1; n = 1; o = 1; o1 = 51; //以上的as用来设置初始值 在第3帧建立关键帧。输入如下as : while (Number(m)<=5) { if (Number(o) == 1 or Number(o) == 6 or Number(o) == 11 or Number(o) == 16 or Number(o) == |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 小蜘蛛图解Flash 5坐标系下一篇: Flash 三维引擎初探
关于用Flash实现神奇的小球文字动画的所有评论
