形状补间动画是Flash中非常重要的表现手法之一,运用它,你可以变幻出各种奇妙的不可思议的变形效果。
本节从形状补间动画基本概念入手,带你认识形状补间动画在时间帧上的表现,了解补间动画的创建方法,学会应用“形状提示”让图形的形变自然流畅,最后,提供了二个实例练手,帮助你更深地理解形状补间动画。1.形状补间动画的概念
[1b](1)形状补间动画的概念[/1b]
在Flash的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。
[1b](2)构成形状补间动画的元素 [/1b]
形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”再变形。
[1b](3)形状补间动画在时间帧面板上的表现 [/1b]
形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图3-3-1所示。

图3-3-1 形状补间动画在时间帧面板上的标记
[1b](4)创建形状补间动画的方法 [/1b]
在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】,此时,时间轴上的变化如图3-3-1所示,一个形状补间动画就创建完毕。2.认识形状补间动画的属性面板
Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后,点击时间帧,【属性】面板如图3-3-2所示。

图3-3-2 形状补间动画【属性】面板
形状补间动画的【属性】面板上只有二个参数:
[1b](1)“简单”选项 [/1b]
在“0”边有个滑动拉杆按钮

,单击后上下拉动滑杆或填入具体的数值,形状补间动画会随之发生相应的变化。在1到 -100 的负值之间,动画运动的速度从慢到快,朝运动结束的方向加速度补间。 在1 到 100 的正值之间,动画运动的速度从快到慢,朝运动结束的方向减慢补间。 默认情况下,补间帧之间的变化速率是不变的。
[1b](2)“混合”选项 [/1b]
“混合”选项中有二项供选择:“角形”选项:创建的动画中间形状会保留有明显的角和直线,适合于具有锐化转角和直线的混合形状。 “分布式”选项:创建的动画中间形状比较平滑和不规则。
至此,“形状补间动画”的相关知识大家都已经有所了解,下面动手个实例,体会一下形状补间动画的奇妙。实例:庆祝国庆
[1b]实例简介一 [/1b]
国庆的夜空绚丽多彩,朵朵礼花在天空中绽放,远处传来礼炮的轰鸣声,让我们来给这美丽的夜晚增加点喜庆,挂几个大红灯笼来庆祝祖国的生日吧。实例播放效果如图 3-3-4所示。

图3-3-4 庆祝国庆实例画面
[1b]知识提要 [/1b]创建矢量图形 创建形状补间动画 将文字转变为形状 用混色器设置颜色
[1b]制作步骤 [/1b]
1、 创建新文档
执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】
选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*330
象素,【背景色】为白色,如图3-3-5所示。

