关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|Flash mx 2004做洋葱皮特效模拟

Flash mx 2004做洋葱皮特效模拟

[ 来路:网页教学网      时间:2007-7-10 3:30:47    点击: ]

 

  很久以前看到过一个洋葱皮特效动画很是喜欢,不过时间很久了,也忘了当时是在哪看到的,今天给大家做了一个类似的效果让大家看看效果,其中用的ACTIONSCRIPT很少,本实例仅做大家学习研究使用吧!大家在实际使用中可以自己加以改变,如果能对你学习Flash有帮助的话就感到欣慰了。先看看效果:

点击这里可以下载源代码

  具体制作过程:

  1.打开Flash mx 2004首先修改一下文档的属性:“修改”->>“文档”如下图所示:

  2.按Ctrl+F8新建一个名为tar的图形类组件,在图符编辑画面中用矩形工具画一个不带边框的红色正方形。你在自己制作的时候可以改变一下颜色试试。

  3.画好后再按Ctrl+F8新建一个名为tarmc的电影片断类组件。在第1帧把组件tar从库中拖到编辑区中,然后在第20帧,第40帧和第60帧分别按F6插入关键帧。然后在第20,40和60帧上分别对正方形做一定的旋转放缩变形,使得4个关键帧的对象分别如下图所示,观察渐进色的方向以分清每一帧的差别。然后把第60帧的方形拖到最右端放置,第20和40帧的对象放在第1帧和第60帧对象之间,位置关系也如下图所示。分别在第1帧,第20帧,第40帧设置帧属性为运动渐变。大家也可以自己调整正方形的变形过程,使得这个电影片断看起来比较流畅。


(图片较大,请拉动滚动条观看)

   4.现在回到主场景中,把电影片断组件tarmc拖到画面中,单击这个实例,在属性面板中把实例名设成movie,见下图,这是为了方便我们马上要进行的Actions调用。之后在第8帧按F5键插入一个帧。

  5.为了产生洋葱皮特效,新建一个层。在这个新层上,在第1帧到第8帧连按8次F7键插入8个空帧。然后我们从第2帧开始为动画加入Actions脚本。脚本及解释如下:

  第2帧的代码:

  duplicateMovieClip("movie",onion1,1);//复制名为movie的电影片断并重新命名为onion1,深度为1。
  setProperty("movie",_alpha,85);//设置复制的名为movie的电影片断的透明度设为85。

  第3帧的代码:

  duplicateMovieClip("movie",onion2,2);//复制名为movie的电影片断并重新命名为onion2,深度为2。
  setProperty("movie",_alpha,70);//设置复制的名为movie的电影片断的透明度设为70。

  第4帧的代码:

  duplicateMovieClip("movie",onion3,3);//复制名为movie的电影片断并重新命名为onion3,深度为3。
  setProperty("movie",_alpha,55);//设置复制的名为movie的电影片断的透明度设为55。

  第5帧的代码:

  duplicateMovieClip("movie",onion4,4);//复制名为movie的电影片断并重新命名为onion4,深度为4。
  setProperty("movie",_alpha,40);//设置复制的名为movie的电影片断的透明度设为40。

  第6帧的代码:

  duplicateMovieClip("movie",onion5,5);//复制名为movie的电影片断并重新命名为onion5,深度为5。
  setProperty("movie",_alpha,25);//设置复制的名为movie的电影片断的透明度设为25。

  第7帧的代码:

  duplicateMovieClip("movie",onion6,6);//复制名为movie的电影片断并重新命名为onion6,深度为6。
  setProperty("movie",_alpha,10);//设置复制的名为movie的电影片断的透明度设为10。

  第8帧的代码:

  stop();//停止播放。

  好了,然后按Ctrl+Enter测试一下影片吧!觉得不好的话再去调整比例!或改变正方形的颜色。祝你好运!

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Flash MX 2004时间轴特效实例  下一篇:用Flash制作老电影播放效果

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号