- 浏览: 49638 次
- 性别:
- 来自: 青岛
最新评论
形状补间动画是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
发表评论
-
FLV播放器汇总
2010-04-10 11:54 561http://www.dengjie.com/weblog/c ... -
Flash Media Server 起步(9)在线列表
2010-04-10 11:54 555学了这么多,智商跟我差不多的,概念应该都搞混了 学了就要用 ... -
Flash Media Server 起步(9)在线列表
2010-04-10 11:54 595学了这么多,智商跟我差不多的,概念应该都搞混了 学了就要用 ... -
Flash Media Server 起步(10)中文编码问题
2010-04-10 11:54 886是一个郁闷我一段时间的问题才想到了答案。。。话说曾经在公司做了 ... -
Flash Media Server 起步(10)中文编码问题
2010-04-10 11:53 521是一个郁闷我一段时间的问题才想到了答案。。。话说曾经在公司做了 ... -
彻底接触AS3视觉元件架构
2010-04-09 13:24 636DisplayObject,直译为视 ... -
彻底接触AS3视觉元件架构
2010-04-09 13:24 721DisplayObject,直译为视 ... -
不够50行代码的AS3歌词显示
2010-04-09 13:24 881引用内容 该文章为Demo用途,请见谅… 该文章来自猫粮的bl ... -
不够50行代码的AS3歌词显示
2010-04-09 13:24 914引用内容 该文章为Demo用途,请见谅… 该文章来自猫粮的bl ... -
AS3写的web 2.0 风格
2010-04-09 13:23 589在往上逛的时候发现 一篇日志 ,用 AS3 写出了 Web 2 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 10:27 555很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 10:27 614[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
AS3.0中的位图扭曲变形
2010-04-09 10:27 1428DisplacementMapFilter 类使用指定的 Bi ... -
AS3.0中的位图扭曲变形
2010-04-09 10:27 1296DisplacementMapFilter 类使用指定的 Bi ... -
[JS]FlashUpload上传模块
2010-04-09 10:26 1162[AS3][JS]FlashUpload上传模块 P.S.F ... -
flash打造碧海浪涌海鸥飞美丽动画
2010-04-08 10:47 636文中我们用flash绘制一幅好看的动画场景:碧海、蓝天、白云、 ... -
flash制作飘落的红叶视觉动画
2010-04-08 10:47 624接着"蝶恋花"的练习, 我们举一反三再来学 ... -
flash制作飘落的红叶视觉动画
2010-04-08 10:47 591接着"蝶恋花"的练习, 我们举一反三再来学 ... -
漫画绘制技法大放送(上)
2010-04-08 10:46 572网络收集整理(jundark) [1b]一、人体基本结构[/1 ... -
flash动画形变讨论二:低头
2010-04-08 10:46 498上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ...
相关推荐
Flash8形状补间动画详解及实例.pdf
Flash--形状补间动画详解及实例.doc
Flash8遮罩动画详解及实例.pdf
Flash遮罩动画详解及实例.docx
Flash8引导路径动画详解及实例[整理].pdf
Flash--引导路径动画详解及实例.doc
Flash--遮罩动画详解及实例.doc
目录 CISCO路由器配置命令详解及实例 1 第一章:路由器配置基础 2 一、基本设置方式 2 二、命令状态 2 三、设置对话过程 3 四、常用命令 5 五、配置IP寻址 6 六、配置静态路由 8 第二章:广域网协议设置 8 一、HDLC...
ADAMS入门详解与实例
C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++编程实例详解C++...
CISCO路由器配置命令详解及实例 第一章:路由器配置基础 一、基本设置方式 二、命令状态 三、设置对话过程 四、常用命令 五、配置IP寻址 六、配置静态路由
思科路由器配置命令详解及实例【免积分】,希望大家喜欢!
MATLAB通信仿真及应用实例详解pdf-MATLAB通信仿真及应用实例详解.part03.rar 论坛里有兄弟发过了。但是出了问题,这次补充一个完整的。 MATLAB通信仿真及应用实例详解.part09.rar ...
Flash实用源代码与实例详解,Flash实用源代码与实例详解
C语言设计实例详解C语言设计实例详解C语言设计实例详解C语言设计实例详解
MATLAB通信仿真及应用实例详解pdf-MATLAB通信仿真及应用实例详解.part08.rar 论坛里有兄弟发过了。但是出了问题,这次补充一个完整的。 MATLAB通信仿真及应用实例详解.part09.rar ...
MATLAB通信仿真及应用实例详解pdf-MATLAB通信仿真及应用实例详解.part07.rar 论坛里有兄弟发过了。但是出了问题,这次补充一个完整的。 MATLAB通信仿真及应用实例详解.part09.rar ...
MATLAB通信仿真及应用实例详解pdf-MATLAB通信仿真及应用实例详解.part02.rar 论坛里有兄弟发过了。但是出了问题,这次补充一个完整的。 MATLAB通信仿真及应用实例详解.part09.rar ...
ABAQUS结构工程分析及实例详解.pdf