图3-3-5 文档属性
2、 创建背景图层
执行【文件】|【导入到场景】命令,将本实例中名为“节日夜空.jpg”图片导入到场景中,在第80帧处按下F5,加普通帧。如图3-3-6所示。
本文转自:http://www.5uflash.com/flashjiaocheng/Flashjichucaozuo/2896.html
发表评论
-
as3.0游戏开发之打气球系列(一)
2010-04-09 12:48 622好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 12:48 545在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 12:48 595很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 12:48 549[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
利用AS3类直接读取Rar文件中的swf文件
2010-04-09 12:47 1276名称:RarExtractor(Rar文件解压器) 作者:fl ... -
AS3.0传递引用时应当注意的问题
2010-04-09 08:27 602整和同事写的地图编辑器代码的时候发现有个引用明明改变了,但是调 ... -
AS3.0传递引用时应当注意的问题
2010-04-09 08:27 635整和同事写的地图编辑器代码的时候发现有个引用明明改变了,但是调 ... -
AS3.0 Socket读取原理分析
2010-04-09 08:27 798AS3.0中使用Socket接收数据我们必须使用Progres ... -
AS3.0 Socket读取原理分析
2010-04-09 08:27 894AS3.0中使用Socket接收数据我们必须使用Progres ... -
开源的as3 3D引擎jiglibFlash
2010-04-09 08:26 1148jiglibFlash:http://code.google. ... -
教你做个性FLASH导航条
2010-04-08 07:52 986首先下载软件Macromedia Flash 8简体中文正式版 ... -
菜鸟制作精美Flash导航菜单
2010-04-08 07:52 1385为方便网友浏览,导航 ... -
菜鸟制作精美Flash导航菜单
2010-04-08 07:51 918为方便网友浏览,导航 ... -
Flash动态缓冲图片导航制作详解
2010-04-08 07:51 781缓冲公式在制作特效中非常有用,著名的三星导航菜单就用到了此公式 ... -
Flash动态缓冲图片导航制作详解
2010-04-08 07:51 662缓冲公式在制作特效中非常有用,著名的三星导航菜单就用到了此公式 ... -
ActionScript 2.0入门系列(继承与接口)
2010-04-07 10:21 681下载地址: [url=/Files/BeyondPic/200 ... -
AS代码2.0:面向对象模型
2010-04-07 10:21 567自从几年前在Flash中引入动作脚本语言(Action Scr ... -
AS代码2.0:面向对象模型
2010-04-07 10:21 705自从几年前在Flash中引入动作脚本语言(Action Scr ... -
AS代码2.0:脚本编辑和调试
2010-04-07 10:20 694Flash MX Professional 2004的动作脚本 ... -
AS代码2.0:脚本编辑和调试
2010-04-07 10:20 582Flash MX Professional 2004的动作脚本 ...
相关推荐
**Flash8形状补间动画详解** 形状补间动画是Flash 8中的一种核心动画技术,它允许用户在两个关键帧之间创建平滑的图形变化,展现出丰富的形态转换效果。通过形状补间,你可以让简单的图形逐渐变为复杂的形状,或者...
Flash--形状补间动画详解及实例.doc
### FLASH8形状补间动画详解 #### 一、形状补间动画的概念与原理 ##### 1.1 形状补间动画定义 形状补间动画是Adobe Flash软件中一种非常重要的动画表现手法,通过这种技术可以实现物体在形状、大小、颜色等方面的...
**形状补间动画详解** 形状补间动画是Flash动画制作中的一个重要概念,它允许你在两个关键帧之间创建平滑的形状变化。这种动画技术适用于那些需要物体形态逐渐转变的场景,比如一个正方形逐渐变为一个圆形。以下是...
《Flash8遮罩动画详解及实例》 在Flash 8.0中,遮罩动画是一种强大的视觉效果工具,能够创建出各种炫酷的特效,如水波、万花筒、百页窗、放大镜和望远镜等。遮罩动画的基本原理是通过遮罩层来选择性地显示被遮罩层...
在Flash8.0中,实现遮罩动画有两种方法,本文主要介绍使用补间动画的方法。 首先,了解遮罩的基本概念。遮罩就是覆盖在其他对象上,决定哪些部分可见的图层。在Flash8.0中,遮罩层仅有一个,但可以有多个被遮罩层。...
例如,在“海底世界”的实例中,综合运用了补间运动动画、补间形状动画、遮罩动画和引导路径动画。在创建这个实例时,需要创建不同部分的元件,如水泡、海底元素和游鱼,并结合各种动画形式来实现动态效果。创建水泡...
【Flash 动画设计与制作:补间动画详解】 Flash 是一款强大的动画设计软件,尤其在制作交互式矢量动画方面具有显著优势。本章主要围绕“补间”这一核心概念,介绍了Flash动画制作的基本流程和操作方法,特别是动作...
- **动画形式**:遮罩层和被遮罩层都可以使用形状补间动画、动作补间动画、引导层动画等多种形式。 - **遮罩层之间的限制**:不能用一个遮罩层来遮罩另一个遮罩层。这是因为遮罩效果是基于单个遮罩层对下方图层的...
6. **动画制作**:教程会涵盖传统补间动画和形状补间动画的创建方法,以及如何使用引导层和骨骼工具制作更复杂的动画效果。 7. **声音与视频**:Flash 8支持嵌入和控制音频和视频,用户可以将多媒体元素整合到项目...
创建补间动画”可能详细讲述了线性补间、形状补间以及动作补间的区别和用法,帮助用户实现动态效果。 五. 使用元件 元件是Flash中可重复使用、独立于主场景的对象,如按钮、影片剪辑等。“五.使用元件”会教导用户...
#### 三、形状补间动画详解 - **形状补间**用于实现物体形状和颜色的变化,如实例1中的四角星变圆、实例2中的圆形变花。 - **绘制图形**:使用Flash提供的绘图工具(如多角星形工具、椭圆工具等)绘制初始和最终...
2. **补间动画原理**:深入理解传统补间动画和形状补间动画的区别,学会如何创建平滑的运动效果和形状变化。掌握关键帧的概念,通过调整关键帧位置实现物体的移动、旋转、缩放等动画效果。 3. **逐帧动画**:逐帧...
下面我们将深入探讨关键帧、空白关键帧、普通帧的特性,以及帧帧动画、形状补间动画、运动补间动画的差异,同时还会涉及引导线动画和遮罩动画的基本应用,以及影片剪辑元件、按钮元件、图形元件的角色。 1. 帧的...
- 选用《Flash MX 2004实例教程》作为教材,其中第三章第三节是关于形状补间动画的教学。 - 这部分内容不仅延续了前两章关于动画造型和运动规律的学习,还深入探讨了帧操作以及动画处理的应用。 3. **学生分析**:...
4. **形状补间动画**:形状补间动画是Flash中创建平滑过渡效果的一种方式。在这个实例中,虽然没有具体展示制作过程,但提到弹簧振子动画是制作的重点,这通常涉及到形状补间,使得物体形态在动画过程中发生变化。 ...
3. 形状补间动画是在两个关键帧之间创建的,如果两个关键帧中的图像都是形状,那么它们之间可以创建形状补间动画,让一个形状平滑地过渡到另一个形状。 4. 关键帧的标记中,实心圆圈表示关键帧含有内容,空心圆圈...
通过在时间轴上设置关键帧,我们可以定义动画的起始和结束状态,而中间的帧则可以通过补间动画自动计算出过渡效果,实现物体的平滑移动或变形。 接下来,我们要掌握ActionScript,这是Flash中的编程语言,用于实现...
补间动画中,形状补间要求对象打散为矢量,动作补间则关注实例属性的变化。 学习Flash不仅需要理解这些基础知识,还需要大量实践操作,以熟练掌握其功能并激发创作灵感。只有不断练习,才能真正提升动画制作的技艺...