飘逸——Flash精彩实例剖析
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
蓝色的波浪线有如美丽的秀发般穿过屏幕，飘逸而轻灵，仿佛看见了可爱的姑娘长发随风而动，四处荡漾着银铃般的欢笑，让我们的心也不禁随之起舞。这么cool的效果，当然是用Flash制作完成的，其实只要稍加改动我们还可以做出让人迷乱的海浪，随风飞扬的旗帜……而这看起来复杂又神奇的效果没有用到任何的actionsctipt，完全只是mc的motion动画，简单得让人难以想象吧？做为闪客的你我，又怎能放过一个如此优秀的创意而不加以学习呢？现在就让我们一步步再现这神奇的动感。 打开你心爱的 flash，让我们开始这一段飘逸之旅。file---new新建movie,modify---movie,在movie窗口中调整movie的属性，宽100像素，高350像素，背景色为深蓝色。（如图一） 
新建一个symbol，命名为line,windows---panels---stroke，在弹出的stroke面板中将stroke color调整为浅蓝色，在工具栏上选择line tool,画一条直线。windows---panles---info设置直线长为350，windows---panels---align, 在弹出的align面板上设定直线位于舞台正中央，选择arrow tool，将鼠标移近直线，你会发现鼠标的箭头变成了一个小圆弧，拖拽鼠标，直线变向鼠标运动的方向弯曲，形成一个弧型，使用这种方法将直线调整为一条起伏的波浪线，（如图二）。
单击曲线，使其处于选中状态（被选中图型上会出现虚线段），edit---copy，edit---paste复制出一条曲线，选择arrow tool，用鼠标拖动它与第一条曲线连接好，如图所示。重复以上做法，直到你拥有一条4个波峰的长曲线段为止。将此曲线拖拽到舞台正中央。在此操作过程中有可能曲线会超出屏幕的范围，我们可以点击左下角的显示比率下拉框，（如图三）选择使用50%或更小的显示比率以方便调整元件的位置。
新建一symbol，命名为waveline，windows---library，打开元件库，从library中拖拽wave到舞台,windows---panels---align,调整它的位置以保证wave元件最左段与中心点的对齐，右键单击第20帧，insert keyframe建立关键帧，windows---panels---info,调整wave元件位置，使其向右运动两个波峰，（如图四）。在从第1帧到第20帧间的任意一帧单击鼠标右键，
 creat motion tween,建立了motion动画（如图五）。 
新建一symbol，命名为wavegroup，windows---library，打开元件库，从library中拖拽waveline到舞台（我们假定它为waveline1），windows---panels---align,在弹出的align面板上设定直线位于舞台正中央，edit---copy，edit---paste复制出一个waveline元件(我们假定它为waveline2），选择arrow tool，使复制出的waveline处于被选中状态，windows---panels---info打开info面板，调整元件的位置使其恰好位于waveline1左一个像素，下一个像素的位置，当然你也可以利用键盘的上下键进行微调。重复以上操作，复制出waveline3,waveline4.....直到waveline40,并使每一个复制出的元件都恰好位于前一个元件左一个像素，下一个像素处。（小窍门：你可以先只复制出5个元件，排列好后，edit---select all全选它们，modify---group使用群组命令将它们结合在一起，然后再复制这个结合体，调整它们之间的位置，然后再群组，再复制...很快就可以将40个元件按照要求排列好了）（如图六） 
做一个文字动画，新建一symbol，命名为text,在工具栏上选择text tool,输入文字，在本例中我输入我的名字pcking，windows---panels---character选择arial balck字体，大小为50pt,颜色为浅蓝色。再输入一段文字，“洗发水”，同样设置其为浅蓝色，大小50pt,将它们如图（如图七）
 
新建一symbol，命名为textmovie,windows---library，打开元件库，从library中拖拽 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 利用Flash MX模板制作XML动态菜单下一篇: 用Mask简单制作随机波动线条效果
关于飘逸——Flash精彩实例剖析的所有评论
