当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash8制作精彩高级动态网页图片菜单

Flash动画制作
AS3.0实用代码:绘制各种各样三角形
AS代码研究实例:随即运动参数的传递应用
Flash制作3D类动画的教程
Flash AS3制作个性的旋转圆形网页导航
Flash AS2实例:跳动的小球动画效果
Flash交互动画制作技巧:按钮控制动画
Flash AS教程:详细讲解Math对象
Flash动画制作技巧:搞笑动画制作实例
Flash制作技巧:人物行走动画制作剖析
Flash AS3常用的关于MC的代码
Flash AS3.0教程:间隔循环的3种表现方式
Flash动画实例:简单的流星雨动画特效
Flash制作高级的人物行走动画
10个让你大饱眼福的创意Flash网站
Flash实例教程:吸管喝饮料动画
Flash CS4实例教程:漂亮的气泡动画
汇总网页传递参数到flex中的三种方法
AS教程:加载与被加载swf内部变量相互调用
Flash CS4教程:文字颜色缓动特效
Flash CS实例教程:幸运大抽奖动画

Flash动画制作 中的 Flash8制作精彩高级动态网页图片菜单


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 38 ::
收藏到网摘: n/a

  本教程利用Flash8制作一个动态的高级图片菜单,你可以把该菜单放到你的网页中,也可以利用该实例中的一些技术创作自己喜欢的动画效果。

  本教程涉及知识:导入图片到舞台;如何把位图转变为影片剪辑元件;如何使用自由变换工具;如何使用Action Script等一些基础知识。

  先看动画效果及源文件

点击这里下载源文件

 

  制作步骤:

  1、创建Flash文档,然后按Ctrl+J修改文档属性:

Flash8制作精彩高级动态网页图片菜单

  2、准备好动画中用到6幅图片,大小要一样啊!在这里我给大家提供一下!大家点这里下载压缩包吧!压缩包里是6幅大小相同的图片。

点击这里下图片文件

  3、选择“文件”>“导入”>“导入到库”,然后把6幅图片都选中一次都导入到库中。按Ctrl+L你可以看到导入到库中的6幅图片了!然后利用鼠标把库中6幅图片分别拖到舞台中来,排列好顺序,如下图所示:

Flash8制作精彩高级动态网页图片菜单

  4、分别把它们转变为电影剪辑元件,选择第一个图片然后按F8转变为MC元件:

Flash8制作精彩高级动态网页图片菜单

  5、当转变为MC的时候,保持该图片仍然被选中状态下,按Ctrl+F3打开属性面板,我们给影片剪辑命名为一个实例名:picture1_mc:

Flash8制作精彩高级动态网页图片菜单

  6、下面我们开始制作该影片剪辑的动画效果,双击该影片剪辑元件,保持该图片仍然被选中状态下,按F8把图片转变为MC元件:

Flash8制作精彩高级动态网页图片菜单

  在15帧处按F6插入关键帧。选择该元件,然后按Ctrl+F3打开属性面板,设置颜色高级效果:

Flash8制作精彩高级动态网页图片菜单

  7、在1到15帧中间任何一帧处右击创建补间动画。在该图层上面创建一个新图层,命名为titlebar,在第10帧处按F6插入关键帧。然后使用矩形工具,颜色设置#CCCCCC,绘制一个小的矩形100x12px,放在图片的下面位置。保持选中状态下按F8转变为MC元件:

Flash8制作精彩高级动态网页图片菜单

  8、然后在15帧处按F6,然后再回到第10帧,使用任意变形工具按住Alt调整到最小:

Flas