转自:http://bbs.9ria.com/thread-74790-1-1.html

——要求:
必要知识:flash工作区的基本知识
需要的工具:flash CS4(下载试用版)
实例文件:motion-is-awesomer.zip
使用者水平:初级

在你学习这一课程前,如果你学习过线性动画指导,你就已经学会了一些简单的动画编辑。比如,你可以将一个实例缓动到一个新的位置,而且可以编辑它的运动路线。你可能也改变过实例的尺寸或透明度来实现实例的淡入淡出或缩小放大。

接下的课程,将带领大家探索编辑自定义动画的其他方法,今天我们的主角是:动画编辑器。打开动画编辑器的方法是:选择菜单栏的“窗口(Window)”>“动画编辑器(Motion Editor)”。

动画编辑器面板的尺寸比较大,会占掉你屏幕的一大部分。如果你安装了多监视器或者你喜欢这种疯狂的方式,那这就不成问题了。如果你是单监视器或笔记本,那这个问题恐怕忽略不了了。如果你要考虑空间问题,不妨看一下下面推荐的工作区选项来帮助你控制动画工作流程:

  • 给动画编辑器分配快捷键,比如Pause和Home键(菜单栏的编辑(Edit)>快捷键(Shortcuts) 或 Flash>快捷键(Shortcuts))。创建一个新的快捷键集,然后分配一个自定义快捷键。调整一下编辑器使其充满工作区,而且将它设置为浮动方式。必要时用快捷键打开或关闭它。
  • 创建一个动画编辑器工作区(编辑(Edit)>工作区(Workspace)>新建(New))以及一个时间轴/舞台工作区,优化每一个工作区的外观以看起来方便整洁。给每个工作区分配快捷键,必要时在工作区间切换。
  • 再买一个监视器。开开玩笑^_^!

为什么要使用动画编辑器
平时呢,我们可以利用实例和动作属性面板来给实例加缓动和调整的属性,也可以添加关键帧,作各种各样的改变,来实现一个补间动画。然而,有一些事情你只可以利用动画面板来做:

  • 添加不同的缓动预定义或者自定义缓动。相比之下,在动作属性面板里,你只能添加简单(慢)的缓动。而动画编辑器能让你添加不同的预定义,复合定义,或者创建一个自定义缓动。
  • 你可以给个体属性添加缓动,然后在个体属性图表中看这些缓动的效果。
  • 你可以停用或删除一个缓动。
  • 改变个体的控制点(属性关键帧)为浮动或非浮动,通过右键菜单或将它们拖动到一个垂直帧边界上。
  • 动画编辑器是唯一的方式来制作特定种类的动画,比如创建一个个体的曲线缓动路径,并且在属性图表中调整曲线。

动画编辑器包含了一个多列的列表,提供了已选的补间和缓动所能提供的所有属性的信息。编辑器也能够使你调整动画,添加新的颜色效果,滤镜,或者给接下来的补间添加新的缓动。当然,它包含了一张图表使你能够控制补间的属性关键帧的值,让你了解flash动画是如何利用关键帧之间的曲线来实现的。

使用时间轴
动画编辑器包含了一条跟flash主时间轴很相似的时间轴:它有播放头可以用来在补间中移动;它有帧编号(在顶部分布)提示你目前在那个帧。你可以移动播放头来预览动画,在时间轴上向前向后移动可视帧,或者点击帧编号使播放头移动到当前位置。

改变属性值
动画编辑器包含热点文字,用来改变关键帧或添加关键帧,建立动画编辑器出现的方式。动画编辑器的热点文字与flash中的其他部分的工作方式是一样的:将鼠标悬停在上面直到看见双箭头,点击并拖动来调整值,或者点击文字输入你想要的值。如果属性关键帧在当前播放头的位置不存在,系统将用你设置的热点文字给你创建一个新的关键帧插入到当前位置。

热点文字显示了当前每个属性值,当改变播放头位置时会实时刷新。

小贴士:你可以在拖动热点文字时按住Shift键不放,让它每次改变10个单位。

参考提示
动画编辑器的提示对于快速了解当前属性值、帧编号,或者热点值如何调整来说非常重要。当你拖动控制点,当前值和帧位置都会在提示(在曲线图上显示)中实时更新。如果你是动画编辑器的新手,提示对你快速了解各个控制是如何使用的非常有帮助。

