通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Flash
相关内容

第二章 FLASH入门动画
第六节 变幻的字符


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

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

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

因为要制作的是形体渐变动画,我们首先要把已经集合了的字符打散成形体。选择第1帧,按Ctrl-B把字母F打散:。然后依次选择第12,24,36,48和60帧按Ctrl-B把字母L,A,S,H,F分别打散。现在就可以做动画了,在第1帧上双击鼠标左键,在弹出的帧属性对话框中选渐变标签,其下的Tweening选项选Shape,回车确定。然后分别对第12帧,24帧,36帧及48帧如此操作。最后的时间轴窗口应如下图所示:


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

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


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

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

第一节 运动的小球(一)
第二节 运动的小球(二)
第三节 运动的小球(三)
第四节 旋转的风车
第五节 延伸的直线
第六节 变幻的字符
第七节 文字的输入与输出
第八节 按钮制作(一)
第九节 按钮制作(二)
第十节 文字效果初步
第十一节 残影技术
第十二节 遮罩
第十三节 放大镜效果
第十四节 打字机效果
第十五节 弹出式菜单
 
 
 
 
 
 
教程站
收集整理
服务大家