Fireworks实例指导 ─ 用MASK做动画

[复制链接]
查看: 319|回复: 0
gggds 发表于 2009-12-27 13:06:57 | 显示全部楼层 |阅读模式
  看下面这个动画效果,感觉怎么样呢?是不是又有些类似Flash的效果呀,这种效果在FLASH的做出来不难,在Fireworks4中制作同样不难,看看下面的教程你就会明白了。+ Y/ Y! B& X) g0 u6 Q! j

3 f8 L" S2 S5 ]8 p1 R/ M6 Z! j  一、 新建文件(File->New)设置文件尺寸为500*300,画布颜色为白色。   二、 选择工具面板中的矩形工具,在画布上画一个矩形,打开Info面板,设置其W值为400,H值为50,按回车确认。接着打开Fill面板,选择填充类型为Solid,颜色为绿色。Texture中选择Grain,透明度为20%。  三、选择工具面板中的文字工具,在文字编辑器中选择字体、大小、颜色为黄色、加粗。在输入窗口输入Macromedia Fireworks这几个英文字母。输入完后,点击OK按钮。并把文字放在绿色的矩形上面。按Ctrl+c键。  四、打开Layers(层)面板,点击层面板下面的按钮,新建一个图层。按Ctrl+v,粘贴上面拷贝的文字层。改变文字的填充颜色为黑色。   五、选择工具面板中的椭圆形工具,按住Shift键,画一个正圆形,大小能覆盖掉文字便可,填充颜色为黑色。在Layers层面板中,把这个圆的图层拉到文字图层的下面。   六、用指针工具按住Shift键把圆和文字同时选中,使用菜单命令Modify->Mask->Group as Mask。并把这个MASK层拖到如下图所示的位置,和黄色的文字稍微错开些距离。
8 |6 L. D9 k0 M2 P5 }) Q) q8 e- V# }/ [
  七、选择Layers面板,让白色的链接符号消失掉。这样做的目的是使遮照和文字取消关连。等会会派上很大的用处哦。这时用鼠标点击Layer2层的遮照的圆形,也就是刚才取消掉的白色链接符号的前面一部分。   八、按F8键,在符号属性对话框中选择其类型为animation。点击OK按钮。在紧接着跳出来的动画窗口中再进行如下设置。Frames设为10帧。Move选项设为200(随便设置一个数字好啦)。Scale to 选项中填入120。点击OK按钮表示确定。   九、看到红色小圆点没?呵呵,用鼠标选择它,并把它拖到黄色文字层的最右边。
" `" R  l3 N- ]. E. ]/ A( e2 X( z
6 }" ]: A2 _: ~& e' e9 ^  十、最后一步啦,打开Layers面板,选择Layer1标签,双击。在跳出的对话框中把Share Across Frames前面的钩选上。使图层1进行共享。   看看这个动画效果有没有实现?点击文档窗口底部状态栏左边的白色的播放按钮。感觉速度太快了是不是,呵呵,自己去改Frame面板中的速度吧。感觉满意的话,我们就可以把这个动画进行输出了。使用菜单file->export preview,在输出对话框中,format(格式)选择为animated gif(动画GIF)按export按钮输出到指定的目录中。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )