Flash模拟winamp动态视觉效果
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
? 当我们启动winamp，打开winamp设置面板"选择插件/视觉效果"，就可以看见winamp视觉效果演播室插件，单击该插件选项打开AVS面板就可以欣赏许多非常炫的视觉效果。现在我们就来用Flash模拟这种视觉效果。 这里我们给大家讲解其中一个较简单的效果的制作方法，只要您学会这一个效果的制作，举一反三就可以做出其它更加眩目的效果来。 制作思路：先制作“种子”符号，再复制“种子”符号，结合随机函数控制它们的位置、角度、颜色等等。 设计方法： 打开Flash，设置场景为400px×400px，黑色，帧速率12fps。 一、元件的设计 按快捷键Ctrl+F8新建一个名为"part"的Movie Clip符号。然后在"part"的场景里随便画几个圆圈，三角，方块；线条也可以是虚线；也可以设计得很粗。如图1所示。  图1 "part"符号的设置按快捷键Ctrl+F8新建一个名为"motion"的Movie Clip符号。"motion"符号里层与帧的组成结构如图2所示。图2中右边为Library面板，面板里为所有元件。  图2 "文字影片"层与帧的结构 现在设置"Move"层里5个关键帧。 首先，把影片剪辑"motion"场景里"Layer 1"层的名字改为"Move"。接着按快捷键Ctrl+L打开库，把库中的影片剪辑符号"part"拖拽到"Move"层里。右键单击层的第1帧，选择Create Motion Tween命令，建立帧的渐变运动。 分别单击第15、30、45、60帧，按快捷键F6插入关键帧。下面，改变这几个关键帧是"part"符号的大小，角度，形状，以求达到形状上的变化。 点选中第15帧中的"part"符号，按快捷键Ctrl+T打开Transform面板并如图3所示缩放"part"符号。  图3 改变"part"符号的形状 点选第15帧，打开Properties面板并如图4所示选择Rotate下拉菜单中的CCW命令，使"part"符号从该帧开始到下一个关键帧进行逆时针的运动。 第30帧中只要把"part"符号放大一点就可以了。  图4 改变第15帧中符号的旋转方向  图5 改变第30帧中的"part"符号 第45帧中把"part"符号缩小到原来的一半，并进行垂直翻转。 第60帧的设置要与第1帧相同，这样可以保证影片播放的流畅性。 按快捷键Ctrl+F8新建一个名为"color"的Movie Clip符号。"color"符号里也只有一层；也是60帧；每隔10帧为一个关键帧。每个关键帧都会对"motion"影片剪辑的颜色和大小进行设置。篇幅关系，就讲第10和40帧的设置，其它关键帧的设置类似。 先把库中的"motion"符号拖拽到"color"符号场景的层里，用同上的方法建立5个关键帧。选中第10帧场景中的"motion"符号，打开Properties面板并如图6所示进行设置。接着把"motion"符号向场景的左上角移动一点距离。Tint表示图像的色彩。  图6 改变"motion"符号的色彩 第40帧场景中的"motion"符号选择深蓝色，并向场景的左下角移动一点距离。 二、场景的设计 1．主场景中的层 如图7所示建立"Actions"和"Sybmol"两层。并从库中把符号"color"拖拽到"Sybmol"层中。选中"Sybmol"层中的"color"符号，打开Properties面板给它起个实体名"part"。如图8所示。   图7 主场景中层与帧的结构 图8 命名"color"符号的实体名称 2．设计控制程序 分别选中"Actions"层中的第2、3帧按F7键插入空白关键帧，并按F9键打开Actions面板，输入如下代码。 第1帧中的代码如下： i = 1; //控制着影片复制的深度，借以区别被复制出的影片 j = 40; //和变量i作用一样，不过j是控制影片删除所用的变量 k = 100; //控制影片缩放的参数，大小随意 num = 80; //控制影片的最大复制量 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash MX实例制作：会变身的蛇下一篇: Flash中音量和左右声道平衡的控制
关于Flash模拟winamp动态视觉效果的所有评论
