china.com
主页
新闻
体育
游戏
文化
教育
健康
财经
科技
旅游
军事
娱乐
商贸
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  


第六节 变幻的字符


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

首先,我们新建一个电影文件,按Ctrl-M修改电影属性,使其宽度和高度均为100,背景为蓝色。选择绘图工具栏中的文字工具,把鼠标移到电影文件中点一下,会出现一个文字输入框,选择好字体,字号,设定颜色为黄色,输入字母F,选择箭头工具,这时字母F的周围出现一个阴影方框,表示该字母已经成为一个集合体。我们在这个字母上点鼠标右键,在弹出的菜单上选放缩(Scale),这是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帧上双击鼠标左键,在弹出的帧属性对话框中选渐变标签,其下的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,这样就可以获得比较好的变形效果。左图所示为加入与未加入提示点的字符变形对比。我们可以看出,加入了提示点后字母的变形似乎更有规则一些。


      

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

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

 

  摘自《新闪光时代》 幸运鸟/文

 


科技检索


中华网推荐

  • 1000名医生在线咨询

  • 中国足球队官方网站

  • 鸦片玫瑰(新版)

  • 精选股票天地

  • 闪光的flash教程

  • 中华网汽车世界

  • 为你的爱情出谋划策

  • 网文精选——野百合集

  • 世界文化遗产在中国

  • 历届香港小姐风姿集




  • 网络教室编辑信箱
    版权声明 | 本站检索 | 联系方法 | 刊登广告 | 使用说明 | 关于中华网 | 豁免条款

    版权所有 中华网