|
很长时间以来,总是有人在探讨在FW中如何制作打字效果的动画这个问题。大部分的朋友认为,使用FLASH可以轻松的实现这一种效果,但在FW中似乎要困难些,好像除了一帧一帧的累加以外,就没有更好的办法了。原来也是一直这么来理解的,但是今天无意中找到了一种在FW中实现打字动画效果的更好的方法,请随我来:
第一步:打开FW,新建一个文件 ,文件的大小为140x20像素,背景色自定,这里采用了黑色。 第二步:选取工具箱中的Text Tool(文字工具),在编辑区输入你想要出现打字效果的文字,这里我们输入了“风云设计眼欢迎您的到来”;字体采用“宋体”;字号采用12Px;颜色自定;字体边缘效果选择“No Anti-Alias”;对齐方式采取默认的左对齐方式。 第三步:选中编辑区的文本对象,执行快捷键“Ctrl+Shift+D”,原地复制相同的一个文本对象,然后打开Fill(填充)面板,将复制的文本对象的颜色做一改变即可,然后向任意方向移动1像素的距离。 如果你不需要对文字对象做改变的话,此步骤可以略去,直接进入下一步! 第四步:选中文字所在的层,点击层面板右上角的弹出菜单按钮,在随后出现的弹出菜单中,执行“Share This Layer”(共享这一层)命令,将文字所在层变为共享层。
第五步:打开Library(符号库)面板,点击位于库面板右下角的增加新符号按钮,来增加一个新符号。(注:这个快捷按钮的功能和菜单命令“Insert --New Symbol(插入-新符号)”是相同的)
第六步:在弹出的对话框中,可以给新增加的符号起一个名字,也可以采用默认的Symbol不做更改,Type(类型)选择第一个Graphic(图形符号)即可,点击OK按钮即可。 第七步:点击确定后,会自动进入到这个Symbol的编辑区,在编辑区中绘制一个边长为20像素大小的正方形(注意:也可以绘制一个矩形,但是不管是正方形还是矩形,它们的高度都以和编辑区的场景的高度相同或者大于场景高度为宜,不能小于场景高度),正方形的具体大小、边长情况,可以在选定正方形的情况下,打开Info(信息)面板,将其中的W和H的值都调节到20即可。 第八步:将画好的正方形的位置进行调整,使其位于符号编辑区的中央部位。 第九步:再次点击库面板右下角的新增符号按钮,增加一个新的符号对象。在弹出的对话框中,符号名称还是不做改变,但是符号的Type(类型)要设为Animation(动画的),点击OK按钮确定即可。 第十步:点击确定后,会自动进入这个动画Symbol的编辑区。从符号库中选择刚刚制作好的图形Symbol,也就是那个正方形,将其拖到动画Symbol的编辑区,在正方形这个Symbol处于选中状态的情况下,打开Info(信息)面板,将其中的W值变为1,也就是说,将正方形这个Symbol进行水平缩小变形处理了。接着,再次拖动一个正方形Symbol到动画编辑区,同样打开Info(信息)面板,将其中的W值变为144(注意:一定要宽于编辑区的场景宽度),好了,看看现在在动画Symbol的编辑区的两个对象吧。
第十一步:同时选定这两个已经变形处理的的正方形Symbol对象,点击快捷工具栏的对齐选项按钮,让这两个对象左对齐,并且水平方向居中对齐(鼠标所点击就是水平居中对齐按钮),对齐[1] [2] 下一页 |
| 教程录入:jerome 责任编辑:jerome |
上一篇教程: 具有视觉冲击感的六边形组
下一篇教程: Fireworks 制作渐变动画 |
| 【字体:小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |