艺虎动画 > flash制作打字效果

flash制作打字效果

翼虎动漫   2010-7-13

 

 

 


第一步:新建一文件,背景为黑色,场景大小为120*30。
第二步:在第五帧插入关键帧,目的是第一个字过一会再显示出来。点文本工具在场景中写入“闪客天堂”,字号为22,在第9、13、17帧插入关键帧,编辑第5帧,把“客天堂”删掉,编辑第9帧,把“天堂”删掉,编辑第13帧,把“堂”删掉。这样就实现了文字的逐字出现的效果。在第22帧插入一静止帧,目的是让“闪客天堂”都出现后停留一段时间。
第三步:增加一个效果,就像一个光标在闪动。画一条短线(亮绿色),转换为图形符号,再新建一动画剪辑符号,把短线符号放入,在第二帧加关键帧,调整它的透明度为30,这样播放时就会一闪一闪的。
第四步:新增加一层,在第5帧中放入光标MC,位置在“闪”字的偏左位置,在第9、13、17帧插入关键帧,分别调整位置跟随“客天堂”的出现。请自行参考源码。
第五步:加入打字的声音,再新建一层,在第5帧插入关键帧,在sound面板选择打字声音文件,选择Event选项,分别在第9、13、17帧插入关键帧,如第5帧一样设置。
第六步:总结一下:此例虽然简单,但对于初学者还是能从中学到些东西,初学者应该先弄清帧的分类,如下图中的A是关键帧,B是普通帧,C是空白关键帧。A中的实心圆点表明此帧有内容,C中的空心圆点表明此帧无内容,B表明此帧延续前一个关键帧的内容。另外也要弄清图形符号和动画剪辑符号的区别。

 
这个是我在我们这的一个内部网发的东东,当时是希望更多的人来交流学习。富有一些煽动性。你看看吧!
第一步,新建新文件,背景为黑色,其它为默认。在场景中用文本工具拉出一个文本框,设定为动态文本,变量为text,多行编辑;设定文本颜色为白色,是为了增大反差,字号为16;格式化里设首行缩进为32(16×2),行间距为3。
在第一帧加如下代码:
//这里是要显示的文本内容,引号必须在英文状态下写入。/n定义了换行也就是开始一个新段落。
text1="各位网友,大家好。欢迎你来到闪客地带。\n随着网络时代的到来,FLASH借着网络的东风迅速发展。本版块将和你一道走进闪客的天地。如果你不是闪迷,那先看看著名闪客小小的作品,他的作品3号可是得过国际大赛的入围奖。老蒋号称中国闪客第一人,但在我心目中小小才是。老蒋的美工是很棒的,他是美院毕业的;而小小除了美工和独特的创意外,编程能力不容忽视,我在论坛发过他编的游戏。当然众多大闪们各有各的风格,他们努力创造着中国FLASH的辉煌。怎么样,看到这,你的心动了吗?你或许会问,我能做动画吗?我不会编程,怎么办?明确告诉你,一位大闪曾说过,FLASH基本的东东你在一个星期内就能掌握。像做FLASH MV作品,不用编程也是可以的,只要你的创意或美工好。如果你的美工和设计不错的话,那千万别埋没了你的才华,让FLASH助你实现你的梦想吧!\n你还等什么,赶快加入!说不定下一个著名闪客就是你啦!";
ll = text1.length;//获得文本的长度
i = 1;//初始化变量
第二步:在第6帧按F5键加静止帧,然后打开库给打字的声音文件添加标识,方法是:在声音文件上单击右键,选择Linkage,在标识符框中写入sound;增加新层,在第四帧按F6键加关键帧,在帧上加如下代码:
ss=new sound();//新建一个声音对象
ss.attachSound("sound");// sound要和库里的声音文件的标识符相同
if (i<ll+1) {
text = text1.substring(0,i);//从text1中取出子串,显示在text动态文本框中,i取值范围为1~ll
sv = text1.charCodeAt(i-1);//返回“text1”字符串中第i-1个字符的16位代码值,取值范围从0~ll-1
i++;
if (number(sv)==9 ) {//如果遇到换行符\n,停止打字声音
ss.stop();
} else {
ss.start();//否则播放打字声音
}
} else {
stop ();//取完文字后停止
}
在第六帧加代码:gotoAndPlay (4);//反复执行语句直至停止
第三步:照例来总结:通过本例你能掌握文本的设置,绑定声音的方法,字符串操作的技巧。字符串的索引号是从0开始的,比如一个字符串“1,2,3,4,5”,长度是最后的索引号加1,也就是4+1等于5。索引号0对应1;索引号1对应2;索引号2对应3;等等。如果你弄清了这个概念,你就能理解上面的语句。