以文本方式查看主题

-  ╋艺 镇╋  (http://zyzsky.com/bbs/index.asp)
--  ┣◇FLASH交流  (http://zyzsky.com/bbs/list.asp?boardid=5)
----  Flash视觉特效之水泡世界  (http://zyzsky.com/bbs/dispbbs.asp?boardid=5&id=1509)

--  作者:admin
--  发布时间:2008/5/7 13:13:17
--  Flash视觉特效之水泡世界
效果预览:点击这里预览

  源文件下载:点击这里下载

  在前两期文章中,大家已经学习了几个视觉特效的制作,但笔者估计大多初学的朋友可能会觉得效果中的代码有点难懂,所以本期给大家准备了一个代码比较简单易懂的特效。在该效果的制作中,我们将学习到使用“洋葱皮”编辑技巧等。该效果常用于片头、广告以及FlashMTV中。其制作方法如下:

  1. 打开Flash MX,设置场景的大小为400px X 400px,背景色为#6699CC。帧频为30fps。

  2. 按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“泡泡”的图形元件。在“泡泡”元件的场景里绘制一个泡泡,其宽、高度均为5 px。如图1所示。设计泡泡时,可以选择一些不规则的区域,分别着上相近的蓝色,使其看上去有层次感,并和背景相融合。

图片点击可在新窗口打开查看  

 图1

  3. 再创建一个名为“泡泡动画”的影片剪辑元件。“泡泡动画”里有两层:“脚本”层和“元件”层,如图2所示。按快捷键Ctrl+L打开库,把库中的“泡泡”元件拖拽到“元件”层中。

图片点击可在新窗口打开查看

图2

  4. 分别点选“元件”层的第1帧到第51帧,按F6键插入关键帧。点选“洋葱皮”的“编辑多个帧”命令,见图3所示。再如图4所示选择“绘制全部”命令。接下来把各帧中的元件调整到如图3的位置。可以按快捷键Ctrl+T打开“变形”面板调整元件的大小。该步骤比较费力气,但使用“洋葱皮”命令和“变形”面板也是很容易完成的。

图片点击可在新窗口打开查看

 图3

图片点击可在新窗口打开查看

图4


--  作者:admin
--  发布时间:2008/5/7 13:14:17
--  
5. 分别点选“脚本”层中的第1、2、51帧,按F7键插入空白关键帧。

  第1帧中的代码如下:

// 改变元件的大小和位置
n = Math.random()*80+40;
this._xscale = n;
this._yscale = n;
this._x = 200;
this._y = Math.random()*250+50;
// 跳转到该元件的某一帧
startframe = Math.round(Math.random()*50);
gotoAndPlay(startframe);

  第2帧中的代码为播放动画命令:

play ();

  第51帧中为跳转命令:

gotoAndPlay (2);

  6. 回到主场景,同样新建一个“脚本”层和“元件”层。按快捷键Ctrl+L打开“库”面板,把“泡泡动画”元件拖到“元件”层中。点选场景中的“泡泡动画”元件,在“属性”面板中给它起个实体名为“泡泡”,如图5所示。

图片点击可在新窗口打开查看

图5

  7. 点击“脚本”层的第1帧,按F9键打开的“动作”面板,输入如下代码:

// 复制影片
i = 1;
while (i<40){
 duplicateMovieClip ("泡泡", "泡泡" add i, i);
 i++;
}
stop();

  好了,效果到这里就制作完成。