用户: 密码:
 设为首页 加入收藏 旧站入口   

您现在的位置: 中国教育网 >> IT >> 书籍介绍 >> 文章正文
相 关 文 章
没有相关文章
精 彩 推 荐
 
最 新 热 门
最 新 推 荐
欢迎光临中国教育网,现在是:  祝您玩得开心!
fireworks+flashmx2004网页实例教程
原文作者:未知    发布时间:2007-9-17 20:14:03    
  12.1 制作直线伸长的动画

  直线伸长动画是最简单一种动画效果,可以使用“动作”或“形状”补间动画生成,下面介绍使用“形状”补间动画制作的方法。

  (1)启动Flash MX 2004,按“Ctrl+N”组合键新建一个空白文档,在弹出的“新建文档”对话框中,选择“常规”选项卡下的“Flash文档”,如图12-1所示。单击【确定】按钮建立新文档。

  (2)单击“属性”面板中的“大小”按钮,弹出“文档属性”设置对话框,设置尺寸为550×400px,背景颜色为白色,帧频为12fps,如图12-2所示。单击【确定】按钮,关闭对话框。

     
    图12-1 新建文档          图12-2 设置文档属性

  (3)选择工具栏中的铅笔工具,设置填充颜色为黑色,选项为“伸直”,如图12-3所示。

  (4)在场景中绘制一小段直线段,设置线段长度为10像素,可以执行【窗口】→【设计面板】→【信息】菜单命令,打开信息面板,在该面板的“宽”文本框中输入长度数值,如图12-4所示。

              
图12-3 设置铅笔属性        图12-4 设置线段长度

  (5)在时间轴的第30帧上单击右键,选择“插入关键帧”,或按“F6”键,如图12-5所示。

  (6)在“信息”面板中设置第30帧上线段的宽度为400,如图12-6所示。

      
      图12-5 插入关键帧             图12-6 设置第30帧上的线段宽度

  (7)单击时间轴上的第一关键帧,然后在属性面板的补间下拉菜单中选择“形状”补间变化,其他参数默认,如图12-7所示。

  
图12-7 设置补间属性

  (8)此时时间轴上两个关键帧之间出现绿色箭头线,表示两帧之间成功生成形状变化动画,如图12-8所示。

  
图12-8 时间轴

  最后按“Ctrl+Enter”组合键,预览动画,一个10px长的线段会渐渐伸长至400px长度。

  12.2 制作简单的几何变形

  各种形状的几何图形都可以互相转换,以形成几何变形效果,主要利用了两个关键帧之间产生“形状”补间动作功能。

  (1)启动Flash MX 2004,按“Ctrl+N”组合键新建一个空白文档。单击“属性”面板中的【大小】按钮,弹出“文档属性”设置对话框,设置尺寸为550×300px,背景颜色为白色,帧频为12fps,如图12-9所示。

  
图12-9 设置文档属性

  (2)选择工具栏中的椭圆形绘图工具,在第一帧的场景左侧绘制一个黑色圆形,如图12-10所示。

  (3)在时间轴的第25帧和第50帧上按“F6”键插入关键帧,删除第25帧场景中的圆形,然后在场景中央绘制一个红色矩形,如图12-11所示。

      
    图12-10 绘制圆形              图12-11 在第25帧上绘制矩形

  (4)将第50帧上的圆形移动到场景的右侧,如图12-12所示。

  (5)分别在第1帧和第25帧的属性面板中设置补间属性为“形状”,如图12-13所示。

      
图12-12 设置第50帧                 图12-13 设置补间属性

  (6)在时间轴的关键帧之间会出现绿色箭头线,各个关键帧之间的几何变形情况如图12-14所示。

  
图12-14 几何变形效果

  12.3 制作图像的放大与缩小

  图像的放大与缩小经常会在一些动画中看到,在网页Banner或其他地方也经常会使用这种最基本的动画技法。在制作这个效果之前,首先准备好一张图像以备导入到Flash中。

  (1)启动Flash MX 2004,按“Ctrl+N”组合键新建一个空白文档。单击“属性”面板中的【大小】按钮,弹出“文档属性”设置对话框,设置尺寸为600×400px,背景颜色为白色,帧频为12fps,如图12-15所示。


图12-15 设置文档属性

  (2)执行【文件】→【导入】→【导入到库】菜单命令,如图12-16所示。

  (3)在弹出的“导入到库”对话框中,选择要导入的图片文件,单击“打开”按钮,将图像导入到Flash的库中,如图12-17所示。

         
图12-16 执行“导入到库”命令            图12-17 导入到库

  (4)按“Ctrl+L”组合键,打开库,将图片拖放到场景中,如图12-18所示。

  
图12-18 将图片拖放到场景中

  (5)此时的图片比工作区大很多。使用“缩放”工具适当地改变它的大小,使它适合工作区,如图12-19所示。

  (6)在时间轴的第50帧上按“F6”键插入关键帧,使用缩放工具缩小图片,如图12-20所示。

  (7)在时间轴的第1帧上单击鼠标右键,选择“创建补间动画”,如图12-21所示。到此为止,就完成了图片缩小动画的制作。

  (8)下面继续制作图片放大的动画。在第100帧上按F6键插入关键帧,使用缩放工具放大图片,如图12-22所示。

      
      图12-19 改变图片大小               图12-20 缩小第50帧上的图片

       
   图12-21 创建补间动画             图12-22 放大第100帧上的图片

  (9)在时间轴的第50帧上单击鼠标右键,选择“创建补间动画”,如图12-23所示。

  (10)在第50帧和第100帧之间的时间轴上出现蓝色箭头线,表示在两个关键帧之间成功生成了补间动作。按“Ctrl+Enter”组合键预览动画,会看到图片由大到小再由小到大缩放的动画效果。

  
图12-23 创建补间动画

 
  • 上一篇文章:

  • 下一篇文章:
  • 论坛交流】【发表评论】【打印本文】【关闭窗口

    网站公告 | 关于本站 | 管理团队 | 友情链接 | 版权申明 | 广告服务 | 网站地图 | 访客留言

    Copyright ©
    建议使用1024*768分辨率及第三方浏览器对本站进行浏览 |  
    备案中 |
    本站大部分信息资源来源于网络,仅供学习|研究|探讨|收藏之用,版权归原作者所有!