Fireworks实例指导 ─ 用MASK做动画
看下面这个动画效果，感觉怎么样呢？是不是又有些类似Flash的效果呀，这种效果在FLASH的做出来不难，在Fireworks4中制作同样不难，看看下面的教程你就会明白了。http://it365cn.com/articleimg/126-1.gif
一、 新建文件（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层拖到如下图所示的位置，和黄色的文字稍微错开些距离。
http://it365cn.com/articleimg/126-2.gif
七、选择Layers面板，让白色的链接符号消失掉。这样做的目的是使遮照和文字取消关连。等会会派上很大的用处哦。这时用鼠标点击Layer2层的遮照的圆形，也就是刚才取消掉的白色链接符号的前面一部分。 八、按F8键，在符号属性对话框中选择其类型为animation。点击OK按钮。在紧接着跳出来的动画窗口中再进行如下设置。Frames设为10帧。Move选项设为200（随便设置一个数字好啦）。Scale to 选项中填入120。点击OK按钮表示确定。 九、看到红色小圆点没？呵呵，用鼠标选择它，并把它拖到黄色文字层的最右边。
http://it365cn.com/articleimg/126-3.gif
十、最后一步啦，打开Layers面板，选择Layer1标签，双击。在跳出的对话框中把Share Across Frames前面的钩选上。使图层1进行共享。 看看这个动画效果有没有实现？点击文档窗口底部状态栏左边的白色的播放按钮。感觉速度太快了是不是，呵呵，自己去改Frame面板中的速度吧。感觉满意的话，我们就可以把这个动画进行输出了。使用菜单file->export preview，在输出对话框中，format（格式）选择为animated gif（动画GIF）按export按钮输出到指定的目录中。
页:
[1]