用Flash制作简单的字母变换效果
2008-08-12 11:29:55 来源:WEB开发网这个字母变换效果的技巧在于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替换成一个只有一帧的字母符号,就完成了这个效果。制作过程中比较麻烦的每个符号的坐标位置。
赞助商链接