选择显示字体大小

winamp视觉效果演播室flash造

效果简介:
  启动winamp,打开winamp设置面板“选择插件/视觉效果”可以看见winamp视觉效果演播室插件,单击该插件选项打开avs面板就可以欣赏许多非常炫的视觉效果。本文就是介绍用flash制作这种视觉效果的方法。设计效果如下:(本例的*.swf和*.fla文件请点击这里下载)






  部分设计效果预览图

  如果把以上这些效果应用到您的flash mtv中,那该多爽啊!由于篇幅关系,笔者只能给大家讲解其中一个较简单的效果的制作方法。不过,只要您学会这一个效果的制作,再动动脑和手,就可以做出其它更加眩目的效果来

设计方法:

  打开flashmx:按快捷键ctrl+j,设置场景为400px×400px,黑色,帧速率12fps。

  一、元件的设计

  ü 按快捷键ctrl+f8新建一个名为“part”的movie clip符号。然后在“part”的场景里随便画几个圆圈,三角,方块;线条也可以是虚线;也可以设计的很粗。如图1所示。


图1 “part”符号的设置

  要做出更精彩的效果,这一部分是要好好动动脑子设计的。如果“part”符号内的图像也是可运动的话,那效果就更加复杂了。

  ü 按快捷键ctrl+f8新建一个名为“motion”的movie clip符号。“motion”符号里层与帧的组成结构如图2所示。图2中右边为library面板,面板里为所有元件。


图2 “文字影片”层与帧的结构


图3 改变“part”符号的形状

  现在设置一下“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”符号。点选第15帧,按快捷键ctrl+f3打开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; //控制影片的最大复制量

setproperty("part", _visible, 0); //隐藏母本

※ 第2帧中的代码如下:

while (i
//对影片“color”进行复制

duplicatemovieclip("part", "part" add i, 100-i);

//setproperty()语句的作用是让影片在x轴的方向上按一定比例进行缩放

//参数“k*random(i)”又一次体现了随机函数的魅力,其作用是控制影片的缩放比例

setproperty("part" add i, _xscale, k*random(i));

setproperty("part" add i, _yscale, k*random(i));

setproperty("part" add i, _alpha, num-i);

i = i+1;

removemovieclip("part" add random(j)); //随机删除影片

}

※ 第3帧中的代码如下:

gotoandplay(2);// 返回第2帧

  其实实现这个效果,随机函数是第一功臣,其次就是对符号的设计。至于符号的设计灵感大家可以在winamp中的视觉效果里寻找。那么,设计好多个效果后,怎么做才能方便地调用和欣赏它们呢?下面教大家一个最简单的方法:

  单击windows菜单/common libraries/button命令,打开button库,拖出一个按钮到主场景中,然后右键单击这个按钮,选择actions命令后,输入如下代码:

on (release) {

loadmovienum("xxx.swf", 0);

}

  最后给每个效果都添加加上一个调用按钮,使其彼此之间可以进行相互调用。如果你对设计还存在什么问题,可以联系作者——我的qq是:3549101


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons