当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash使用技巧--用Flash 5制作Winamp光谱柱的效果

Flash动画制作
Flash实例教程:用AS3代码表现倾斜角与斜率
Flash实例教程:用AS3代码制作交互式3D旋转动画效果
Flash cs3仿真艺术设计5.6:图形元件的同步与不同步
Flash cs3仿真艺术设计5.7:图形元件的同步应用
Flash cs3仿真艺术设计5.8:铰连身体部分
Flash实例教程:用AS2代码制作图片循环效果
Flash实例教程:AS3代码简单表现照片底片效果
Flash cs3仿真艺术设计5.9:关闭缺口_完善角色肢体连接
Flash入门实例教程:图片不间断滚动动画效果
Flash AS2实例教程:鼠标感应放大缩小图片效果
Flash AS3实例教程:鼠标跟随炫舞线条动画效果
Flash AS2实例教程:制作360度全景动画效果
Flash cs3仿真艺术设计5.10:位图动画的表现
Flash cs3仿真艺术设计5.11:导入PSD文件
Flash AS3基础教程:物理基础之速度向量(Velocity)
Flash AS3.0菜鸟学飞教程:帧循环学习实例
Flash MX 视频导入功能详解(6)
Flash教程:视频导入与编辑
Flash cs3仿真艺术设计5.12:运动引导层制作布什搞笑动画
Flash cs3仿真艺术设计5.13:人物行走动画制作技巧

Flash动画制作 中的 Flash使用技巧--用Flash 5制作Winamp光谱柱的效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 54 ::
收藏到网摘: n/a

  很多朋友都在用Winamp这个软件,相信大家都喜欢那个“光谱分析器”的效果吧。现在,我就教大家如何在Flash 5中实现这个效果。等大家学会了,把它放在你的Flash电影中岂不是美事一桩。

  1. 启动Flash 5,按 “Ctrl+M”键打开“Movie Properties”面板把场景的大小设置成100 px*50px,黑色。

  2. 按“Ctrl+F8”键打开“Symbol Properties”面板新建一个名为“mc”的Movie Clip影片。

  3. 选中矩形工具并在影片“mc”的场景中拉出一个矩形,删除边线。打开Info面板并如图1设置这个矩形(颜色等一下设置)。

  

 

  4. 复制这个矩形,然后在这个矩形的右边再复制出4个。在Info面板分别把这4个新增矩形的Y坐标改成-8,-13,-18,-23,其它参数不变。

  5. 把这5个矩形的颜色由上至下设置为:#F06000;#E8C800;#C0F800;#50E000;#48D600。最终设置如图片2。

 

  6. 按 “Ctrl+E键回到主场景。按 “Ctrl+L键打开库。把电影元件“mc拖拽到场景中,共拖拽8次,然后把它们排列整齐。你可以按“Ctrl+L键打开Align面板进行设置。按快捷键“Ctrl+I打开Instance面板,把这8个元件的“Name分别设为:1、2、3、4、5、6、7、8。

  7. 选中主场景中的第2帧,按下F6键新建一个关键帧。接着双击第1帧写下如下代码:

setProperty (“/1“, _yscale, Number(random (55))+3);
setProperty (“/2“, _yscale, Number(random (55))+4);
setProperty (“/3“, _yscale, Number(random (65))+6);
setProperty (“/4“, _yscale, Number(random (70))+8);
setProperty (“/5“, _yscale, Number(random (70))+8);
setProperty (“/6“, _yscale, Number(random (65))+6);
setProperty (“/7“, _yscale, Number(random (55))+4);
setProperty (“/8“, _yscale, Number(random (55))+3);
双击第2帧,写下代码:gotoAndPlay (1);

  好了,写完了,快按“Ctrl+E键看看效果吧,最终效果如图3。怎么样,这个效果还不错吧。