超级组合秀
·汇聚原创力量—国家数字娱乐网正式启动
·森田正则老师新连载秋天正式上档
·人物风之风助终于堂堂“复活”
·超女漫画即将出版 漫画家炎炎执笔
·《夏特尔家·家族的肖像》即将发售
·《七剑·序章》漫画热动暑假全国漫展
4332漫画
·松本零士
·动漫声优
·尾田荣一郎作品
·颜开作品欣赏
·卜桦作品欣赏
·韩美林作品欣赏
·天広直人作品欣赏
·天広直人作品欣赏
当前位置: 动漫学院 > 名师指导 > 正文
制作渐变动画
http://college.51kedou.com 2005年08月31日 12:24 清华大学出版社

Flash不但可以制作运动过渡动画,而且还可以创建另一类动画,即变形过渡动画,就是使对象的形状随时间产生变化。

形状渐变动画可以在一层中放置多个变形过渡对象,不过为了可以更好地控制变形的效果,建议用户还是为每个动画对象单独设置一层。对于一些非常复杂的变形动画,可以使用Flash提供的变形提示(Shape Hints)功能,它可以帮助用户确定变形的内容,即初始形状与终止形状的各个部分。

4.3.1 文字的渐变
制作文字变形过渡动画的操作步骤如下:

(1) 选择File→New命令,新建一个Flash动画。

(2) 选择Modify→Document命令,在打开的Document Properties对话框中设定动画的属性,将Width值设为800px,Height值设为400px。

(3) 使用文本工具在舞台中输入一段文字后,打开Properties面板对文字的样式、字号及颜色进行设定,如图4-25所示。



图4-25 设置文字样式

(4) 在时间轴窗口的第40帧单元格处单击右键,从弹出的快捷菜单中选择Insert Keyframe命令,插入一个关键帧。

(5) 选中插入的第40帧,并在舞台中任意更改文字对象,使其与第1帧处的文字对象有不同的外观和颜色,效果如图4-26所示。

(6) 分别选中时间轴窗口中的第1个关键帧和最后一个关键帧,选中其中的文字对象后,选择Modify→Break Apart命令,将文字对象打散。

(7) 单击时间轴窗口中的第1个关键帧,选择Properties面板,在Tween下拉列表中选择Shape选项,设定动画为变形过渡动画,并拖动Ease滑动条设定动画的加速度,如图4-27所示。



图4-26 设置最后一帧文字的样式



图4-27 设置Properties面板

经过上述步骤的操作后,文字渐变动画的制作完成。选择Control→Test Movie命令或者直接按下Ctrl+Enter组合键,可以对当前制作的动画进行测试。可以看到在舞台中原来第1帧中的文字随着时间逐渐变得模糊,分散,又慢慢拼合,最后形成了最后1帧中的文字样式。具体的变化过程如图4-28所示。







图4-28 文字的变形过程

4.3.2 形状的渐变
制作形状过渡渐变动画的操作步骤大致和制作文字过渡渐变动画的操作步骤相近,只是形状渐变动画中的形状可以是导入的图形,也可以是使用绘图工具绘制的图形,如果是导入的图形,则需要执行Break Apart命令将其打散;如果是使用绘图工具绘制的图形,那么图形本身就不是一个符号,所以就不需要进行打散操作。

下面我们举一个具体的例子,来说明形状渐变动画的具体步骤。在该例中,第1帧的起始形状是一个圆形彩球,它将随着时间轴的改变,逐渐地变形为一个三角形的图案。

创建形状过渡渐变的操作步骤如下:

(1) 选择File→New命令,新建一个Flash动画文件。

(2) 选择标准工具栏中的工具,再选择View→Grid→Show Grid命令,在舞台窗口中显示网格线。

(3) 选择Modify→Document命令,在弹出的Document Properties对话框中修改动画的属性:Width设为300px,Height设为400px,底色为白色。

(4) 选择绘图工具栏中的椭圆工具,并在Properties面板中设定绘图边框线为无色,并将填充色设置为五彩色,如图4-29所示。

(5) 选择椭圆工具在舞台中绘制一个正圆,并在绘图工具栏中单击按钮,这时可以随意调整球体内的填充色,效果如图4-30所示。



图4-29 设置填充色 图4-30 绘制高宽均为7格的正圆

(6) 在时间轴窗口的第40帧处单击鼠标右键,从弹出的快捷菜单中选择Insert Keyframe命令,插入一个关键帧。

(7) 在时间轴窗口中选中第40帧,并选择绘图工具栏中的矩形工具,在舞台中绘制一个正方形。再选择绘图工具栏中的箭头工具,将正方形调整为三角形,如图4-31所示。



图4-31 绘制一个三角形

(8) 单击时间轴窗口中的第1个关键帧,打开Properties面板,在Tween下拉列表中选择Shape选项。

经过上述步骤的操作后,形状的过渡渐变动画绘制完成。选择Control→Test Movie命令或按Ctrl+Enter组合键,即可观察到该动画将从一个标准的正圆形渐变到一个三角形图案。具体的渐变过程如图4-32所示。





图4-32 形状的渐变过程


发表评论】 【关闭窗口
相关链接:
· 上海电影艺术学院 [2005-08-31]
首页图酷动漫宝典MiNi游戏动漫人动漫学院艺术大赛动漫社区
关于我们联系我们招聘网站地图友情链接
Copyright@2004-2005 51kedou.com Inc. All rights reserved.
中国动漫游戏艺术大赛组委会 版权所有
本网站已通过ICP认证
备案序号:京ICP备05045914号