WEB开发网
开发学院图形图像Fireworks Fireworks打字动画效果的实现 阅读

Fireworks打字动画效果的实现

 2007-04-14 08:55:41 来源:WEB开发网   
核心提示: 第十七步:好了,现在我们可以看到编辑区下部的快捷栏上的动画播放器已经由灰色不可用变成了黑色可用状态,Fireworks打字动画效果的实现(5),这样可以点击播放按钮来看看目前的动画效果,不满意?什么效果也没有?呵呵,这就需要我们继续去探索……对于如例图所示的打字

第十七步:好了,现在我们可以看到编辑区下部的快捷栏上的动画播放器已经由灰色不可用变成了黑色可用状态,这样可以点击播放按钮来看看目前的动画效果。不满意?什么效果也没有?呵呵,当然,因为我们还没有完工啊~继续!

第十八步:(注意:如果你刚刚测试动画的话,进行这一步之前一定要确保你现在处于动画的第一帧的位置。不然就功亏一篑了~~)选中处于Layer1共享层的文本对象,执行快捷键“Ctrl+X”剪切它,接着选定位于Layer2层的Animation(动画)对象,然后执行菜单命令“Modify--Mask--Paste as Mask”,好了,一切OK了~~不要吃惊,现在再次点击播放按钮测试你的动画吧~~:) 看看打字效果是不是已经出现了?不要骗我啊?呵呵……

第十九步:如果感觉动画速度过快的话,打开Frames(帧)面板,配合Shift键,同选定从Frame1到Frame13的所有帧(有人可能会问,刚才明明是11帧啊?不错,这是FW刚刚自动为我们加上的啊~和我们没关系的!),然后在右侧的任意一个数字“7”上双击鼠标,在弹出的帧速率调整框里,将“7”改动一下,然后测试效果,不满意的话,可以继续调整,如图15、图16所示。

图15 同时选定所有的帧

图16 修改帧速率大小

第二十步:动画已经制作完成了,剩下的步骤就是输出看效果噢!输出时记得输出格式变为“Animated Gif”啊,不然动画效果就看不到了……

[后记:]

本文学习的主要是一种思路或者说是一种方法。制作这种动画效果的方法也许还有更好的,这就需要我们继续去探索……

对于如例图所示的打字效果,本文还有一点没有涉及到,大家可以自行思考解决的办法~开动脑筋,创造无限啊!

上一页  1 2 3 4 5 

Tags:Fireworks 打字 动画

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接