╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇FLASH交流 → Flash视觉特效之水泡世界


  共有12327人关注过本帖树形打印复制链接

主题:Flash视觉特效之水泡世界

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27515 威望:0 精华:7 注册:2003/12/30 16:34:32
Flash视觉特效之水泡世界  发帖心情 Post By:2008/5/7 13:13:17 [只看该作者]

效果预览:点击这里预览

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

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



  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部
美女呀,离线,留言给我吧!
admin
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27515 威望:0 精华:7 注册:2003/12/30 16:34:32
  发帖心情 Post By: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();

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



  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部