×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 7632|回复: 28

[基础] flash cs4新特性之全新的动画理念(1)[本文已收录教程库]

[复制链接]
发表于 2009-1-31 12:14:08 | 显示全部楼层 |阅读模式
Flash cs4新特性之全新的动画理念(1)
进入Flash cs4后可能需要我对动画有一个全新的认识,我们都清楚,要实现动画一定要有关键帧,在关键帧中对象或对象的属性发生变化就形成了动画效果。对于关键帧,在FLcs4中应该有不同的认识。正如上面所说,实现动画需在关键帧中改变对象或对象的属性。在新版本中就是两个概念了,改变对象,比如在关键帧中出现新的对象,这种关键帧就叫关键帧,如同以前版本一样。在关键帧中改变对象的属性,比如位置的变化等,这种关键帧叫属性关键帧。属性关键帧是cs4 新出现的概念。
动画除了关键帧外,还可能用到一个叫补间的东西,我说我对补间很熟悉,“我骄傲”。但在新版本中,对补间也有不同的认识,我们在时间轴上点击右键,从菜单中可以看到已经不再象从前那样,只有创建补间动画和创建补间形状两项,而是增加了创建传统补间一项,这一点就可以说明已经不同了。
好吧,下面来做一个补间动画,通过实例来熟悉这些技术是最好的方法。
打开你新安装的Flash cs4,在屏幕上画一个小球,我们的动画是让小球在屏幕上移动一定的距离。

接下来,创建补间动画,注意这与以前的版本不太一样。
    首先在第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的动画概念还有预存动画,动画编辑器等后面介绍。我骄傲。
本节作业:做一个按路径运动的对象。

[ 本帖最后由 xyl7422 于 2009-2-2 10:00 编辑 ]
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=229290
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 4金币 +21 威望 +1 热心度 +5 收起 理由
祁连山 + 1 感谢原创教程哈,支持一下。
清风掠影 + 5 + 1 精品文章
xyl7422 + 8 + 2 对论坛做出贡献
zctmh0336 + 8 + 2 精品文章

查看全部评分

发表于 2009-1-31 19:59:58 | 显示全部楼层
酷素材
好教程!!
交CS4作业

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-1-31 22:26:52 | 显示全部楼层
面向对象的动画理念,其变化真大!一时间还难以适应呀!!!许多操作,与传统方法太多不一样了。
回复 支持 反对

使用道具 举报

发表于 2009-2-20 20:33:22 | 显示全部楼层
练习


[ 本帖最后由 sfllj 于 2009-2-20 20:35 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-2-22 20:20:47 | 显示全部楼层
酷素材
学习了
确实不习惯
补充个问题:每个帧都对应路径中的一个点,时间轴中不插入关键帧能选中对应的路径中的点吗

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-2-22 20:33:15 | 显示全部楼层
酷素材
5楼朋友的作业
回复 支持 反对

使用道具 举报

发表于 2009-2-24 19:52:27 | 显示全部楼层

交作业了

作业


[ 本帖最后由 zctmh0336 于 2009-2-25 08:39 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-3-1 15:51:03 | 显示全部楼层
交作业


[ 本帖最后由 zctmh0336 于 2009-3-2 09:56 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-3-3 02:03:05 | 显示全部楼层
jc:cnheart 交作业咯~~

[ 本帖最后由 zctmh0336 于 2009-3-3 08:54 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-3-3 08:54:08 | 显示全部楼层
9楼朋友的作业
回复 支持 反对

使用道具 举报

发表于 2009-3-12 10:59:10 | 显示全部楼层
嘿嘿。。装了CS4....交个作业!
Flash: http://img.jcwcn.com/attachment/forum/month_0903/20090312_d76802cebaf58d8be6cemr1aGik1MmG1.swf

[ 本帖最后由 squall2007 于 2009-3-12 11:00 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-3-22 15:24:34 | 显示全部楼层
俺老头的作业!jc:sweat

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
zctmh0336 + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2009-3-22 18:11:51 | 显示全部楼层
12楼朋友的作业
回复 支持 反对

使用道具 举报

发表于 2009-3-24 09:58:03 | 显示全部楼层
交作业

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?[立即注册]

x

评分

参与人数 1金币 +3 收起 理由
sanbos + 3 支持练习

查看全部评分

回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-3-24 11:07:59 | 显示全部楼层

14楼的作业:

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345