flash制作字母变换效果

所属分类: 媒体动画 / Flash教程 阅读数: 90
收藏 0 赞 0 分享
这个字母变换效果的技巧在于Movie Clip的利用

1、创建好字母库

  A-Z的字母效果可以自己设计,也可以是普通的文字。然后将其转换为符号。

  (Insert>>Convert to Symbol>>graphic),name和字母对应。

  需要注意的是,每个存放在符号中的字母,坐标位置一定要一致,否则使用的时候会有很多麻烦事,建议不要新建一个符号以后,再输入字母。最好是在场景中将字母先作好,然后转换成符号。这样,坐标都在中心位置,所有符号中的字母坐标位置能够保证一致。

  做好自己需要的字母以后,可以开始下一步了!

2、字母变换动画制作

  新建一个Movie Clip,取name为movie。第一个关键帧放入一个字母符号,比如“A”。调整好中心位置以后,在第二帧中插入一个关键帧。

  现在你所看到的第一帧和第二帧的内容是相同的,然后选种第二帧的字母,按鼠标右键,选择Properties选项,

  在Symbol里,可以看到一个黑点所选择的是当前的符号“A”,然后选择符号“B”,按Switch Symbol转换成符号“B”,然后确定。

  回到符号Movie Clip,你看到两帧的内容就不一样了,照这样的方法,第三个关键帧的内容就是符号“C”,按照自己需要,可以放入不同的字母、不同的帧数。
  这样做起来看来很麻烦,但是可以保证字母在变换时不会错位,达到理想效果。

3、利用Movie Clip在时间上的交错,达到变换效果
在例子中的“To Feel All These”,前面的变换效果其实都是一个Movie Clip,只是不播放的时间不同,从而达到看似没有规则的字母变换。

4、把我想要的字母边变出来

  首先,确定好自己最终出现的内容,比如“To Feel All These”,一共是14个字母。

  在场景中,新增一层,确定好字母“T”的位置,而该字母所放的是符号movie,然后根据内容,放14个符号movie,

  现在这些符号都在一层,要将他们分别放在不同的14个层里,步骤可以是这样:选种第二个,按Ctrl X,新建一层,在新建的层里按Ctrl Shift V,可以粘贴到原来的坐标位置上,然后再选中第三个,继续操作。

  在每层的第100帧上,插入一个关键帧。从第一个符号movie开始,替换成内容所需要的“To Feel All These”,用Switch Symbol转换,保证符号位置不会偏移。然后在时间上错开,把最后一个符号的那帧移到第98帧,倒数第二个字母的那帧移动到第96帧,每前一个符号减少两帧,可根据需要调整。

  同样,第一帧中符号movie也需要错开,第二个符号,移动到第3帧,第三个符号移动到第5帧,每后一个符号增加两帧,可根据需要调整,从第而帧开始,每帧的前面都是空帧,无内容。

  这样,开始利用同一个Movie Clip,在时间上的错开,达到变换效果。到最后一帧,在符号的相同位置上,把变换动画movie替换成一个只有一帧的字母符号,就完成了这个效果。制作过程中比较麻烦的每个符号的坐标位置。

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多