收藏本站
 
设为主页
     您的位置:首页资源库动画制作Flash教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==

FLASH入门动画

幸运鸟
新闪光时代

第六节 变幻的字符

这一节我们将通过字符的变形动画来认识形状渐变动画的作用。对于这类变形动画,只能用形状渐变来实现,用运动渐变是做不到的。

首先,我们新建一个电影文件,按Ctrl-M修改电影属性,使其宽度和高度均为100,背景为蓝色。选择绘图工具栏中的文字工具,把鼠标移到电影文件中点一下,会出现一个文字输入框,选择好字体,字号,设定颜色为黄色,输入字母F,选择箭头工具,这时字母F的周围出现一个阴影方框,表示该字母已经成为一个集合体。我们在这个字母上点鼠标右键,在弹出的菜单上选比例,这时F周围出现放缩手柄,我们把这个字母放大到和上面动画中字母大小差不多。

在时间轴的第12帧点鼠标左键,按F6插入一关键帧,这一帧的内容和第1帧一样。双击这一帧中的字母F,进行字符编辑模式,我们把字母F替换成字母L。用同样的方法,分别在第24帧,第36帧,第48帧,第60帧插入关键帧,并把相应的字母变成ASHF

因为要制作的是形状渐变动画,我们首先要把已经集合了的字符打散成形体。选择第1帧,按Ctrl+B把字母F打散:。然后依次选择第12,24,36,48和60帧按Ctrl-B把字母LASHF分别打散。现在就可以做动画了,在第1帧上点击鼠标左键,然后通过Ctrl+F弹出帧面板并将补间动画选项选形状。然后分别对第12帧,24帧,36帧及48帧如此操作。最后的时间轴窗口应如下图所示:

现在我们按Ctrl-Enter预览一下效果,应如上面的动画所示。这样的字符变形很简单,但是我们总觉得上面的这个动画中,字符变形有点没有规则,变幻得有些莫名其妙。那是因为在形状渐变动画中,如果用户没有指定变形规则的话,Flash将自动为待变形的形体设置一些关键点。形状渐变动画实际上就是关键点位置的变化,形体其余部分的变化可以通过插值的方法计算出来。在Flash中提供了一种人为干预变形效果的方法,就是设置提示点(Hints),通过指定相应提示点间的变化方法可以指定整个形变的过程。下面我们用具体的实例来说明。
以字母A变S的过程为例,因为没有设置提示点时,这个变形过程显得比较凌乱。先按Ctrl+Alt+H打开提示点的显示。选择第24帧,按Ctrl+Shift+H加入一提示点,以图一中红色的小圆圈表示,a用来标识提示点。看一看第36帧,发现字母S上也有一个对应的提示点,见图二。回到第24帧,把提示点a拖动到字母A的右下角,如图三所示,再到第36帧,把提示点a放在如图四所示位置。这时我们发现提示点变绿了,回到第24帧,这时提示点由红色变成了黄色,见图五,表明提示点的设置正确。

                   
  图一     图二      图三     图四      图五       

图六       图七

如果提示点仍是红色,说明提示点位置设置不正确,多调整几次就会好了。用同样的方法,我们可以再设置一到多个提示点,如上图六和七,我们又设置了一个提示点b,这样就可以获得比较好的变形效果。左图所示为加入与未加入提示点的字符变形对比。我们可以看出,加入了提示点后字母的变形似乎更有规则一些。


      

上面的这个动画实际上就是这两节中我们所学的形状渐变动画的一个综合运用,在变形的过程中还有位置和颜色的变化。也许大家一看就知道是怎么做的了,我就不再多说了,只简单提两句。在每一个关键帧上把相应的字母向右拖动一段距离,并使用油漆桶工具用不同的颜色填充就行了。大家有兴趣,可以自己动手做一做看。

当然形状渐变动画不仅仅是作用于文字,所有的形体都适用。所以我们也可以把文字变形的动画扩展到几何图形的变化,例如可以把圆形变成三角形,再变成正方形等,大家可以发挥自己的想象力,多动手练一练,一定会慢慢熟练起来,并创作出很好的作品的。

[上一页] [下一页]


Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View