如果这些提示给你造成视觉麻烦,你可以将它移除,或者你需要开启它,你可以在图表(但不是曲线或控制点)上右击或按control键,在右键菜单中选择显示提示。

改变列和帧视图
当你点击一个属性列时,列高度将改变到扩展的列高度。这个高度是在动画编辑器底部的扩展图表尺寸热点文字中设置的,如图40显示。收起的列也在图表尺寸热点文字中控制。
 
图40 用这些热点文字控制收起的和展开的列高度。你也可以设置可视帧的数量(右边的热点文字)。

在动画编辑器里尼能看到的最大帧数量与你补间的帧数量是一致的。你可以看到所有帧,或者设置可滚动或移动的帧数量。用可查看的帧热点文字来设置你想要的帧数量(图40)。

提供缓动
动画编辑器的缓动栏里允许用菜单你给实例属性添加缓动,然后可以在缓动菜单旁边的选择框中开启或停用此缓动。你用动画编辑器的缓动区在补间中添加缓动,这些缓动将可以利用菜单添加到每个属性或者一类的属性(如图41)。添加属性缓动后,图表将更新点画线来显示动画值。
 
图41:给你的动画添加缓动,然后添加到各个属性。弹性缓动添加到缓动区;你可以使用缓动栏的菜单将此缓动添加到一个分类。在选择框中开启或停用缓动来观察动画的效果。Y属性的绿色点画线展示了最终动画将如何出现在舞台上(最终的补间值)。

如果要学习如何添加缓动并提供给动画,请阅览“给动画补间添加预定义和自定义缓动”。

链接属性
动画编辑器中的一些属性可以互相链接(如图42),所以当你用热点文字改变它们时,它们的值将同比例增减。
 
图42 将ScaleX和ScaleY链接,你的实例就保持了同样的宽高比。点击此图标取消链接。

比如,你可以将ScaleX和ScaleY链接,当你调整热点文字,意思就是说当前实例的宽高比将保持如你所设置。一些滤镜属性也可以链接,比如投影滤镜的BlurX和BlurY。

添加、移除和关键帧导航
关键帧栏里德按钮让你可以添加和移除关键帧,以及步进到前一个或后一个关键帧(如图43)。
 
图43 使用空心的或黄色的菱形按钮来添加和移除关键帧,或者箭头按钮来步进到图表中的前一个或后一个关键帧。

这些控制是基于当前播放头的位置的:如果播放头在关键帧上,添加/移除按钮显示为实心的黄色关键帧,然后你就可以点击按钮并移除它。如果没有关键帧,点击按钮(空心)将会创建关键帧。箭头按钮导航向前后关键帧,它们跳过循环关键帧,这些关键帧由动作模型控制,没必要在帧边界内显示。

你也可以用重置按钮(如图44)重置一类关键帧,颜色效果,或者滤镜。
 
图44

当你点此按钮时,这一类的属性值将恢复到初始状态,或者帧1的值(如果你重置了基本动作或者变化类别)。

空间属性和动画编辑器
x,y,z属性控制了缓动动画的位置,叫做空间属性。这些图表控制了你的实例出现在哪个位置,并创建了舞台上的运动路径。你可以编辑舞台上的动画路径来更新动画编辑器的图表,反之亦然。为了实现舞台编辑空间属性,必须同时给所有属性添加关键帧到图表中。如果你改变了关键帧所在的帧,所有关键帧都会移动。

小贴士:因为动作模型对空间属性有很多的控制,在图表中不能对属性关键帧进行控制,因为这是由Flash来控制的(你可以按住alt键在转角点和平滑点间改变控制点)。你可以尝试编辑你的舞台动作路径来达到最佳效果。

只有x,y,z属性图表可以有浮动关键帧。浮动关键帧在属性图表中表现为一个圆点(如图45)。
 
图45 在第一关键帧和最后关键帧之间,x和y的属性有浮动关键帧。旋转图表没有浮动关键帧。

本帖最后由 琴风箫雨 于 2011-2-28 12:15 编辑

