用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
当前位置 :首页>flash教程>Flash基础操作>列表

Flash 8 形状补间动画详解及实例

[来源:闪无忧 | 作者:佚名 | 时间:2008-04-17 | 点击:  | 收藏本文  【 】]
形状补间动画是Flash中非常重要的表现手法之一,运用它,你可以变幻出各种奇妙的不可思议的变形效果。

  本节从形状补间动画基本概念入手,带你认识形状补间动画在时间帧上的表现,了解补间动画的创建方法,学会应用“形状提示”让图形的形变自然流畅,最后,提供了二个实例练手,帮助你更深地理解形状补间动画。

1.形状补间动画的概念

  (1)形状补间动画的概念

  在Flash的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。

  (2)构成形状补间动画的元素

  形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”再变形。

  (3)形状补间动画在时间帧面板上的表现

  形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图3-3-1所示。

  

  图3-3-1 形状补间动画在时间帧面板上的标记

  (4)创建形状补间动画的方法

  在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】,此时,时间轴上的变化如图3-3-1所示,一个形状补间动画就创建完毕。

2.认识形状补间动画的属性面板

  Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后,点击时间帧,【属性】面板如图3-3-2所示。

  

  图3-3-2 形状补间动画【属性】面板

  形状补间动画的【属性】面板上只有二个参数:

  (1)“简单”选项

  在“0”边有个滑动拉杆按钮 ,单击后上下拉动滑杆或填入具体的数值,形状补间动画会随之发生相应的变化。

在1到 -100 的负值之间,动画运动的速度从慢到快,朝运动结束的方向加速度补间。 在1 到 100 的正值之间,动画运动的速度从快到慢,朝运动结束的方向减慢补间。 默认情况下,补间帧之间的变化速率是不变的。

  (2)“混合”选项

  “混合”选项中有二项供选择:

“角形”选项:创建的动画中间形状会保留有明显的角和直线,适合于具有锐化转角和直线的混合形状。 “分布式”选项:创建的动画中间形状比较平滑和不规则。

  至此,“形状补间动画”的相关知识大家都已经有所了解,下面动手个实例,体会一下形状补间动画的奇妙。

实例:庆祝国庆

  实例简介一

  国庆的夜空绚丽多彩,朵朵礼花在天空中绽放,远处传来礼炮的轰鸣声,让我们来给这美丽的夜晚增加点喜庆,挂几个大红灯笼来庆祝祖国的生日吧。实例播放效果如图 3-3-4所示。

  

  图3-3-4 庆祝国庆实例画面

  知识提要

创建矢量图形 创建形状补间动画 将文字转变为形状 用混色器设置颜色

  制作步骤

  1、 创建新文档

  执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】

  选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*330

  象素,【背景色】为白色,如图3-3-5所示。

  

  图3-3-5 文档属性

  2、 创建背景图层

  执行【文件】|【导入到场景】命令,将本实例中名为“节日夜空.jpg”图片导入到场景中,在第80帧处按下F5,加普通帧。如图3-3-6所示。

上一页12 3 下一页
文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:flash注释效果教程
下一篇:flash叠加问题讲解
Tags:     &rdquo ldquo 图3 &ldquo
>>> 最新评论:(共有 1 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·【Flash新手入门教程】实例讲解
·【Flash新手入门教程】文件的导
·【Flash新手入门系列教程】初识F
·用FLASH制作FLV播放器
·最简单的“开始”菜单效果
·flash制作字母变换效果
·对于PS和flash协作做过光字的一
·如何用FLASH和IMAGEREADY制作GIF
·广告类图片在flash中的切换
·FLASH解决声音和矢量图的问题
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flex 3 AdvancedDataGrid的使用(第二
·全Flash动画网站实现的基础教学
·flash水影效果字
·Flash打造简单的飘雪动画视觉特效
·FLASH+XML相册(附源码)
·超酷flash光晕移动效果
·Flash旋转拖尾文字效果的制作教程
·Flash制作大雪纷飞效果动画
·flash春雷闪电效果
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号