制作多变字母动画

董师傅茶坊

读者VS董师傅

王月霖:请教董师傅,我想做一个网上那种简单的字母动画,请问具体该怎么做?

董师傅:字母动画是很基础的Flash制作,学起来很简单,而且Flash的效果也很亮眼。这里就教你用三种工具合力制作一个漂亮的字母动画。

工具:SWiSHmax、Photoshop CS、Flash MX

第一步:用SWiSHmax制作一个字体特效,导出为SWF文件。

第二步:利用Photoshop制作字体特效。新建一个背景为透明的文件,输入与SWiSHmax中的一致的文字内容、字体、字体大小。然后在文字调板中将字符间距扩大到100或200。因为扩大间距,后面的扩展、填充、加阴影,才不会使字符间连接上,方便在Flash中进行单个字母的分离,如图1。

27-f06-7.jpg
图1

第三步:右击字体图层,选择“混合选项”,在Photoshop中对字体进行扩展、填充白色、加阴影效果。在“投影”效果中,“混合模式”选择“正常”,颜色任意选,不透明度选择100%,距离选择适当,大小选择0像素。制作完成后,将图片存为GIF文件。

第四步:打开Flash MX,将第一步中生成的SWF文件导入到库中。在库中你会发现“图形元件”,这些图形元件会自动命名为:元件2、元件3……也就是说由SWiSHmax制作的动画中有多少个不同的字符,就会出现多少个元件。每一个字符的元件,标点符号、大写字母、小写字母为不同的字符。

第五步:将刚才在Photoshop制作的GIF图片导入到Flash MX的库中。新建一个“图形元件”,将GIF图片导入,按“Ctrl+B”组合键,将图片打散,如图2。删掉黑色上面有白点部分,这是原GIF图片中的透明部分。

27-f06-10.jpg
图2

第六步:在Photoshop中选择“套索工具→魔术棒设置→阈值(取默认就行)→平滑(选择像素)→魔术棒工具→删掉GIF图片中透明的部分,只留下文字部分。

第七步:选择剩下的字符替换组成动画的那些“元件”中对应的字符。比如“元件2”中字符为大写P,那就将它删掉,替换成图片中的P,将“信息面板”中元件位置坐标选择在“中心”,X、Y都设为0,如图3。

27-f06-12.jpg
图3

第八步:全部替换完成后,将刚才由导入SWF而生成的“影片剪辑”放在场景舞台的适当位置,按组合键“Ctrl+Enter”即可看到效果了。