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

Flash动画制作
Flash实例教程:用AS3代码表现倾斜角与斜率
Flash实例教程:用AS3代码制作交互式3D旋转动画效果
Flash cs3仿真艺术设计5.6:图形元件的同步与不同步
Flash cs3仿真艺术设计5.7:图形元件的同步应用
Flash cs3仿真艺术设计5.8:铰连身体部分
Flash实例教程:用AS2代码制作图片循环效果
Flash实例教程:AS3代码简单表现照片底片效果
Flash cs3仿真艺术设计5.9:关闭缺口_完善角色肢体连接
Flash入门实例教程:图片不间断滚动动画效果
Flash AS2实例教程:鼠标感应放大缩小图片效果
Flash AS3实例教程:鼠标跟随炫舞线条动画效果
Flash AS2实例教程:制作360度全景动画效果
Flash cs3仿真艺术设计5.10:位图动画的表现
Flash cs3仿真艺术设计5.11:导入PSD文件
Flash AS3基础教程:物理基础之速度向量(Velocity)
Flash AS3.0菜鸟学飞教程:帧循环学习实例
Flash MX 视频导入功能详解(6)
Flash教程:视频导入与编辑
Flash cs3仿真艺术设计5.12:运动引导层制作布什搞笑动画
Flash cs3仿真艺术设计5.13:人物行走动画制作技巧

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 41 ::
收藏到网摘: 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