添加或移除颜色效果、滤镜和缓动
在动画编辑器中很容易在实例补间中添加色彩效果、滤镜和缓动。颜色效果、滤镜和缓动类包含添加和移除按钮(如图46)。移除按钮包含已经添加的效果、滤镜和缓动,届时你可以将它们移除。
 
图46 利用添加和移除按钮来控制色彩效果、滤镜和缓动。

注意:你不可以在缓动类别中移除简单(慢)缓动,因为Flash使用这个缓动在属性面板中创建补间动画。

小贴士:你也可以在属性面板里给所选实例添加色彩效果和滤镜。你可以用属性面板中的控制来调整当前帧的属性值,此时关键帧会被自动添加。

在你添加了色彩效果、滤镜和缓动后,在动画编辑器中出现它们的属性值,然后你就可以用热点文字或图表来调整补间。

如果你对缓动感兴趣,请果断阅读“给动画补间添加预定义和自定义缓动”。
阅读此文后,你将受益匪浅。

在图表中改变关键帧(控制点)
在动画编辑器中,你发现一大堆的有圆圈方块的图表,这是表现补间属性关键帧的。

当一个控制点未被选中后,它是黑的,当你选择它们后变成绿色(如图47)。

 
图47 选中或未选中的控制点

注意:圆圈在未选中时也是黑色的,选中时为绿色。这是浮动关键帧,只存在在x,y和z属性图表中。查看“使用浮动关键帧”获取更多的信息。

你可以拖动控制点向上和向下来改变它们的值,或者向左和向右来将它们移向另一帧。你也可以选择多点控制来同时调整它们。

控制点可以在动画编辑器中加入,或者在flash的其它部分中在补间中改变控制点,比如在舞台上,在属性面板里,在变换面板里等等。你可以在动画编辑器中用添加/移除按钮或按住ctrl/cmd修改键再点击曲线来添加关键帧。

控制点可以是平滑点或者转角点,这取决于曲线是怎样经过它们的。

编辑曲线
如前所述,动画编辑器在图表中是以水平方式在帧中显示时间的。每个属性值在图表中是以垂直方式表现的。所以,图表中的曲线的陡峭程度控制了变化速率(如图48,译者注:原文缺此图)。
 
图49 共享曲线。在图表间进行复制黏贴。
所有的属性图表曲线都可以复制黏贴,除了x,y,z(空间属性)你只可以复制不可以黏贴。你也可以复制黏贴自定义缓动曲线。复制黏贴曲线是制作匹配精确的链接曲线的有效方法。

动画编辑器控制快捷方式
下面的快捷键作为您修改您的动画的参考:

  • 添加控制点:按住ctrl/cmd点击曲线或者图表上的点画线
  • 移除控制点:按住ctrl/cmd点击控制点
  • 选择图表上多个控制点:按住shift并点击控制点
  • 控制点在转角点和平滑点间切换:按住Alt/Option点击控制点或在控制点菜单中选择。这个功能除了xyz空间属性不能用之外,别的都可以用。
  • 不改变关键帧时间的情况下上移或下移曲线:按住Alt/Option键并拖动任意两个关键点间的曲线。
  • 将控制点的控制柄独立出来:按住Alt/Option键并拖动控制柄。这样控制柄就可以独立的移动。松开Alt/Option键并拖动180°反向控制柄使得两个又能够同时移动。(译者注:这里的控制柄我在flash中没有找到,并不清楚到底怎么回事,所以也就是字面翻译了。请知道的同学指点迷津~~)
  • 将一个控制点移动到新位置并不改变它的值:选择控制点,然后按住shift键并拖动控制点到新的位置。

读完这篇后还要读什么呢
读“动画学习指导的其它部分”

