各姓氏图腾成:Flash cs4新功能特性的动画介绍及掌握 - flash教材发布 - 漫动作论坛 二维...

Flash cs4新功能特性的动画介绍及掌握
关于“flash cs4动画...”的内容
4月15日，Adobe将在中国区发布最新CS5；21日Adobe Flash Professional CS5新增/增强功能Flash CS5可将动画转为HTML5 Canvas本站搜索更多关于“flash cs4动画编辑器”的内容
进入Flash cs4后可能需要我对动画有一个全新的认识，我们都清楚，要实现动画一定要有关键帧，在关键帧中对象或对象的属性发生变化就形成了动画效果。对于关键帧，在FLcs4中应该有不同的认识。正如上面所说，实现动画需在关键帧中改变对象或对象的属性。在新版本中就是两个概念了，改变对象，比如在关键帧中出现新的对象，这种关键帧就叫关键帧，如同以前版本一样。在关键帧中改变对象的属性，比如位置的变化等，这种关键帧叫属性关键帧。属性关键帧是 cs4 新出现的概念。     动画除了关键帧外，还可能用到一个叫补间的东西，我说我对补间很熟悉，但在新版本中，对补间 也有不同的认识，我们在时间轴上点击右键，从菜单中可以看到已经不再象从前那样，只有创建补间动画和创建补间形状两项，而是增加了创建传统补间一项，这一点就可以说明已经不同了。gaiye.5d6d.com/ f  [3 B% [& P7 o* k6 G
好吧，下面来做一个补间动画，通过实例来熟悉这些技术是最好的方法。漫动作论坛5 c8 V+ a/ E8 t0 D2 Q0 `% B2 p
打开你新安装的Flash cs4，在屏幕上画一个小球，我们的动画是让小球在屏幕上移动一定的距离。
6 N0 _6 U: S' c8 k4 j, |& v二维动画论坛|原创动画漫画|学习交流|教程下载|漫动作论坛
接下来，创建补间动画，注意这与以前的版本不太一样。
首先在第50帧插入帧，然后在1到50帧间任一帧上右击，这时会弹出下面的对话框：

这是因为我刚才在舞台直接画的图形，而不是将图形做成元件放到舞台上的，所以无法创建补间。“我骄傲”。我认为这个提示符合人性化的要求，不象以前的版本，不给你提示，明知无法实现补间效果，还是把补间给你建起再说。你说他不负责任，他说：“我告诉了你的啊，你没看见那补间是虚线表示的吗？”你说：“ 晕，我是菜鸟，我咋知道虚线就没效果呢？”。
好吧，我确定吧，这样小球被转换为元件了，此时补间就创好了。下面点击第25帧，然后将小球移到舞台的中间，这时你一定会有两个发现，一是在第25帧上已自动插入关键帧，这个关键帧就是属性关键帧，它是小球对象的x属性发生了改变。第二个发现是舞台上在第1帧小球的位置和第50帧小球的位置间有了一条路径线，我们等一下再来玩这条线。接下在第50帧点一下，将小球移到舞台的右边，这将会发生与在第25帧时相同的事情。那为什么不直接做第50帧上的事情呢？第25帧上做的事情不是多此一举吗？是的，的确如此，这次我为你骄傲。我在第25 帧做一下，不是为了能让你更好地理解新的补间创建方式吗？“我骄傲”

下面将播入头移到第1帧，回车，小球从左边称到了右边，补间动画做成了。始终还是看到舞台上有那一根线，线上还有一些点，有兴趣的话你可以数一下有多少个点，我不想数，因为我知道它一共有50个点，原因很简单，因为一个点代表一帧。总想摆弄摆弄它，试试看，用选择工具，将线条拉成弧形，然后将播放点移到第1帧，回车，小球居然是沿着线条运动的，有点意思了，这不就是引导线了么？双击试试，鼠标变成移动图形，那就移吧，点中它，拖动，咦，整个路径和对象都移动到了另一个位置，方便。再用部分选取工具玩玩，它和调节其它线条一样。

现在把路径调整成下面的形状：

观察一下这条路径，在第25帧前帧排得较密，即小球每帧移动的距离较短。第25帧后帧排得较稀。这实际就形成了缓动的效果。回车试试，小球出现由慢到快地运动。但有问题了，并不在任何情况下都需要缓动的，我只想让小球按这个路径运动，并不想要缓动效果。事实上也不主张用这种方式来产生缓动效果，缓动可以在动画编辑器中设置。那么这里该怎么办呢？请在路径上点右键，在弹出菜单中的“运动路径”子菜单中点击“将关键帧转换为浮动”：

现在再看看路径已变成这样了，所有帧在整个路径中均匀分布：

再回车，看看，现在小球是匀速运动。
下面看看时间轴会不会也发现点什么新的玩意儿。
在flash cs4中将补间看做一个整体，你甚至可以将它看成是1个帧。我们在时间轴的补间范围内，不是关键帧的地方点击右键，在弹出的菜单中可以看到“清除关键帧”的菜单项可用。这就可以说明补间范围是一个整体。清除关键帧菜单项还有子菜单，如下图：

上面已经说到，在补间范围内的关键帧都是属性关键帧，子菜单是具体的属性，一个属性关键帧可以有多个属性。在上图中“清除关键帧”菜单项的下面的一个“查看关键帧”的菜单项，在那里你可以查看关键帧包含了那些属性。现在回到“清除关键帧”菜单项，点击“位置”，看看时间轴，第25 帧和第50帧的关键帧都被清除了。这也进一步说明补间范围是一个整体。因为在第25,50帧我们只移动了小球的位置，所以，当点击“位置”时，这两个属性关键帧都被清除了。
好，现在点击“编辑”>”撤消设置补间动画属性”，关键帧又回来了。点击第25帧，用变形工具将小球旋转一定角度，这样在这个属性关键帧上应该就有位置和旋转两个属性了。测试一下，在补间范围内点右键，点击“清除关键帧”>“位置”，看看时间轴，第50帧的属性关键帧清除了，第25帧的属性关键帧却还在。这是因为只清除了位置属性，但25帧上的旋转属性并没有清除。将播放头放到第25帧上，可以看到小球位置没有变化，但旋转了一定的角度。
这一节就介绍到这里，flash cs4的动画概念还有预存动画，动画编辑器等后面介绍。
本主题由 System 于 2010-1-11 05:01 解除限时高亮
收藏分享评分
(漫动作)新注册用户必读！！！
回复引用
订阅TOP
镜花水月
发短消息加为好友
镜花水月 当前离线
UID
16
帖子
330
精华
2
积分
1539
MDZ币
418 枚
回复币
333 枚
访问推广
0 次
注册推广
0 次
阅读权限
200
注册时间
2009-11-20


金牌会员

UID
16
帖子
330
精华
2
积分
1539
MDZ币
418 枚
回复币
333 枚
性别
男
在线时间
34 小时
最后登录
2010-4-16

2楼
发表于 2009-12-6 22:55 |只看该作者
本帖最后由 镜花水月 于 2009-12-6 23:07 编辑 ; L5 y: Z4 g# r7 x
$ D2 s( h# ?0 B% ~
动画预设    2 [% ?/ o5 m* j! |$ e4 F
漫动作论坛' _1 Z& c" r' U# U0 o! S% |
Flash cs4新增加动画预设功能，这可以把一些做好的补间动画保存为模板，并将它应用到其它对象上。在Flash cs4中元件和文本对象可以应用动画预设。在Flash cs3中已为我们保存了一些补间动画，我们可以直接将这些补间动画应用到我们自已的对象上。现在就来看看，都有些什么样的效果。点击“窗口”>“动画预设”，这样就打开了动画预设面板：
" ]1 V. C5 ?) _2 |& h( F" i
! {& G; u- ]4 ?! e! \漫动作论坛   
从上面左图中可以看到，这里一共有32项动画效果，它们都放在默认预设中，点击默认预设旁边的小三角形，文件夹将打开，点击其中任一一个动画，在上面的小窗口中将出现相应的动画效果。如上面右图。
下面来试一个效果，我想试一下烟雾效果。我将文档的背景变成了黑色，然后画了下面的形状，用放射填充，左右色标均为白色，透明度是60%和30%。

然后，我将它转换成了MC，因为只有元件和文本才能应用预设动画。现在打开预设动画面板，找到烟雾效果，然后点击“应用”。

接下来，新建一图层，在第50帧插入关键帧，从库中将刚做的元件拖到舞台上，同样给它应用烟雾动画预设。我测试影片得到了如下的效果。
; {7 p6 p" q2 b+ I3 J( ^',1)">二维动画论坛|原创动画漫画|学习交流|教程下载|漫动作论坛0 q" w& |/ G# _9 V" E: {
漫动作论坛/ `, i( _: I: G( _8 O
其它的效果就各位就自已试试吧。
可以肯定的说，仅仅是这32种动画效果不能满足你的全部需要，怎么办呢？简单得很，你自已做啊。但你又说，我只想做一次，以后用的时候也象这个一样套用就行了。“啊！盗版”（Adobe）说：这也是可以的，你可以将你自已的动画预存。
我导入了一张图片，将它做面MC，然后在舞台上，制作了一段旋转缩放的动画。然后在时间轴上点右键，点击“另存为动画预设”：

这时会弹出一个对话框，要求输入预设动画的名称：我的名称是：“旋转缩放”

确定后，打开预设动画面板，可以看到，在自定义预设文件夹中已有“旋转缩放”动画。它的用法与默认预设是一样的。

但有个问题，当你点击旋转缩放动画时，却看不到预览效果。Flash 会将预设另存为 XML 文件。这些文件存储在以下目录中： Documents and Settings\<用户>\Local Settings\Application Data\Adobe\Flash CS4\<语言>\Configuration\Motion Presets\中。你将这个动画导出成swf文件，取相同的名字，也放到这个目录中，就可以看看到预览了。
还有一和情况就是，当看到别人的动画效果，想借来用一下，这也是可以的，但你要有那个预存的 xml 文件才行。当然你可以从原文件中将其另存为动画预设来获得。有了xml文件，你就可以在动画预设面板中导入这个动画预设，作为已用，点动画预设面板右上角的倒三角，将打开一个菜单，点击“导入”即可导入动画预色。

从上图可以看到，同样有“导出”菜单项，也就是说你可以将你的动画预设导出为xml文件。
论坛每日红包领取活动开启及推广说明！！！
回复引用
TOP
镜花水月
发短消息加为好友
镜花水月 当前离线
UID
16
帖子
330
精华
2
积分
1539
MDZ币
418 枚
回复币
333 枚
访问推广
0 次
注册推广
0 次
阅读权限
200
注册时间
2009-11-20


金牌会员

UID
16
帖子
330
精华
2
积分
1539
MDZ币
418 枚
回复币
333 枚
性别
男
在线时间
34 小时
最后登录
2010-4-16

3楼
发表于 2009-12-6 23:01 |只看该作者
动画编辑器
在Flash中增加了一个我们在以前没见过的面板－动画编辑器。现在我们就来认识一下它。即然是动编辑器，那么就应该有动画才对。所以首先创建一个动画，我做了一个简单的动画，用50 帧让一个小球在舞台上来回移动。有了动画后，我就可以点中补间范围，然后就可以打开动画编辑器了。
I: p7 m+ F( p# Q/ j4 V
在这里可以精确地调整动画的属性值。这里有5 个栏目，可分别调整相应在的动画属性。最上面的是基本动画如上图，在这里可设置x,y,和旋转属性。
X属性，在关键帧一栏中，有两个方向相反的小三角形，它可以用来跳转到另一个关键帧，中间的棱形可添加和删除关键帧。

定位到关键帧后，将鼠标放到前面蓝色的数字上，鼠标会出现双箭头，这时可左右拖动这个数字，然后你会发现在拖动时舞台上的小球随着移动，这说明这里可以调整对象的x属性。点击这个蓝色数值，你就可以输入一个数值，精确定位x属性。

在面板的右边是该属性的曲线，你可以调整这个曲线来更改对象的x属性，我们定位到一个关键帧上，然后上下拖动这根曲线的锚点，可以看到小球也会随着左右移动，同时前面的蓝色数字也会发生变化。可能你会注意到在面板中还有缓动一栏。这里可以为相应属性设置缓动效果。要使用缓动效果，请先在面板下部的缓动栏内添加缓动

如上图，点击右上角的“+”号，弹出的的菜单中有很多内置的缓动效果，你可以选一个。

在弹出菜单的最下面一项是“自定义”，这就是说，你可以自已定义一个缓动效间果，比如让小球的移动由慢到快，再由快到慢。点击自定义后，你可以在关键帧中输入数字或调整后面的曲线来定义自已的缓动效果。添加缓动效果后，回到基本动画栏，点击x属性的缓动旁边的倒三角，在弹出的菜单中，就有了刚添加的缓动效果，点击要用的缓动就将缓动效果用到了x属性上了。

Y属性与x 属性一样。 漫动作论坛3 I+ V/ Y9 |' q3 F# e1 e# K5 e2 h9 P
旋转：如下图在旋转栏中只有z轴的旋转设置：

我们知道，在cs4中具有3d旋转功能，即绕x,y,z三个轴旋转，这里只有z轴，怎么办呢？别着急，回到时间轴，在补间范围内任一一帧，当然是你想要3d旋转的那帧，用3d旋转工具，将小球按某轴旋转一定角度。回到动画编辑器面板，再看看：

现在三个轴的的旋转属性都出来了。现在你可以在这里精确设置3d旋转属性了，同样可以为它们设置缓动效果。 % b2 i5 b# S, W  O" l% A5 n/ b
下面的转换栏中可设置缩放和倾斜属性。在缩放属性中有一个连接x，y属性按钮，可以约束缩放的宽度和高度比例不变。

接下来的色彩和滤镜的用法跟缓动一样，通过点击“+”号来添加相应效果，并设置其属性值。
(漫动作)新注册用户必读！！！
回复引用
TOP
镜花水月
发短消息加为好友
镜花水月 当前离线
UID
16
帖子
330
精华
2
积分
1539
MDZ币
418 枚
回复币
333 枚
访问推广
0 次
注册推广
0 次
阅读权限
200
注册时间
2009-11-20


金牌会员

UID
16
帖子
330
精华
2
积分
1539
MDZ币
418 枚
回复币
333 枚
性别
男
在线时间
34 小时
最后登录
2010-4-16

4楼
发表于 2009-12-6 23:04 |只看该作者
本帖最后由 镜花水月 于 2009-12-6 23:07 编辑
+ ?6 J/ h8 Y% t" ~5 n漫动作论坛
* z  L0 i$ \4 i# k& V% S, k                         Flash cs4新功能之3d效果二维动画论坛|原创动画漫画|学习交流|教程下载|漫动作论坛: o! O; L2 F  n$ N
; B: u) ]( H1 f效果：4 T! M$ X/ ]% P# z4 K
',2)">
3 I- u6 d% ?2 R
7 A9 ~2 ]$ }; n7 H6 n, ~" t, H; s    Flash cs4已正式发布了一阵子了，一个新的版本发布后我们特别渴望会有一些新鲜的玩眼，在升级到cs3时，我们的这种渴望的结果可能会有些失望，因为与flash8相比在动画设计上变化不是太大，但它却引入AS3，这应该也是一件欣喜的事情。对于喜欢在设计界面制作动画（非AS）的朋友来说，cs4的到来，应该会令他们兴奋地发出尖叫。他们会畅谈喷枪工具，Deco工具，全新的补间动画理念，3d功能，骨髂工具等。尽管我在flash方面较侧重于AS，但我也为flash cs4的新特性拍手叫好，于是也尝了一把鲜，试做了一个3d效果，同时我也十分愿意将我的体会与大家分享。
$ j5 Q" n) P( R% a4 Z     在以往的版本中，舞台的坐标体系是平面上的，它只有两维的坐标轴即水平方向（x）和垂直方向（y）,我们只需确定x,y的坐标即可确定对象在舞台上的位置。cs4引入了三维定位系统，增加一个坐标轴z,那么在3d定位中要确定对象的位置就需要x,y,z三个坐标来确定对的位置了。
如下图：

在cs4中3d工具有两个一个是3d旋转，一个是3d平移，如图：

用3d旋转或3d平移工具绕z轴旋转或平移影片剪辑，将会产生3d效果。
还有两个新的概念我们需要了解：
透视角度：
在舞台上放一个MC，在保持它被选择的情况下，打开属性面板，在属性面板稍下面一点会有一个照像机的图标，这里就可以调整透视角度，如图：

简单地理解，透视角度就象照像机的镜头，通过调整透视角度值（上图中的蓝色55），可将镜头推近拉远。如上图，系统默认值为55.将鼠标放在这个数值上，会出现一个双箭头，这时左右拖动鼠标即可调整数值的大小，点击这个数值时会出现输入文本，你可以直接输入一个数值。透视角度的取值范围是1－180.
消失点：
如果我们看过一些美术基础教材的话，我们会熟悉一个叫“灭点”的概念。如图：

消失点确定了视觉的方向，同时消失点确定了z轴的走向，z轴始终是指向消失点的。
在MC被选中的情况下，打开属性面板，在属性面板的下部会有消失点调节设置，改变消失点的x,y坐，可将消失点设在舞台上的任何地方。如图：

系统默认的消失点在舞台的中心，即（275，200）处。
好了现在你可以体验一下3d工具的魅力，放一个MC在舞台上，然后用3d旋转工具点击MC,会出现如下图的图形：

从图中可以看出，一共有4种颜色的线条，拖动这些线条会出现不同的旋转效果： 漫动作论坛' |7 I& Q7 }5 c  l* ~/ w5 K
红色线条：绕x轴旋转MC + O" I+ e& y9 S$ ^5 q% P
绿色线条：绕y轴旋转MC gaiye.5d6d.com: N/ Y& D1 a6 H9 r
监色线条：绕z轴旋转MC
其实很好记的，RGB－红绿蓝－xyz
拖动橙色的圆圈则可在xyz每个方向都产生旋转。

3d平移，中间黑点是z轴。
好了，了解了上面的一些基础后我们来制做这个正方体。
新建一flash cs4文档，要使用3d效果必须建立AS3.0文档，同时必须发布成flash player10.
然后导入6张图片，分别制成MC，大小统一为200x200。
现在制作正方体，新建元件，取名为“正方体”。将一张图片MC拖入场景中，打开属性面板，设置其3d定位：x:0,y:0,z:-100

新插入一层，再从库中拖入一张图片MC，3d定位为：x:0,y:0,z:100
现在的效果是：

这样就把正方体的正面和背面的图放好了，下面放侧面的图。
新插入一层，从库中再拖入一个图片MC。这张图将放到左边侧面，那么容易理解它的x坐标应该是-100.所以3d定位是：x:-100,y:0,z:0. 然后用3d旋转工具将图片绕y轴旋转90度，这好理解哈，图片放上去时是平面摆放的，绕y轴转90度它自然就侧到侧面了，且正好与上两张图片对接。

第4层图片的3d定位：100，0，0，并将图片绕y轴逆时针转90度，右侧图片就放好了。

第5层，放底面的图片，因此y坐标为100，3d定位：0，100，0，绕x轴旋转90度：

第6 层放顶面的图片，3d定位：0，－100，0，绕x轴逆时针转90度：

这样正方体就做好了，为了看起来方便，我将一些图片的透明度降低了，这个不一定照做，你可根据自已的需要来做。
7 d0 l; H  A- @$ d    下面新建一MC，输入“中国教程网”几个字。
接下来回到主场景，将正方体元件拖到场景中，水平居中，稍下方些，为文字留下点地盘。在第40帧插入帧，在时间轴上点右键>创建补间动画，保第40 帧被选中的情况下，使用3d旋转工具将立方体绕y轴（绿色线）旋转一定角度，这时第40帧会自动被设为关键帧。打开“动画编辑器”，将“旋转y“的数字改为360，这样正方体将绕y轴旋转一周。

回到时间轴面板，在第41帧插入空白关键帧，将第40帧复制到第41帧，这时你会发现一共被复制了40帧，即第1到40帧都被复制到后面了，这是因为在 cs4中补间动画被看作为1帧，关于新的补间动画的的介绍将在以后专门发文介绍。这里不管它，我定位到第80帧，在前面我们已经绕y轴转了，现在我们绕x 轴（红线）旋转一定角度，打开动画编辑器，将“旋转x”的值改为360,这样在第41到80帧中正方体将绕x轴旋转一周。在第81帧插入空白关键帧，将第 80帧复制到81帧，在第120帧，用3d旋转工具将橙色园圈拖动一定角度，让正方体在xyz三个方向同时旋转，在第121帧复制第120帧，在第160 帧，将正方体向反方向旋转一定角度。
新插入一层，将文字元件拖入，用3d旋转工具，与第一层同样的方法对文字进行你想要的旋转。旋转时你可以直接用3d工具旋转，也可以用动画编辑器作精确调整。
OK，试试吧，祝你成功！