FireWorks直通车(四)—FireWorks之淡入淡出的动画文字
1.运行FireWorks,用鼠标单击菜单“File\New”,在弹出的文件对话框中,将“Canvas Size”设为Width:300 Pixels,Heigth:70 Pixels,Resolution:72,Canvas Color:Transparent然后单击“Ok”按钮确定,系统新建一个新文档。
2.用鼠标单击文件视窗左边条形工具栏上的“Text”图标,在弹出的“Text Editor”对话框中输入文字“http://3donline.yeah.net”。参数设置如下:Font:Arial,Size:24,Fill Color:红色,Anti Aliasing Level:Smooth Anti Alias。
3.选中菜单“Insert\Convert to Symbol”命令,系统会弹出“Symbol Properties”对话框,用户将新创建的“Symbol”命名为Symbol,“Type”设为“Graphy”。单击“Ok”按钮确定,这时该文字就转换为“Symbol”了。
4.这时用户会发现图像视窗中的“Symbol”文字四周出现了四个蓝色的控制点,文字中心出现了一个蓝色十字,而文字的左下方出现了一个黑色的快捷标签,如^22020601a^1所示。
5.选中该“Symbol”,单击菜单“Edit\Clone”,或者按下“Ctrl+Shift+C”键,对该“Symbol”进行克隆。
6.选中克隆后的“Symbol”,在编辑视窗右边的“Object”控制面板中,单击“Object Level Opacity”输入框右边的三角形标签,上下拖拽滑动块,将“Opacity”值设为0,如^22020601b^2所示。这时克隆后的“Symbol”变得完全透明了。
7.选择了菜单“Modify\Arrange\Send to Back“命令,将克隆后的“Symbol”置于原文字的底层。
8.选中克隆后的“Symbol”,用鼠标单击菜单“Edit\Clone”命令,再次创建一个“Symbol”,这时第二个克隆“Symbol”的位置处于“Symbol”与第一个克隆产生的“Symbol”之间。
9.选择菜单“Modify\Arrange\Bring to Front”,将第二个克隆“Symbol”置于最开始的“Symbol”的上面,即第一层。这时它的“Symbol Level Opcity”也是0。
10.选择菜单“Edit\Select All”,或者按下“Ctrl+A”,选择所有的“Symbol”物体。然后选择“Midify\Symbol\Tween Between Instances”命令,如^22020601c^3所示。在“Tween Instnces”对话框中将“Steps”设为10,选中“Distribute to Frames”,然后单击“Ok”按钮确定。
11.在编辑视窗右边的“Frames”控制面板中,用户会发现系统已经自动生成了23帧动画,用鼠标选择到第12帧,用户会发现“Symbol”在第12帧出现。
12.选中“Layers”控制面板,用鼠标点击其下方的“New\Duplicate Layers”图标,重新创建一个图层。用鼠标选中左边工具栏上的“Text”图标,在编辑视窗中输入文字“http://www.nease.net/~lingood”,然后重复第2步到第11步的操作,再创建一段动画。
13.重新定位到“Frames”控制面板,用鼠标单击下方的“Gif Animal Looping”图标,在弹出的快捷菜单中选择“Loop Forverl”,使动画无条件循环。
14.用鼠标选择菜单“File\Export Wizard”,执行文件导出向导,该文件向导能够帮助用户输出动画Gif文件。
第一步系统提示用户使用“Export Wizard”的目的,选择“Select An Export Format”。单击“Continue”按钮,进行下一步。
第二步中,系统提示用户输出的文件类型,应选择“Animate Gif”文件格式,单击“Continue”按钮,继续执行下一步。
第三步是“Export Preview”(FireWorks 2.0无此命令)。在“Export Preview”窗口中,共有“Options”、“File”、“Animations”三个属性标签。“Options”对话框中,用户可以选择输出文件的格式、文件所用的调色板、设置透明通道、进行图像优化;在“File”对话框中,用户可以放大或者缩小图像的大小、选择输出的区域;在“Animation”对话框中,用户可以对Gif动画的每一帧进行参数的调整,例如每一帧之间的延时,也可以对任意一帧进行删除操作,设置循环参数等设置。如果一切设置完毕,单击“Export”按钮,进行输出。
15.Ok,现在,所有的操作都已经完成,你可以打开Acdsee或者IE欣赏一下你制作的动画了。