flash动画学习指南八:动画编辑器相关推荐

  1. Flash动画学习指南七:运动路径

    转自:http://bbs.9ria.com/thread-76164-1-1.html 本帖最后由 chocoZero 于 2011-3-16 14:18 编辑 准备知识:Flash工作空间的基本知 ...

  2. Carson带你学Android:这是一份全面详细的动画学习指南

    前言 动画的使用 是 Android 开发中常用的知识 可是动画的种类繁多.使用复杂,每当需要 采用自定义动画 实现 复杂的动画效果时,很多开发者就显得束手无策 本文将献上一份Android动画的全面 ...

  3. Android动画学习之帧动画

    帧动画简介 介绍帧动画之前先了解一下'帧'的概念:帧,影像动画中最小单位,也就是最小的单幅画面.相当于电影脚上的每一格镜头.一帧就是最小的一张单幅画面,多个帧连接在一起就会形成动画.通常所说的帧数,是 ...

  4. Flash动画学习指南二:帧频(Frame rates)

    转自:http://bbs.9ria.com/thread-72759-1-1.html 帧频,即动画播放的速度,或时间轴上播放头滑动的距离,它是通过每秒中播放的帧数来衡量的.如果帧频太低,意味着你的 ...

  5. Flash动画学习指南:帧频(Frame rates)

    [url]http://bbs.9ria.com/thread-72759-1-1.html[/url] 帧频,即动画播放的速度,或时间轴上播放头滑动的距离,它是通过每秒中播放的帧数来衡量的.如果帧频 ...

  6. 动画学习android,Android动画学习

    个人觉得学习Android动画最好的方式就是看开发者文档,所以我就当做翻译,将文章翻译一次吧 Animation Resources 动画资源可以用来定义两种类型的动画 创建一种将图片上进行一系列变化 ...

  7. Carson带你学Android:这是一份全面详细的属性动画学习攻略!

    前言 属性动画的使用 是 Android 开发中常用的知识 本文将献上一份全面 & 详细的属性动画学习指南,将详细介绍属性动画的所有内容,包括:意义.作用.应用场景.功原理 & 具体使 ...

  8. 安卓动画入门_网络动画入门

    安卓动画入门 无论您是刚刚开始使用基础知识还是想探索更高级的技术,我们已经构建了完整的指南来帮助您学习CSS和为CSS 设置动画 . 网络动画入门 近年来,Motion已成为Web设计领域中非常重要的 ...

  9. android属性动画作用范围,Android 属性动画:这是一篇全面 详细的 属性动画 总结攻略...

    前言 属性动画的使用 是 Android 开发中常用的知识 本文将献上一份全面 & 详细的属性动画学习指南,将详细介绍属性动画的所有内容,包括:意义.作用.应用场景.功原理 & 具体使 ...

最新文章

  1. python----python使用mysql
  2. Python求解线性方程组
  3. 关闭Outlook时最小化
  4. java+逆向工程怎么运行_MyBatis逆向工程的创建和使用
  5. java 方法注释格式_JAVA注释方法及格式
  6. 射频电路设计——传输线理论(Transmission Line Analysis) 【上】
  7. Java开发常见专业术语
  8. 顶级 Vue.js 开发工具
  9. 用python分析股票收益影响因素的方法_Python3对股票的收益和风险进行分析
  10. 理解两个函数乘积的导数的一种视角
  11. RISCV学习笔记7.8(开源虚拟机篇)--AlmaLinux虚拟机安装modelsim
  12. 【xla】七、【构图阶段】其他pass
  13. android中禁止输入表情符号,Android EdText编辑框禁止输入表情符号(使用正则表达式)...
  14. 认真学习MySQL中的角色权限控制
  15. OpenCV实现图像的裁块与拼接
  16. Vue项目在IE浏览器上路由跳转报错
  17. echarts 3d饼图
  18. 判别分析(Discriminate Analysis)
  19. 龙芯7A2000 CAN调试
  20. 西门子S7-1500PLC大型程序,各种FB块PTO控制20多个轴,5台S7-1200PLC智能IO通讯,ModbusRTU通讯轮询

热门文章

  1. ipixsoft swf to html5 converter,iPixSoft SWF to HTML5 Converter
  2. labview深度学习应用于缺陷检测 NIVISION
  3. FFT变换前后的幅值对应关系
  4. vaderSentiment实现文本情感分析
  5. CPU卡程序设计实例(十)ESAM复位程序
  6. 青少年软件编程等级考试 python-儿童Scratch编程相关等级考试
  7. java程序员能力自测_自测:你到底适不适合学习Java?
  8. 三次握手(Three-way Handshake)和四次挥手
  9. [转] Proxyee Down简介
  10. HFZ Activator Ramdisk绕过iPhone/ipad激活锁,支持最新iOS15.0-iOS16.3