当前位置导航:炫浪网>>网络学院>>在线图书>>图形图像教程>>fireworks入门与进阶>>第二章 网页基本功

第二节:编辑点阵式图形

 如果大家对Flash比较熟悉的话,那么对遮照效果肯定不会陌生。遮照效果就是将两个对象组合在一起,而处于下层的对象只能透过上层对象才能看到的一种效果。

  我们有时真的不得不佩服Macromedia的能力。如此酷的效果(如图1),使用Firework我们只需要一条命令“Mask to Path”就可轻易实现。

遮照效果

图1 遮照效果

  具体操作步骤如下:

  1、打开一张图片,例如:zhezhao.gif?http://www.xvna.com。(如图2)   注意:在打开图片时,最好将“打开”对话框下方的Open as “Untitled”选项选中,这样文件将被复制成名字为“Untitled”的新文件,可以防止源文件被误修改。

原图

图2 原图

  2、选中“文字工具”,单击图片,在弹出的文本编辑器中输入“酷”字,具体设置如图3,单击“ok”按钮即可。

输入文字

图3 输入文字

  3、单击“一般选物工具”,将“酷”移到人物的头部,拖动鼠标将图片和文字全部选中,然后选取菜单指令“Modify\Mask Group\Mask to Path”。 (如图4)

Mask Group菜单

图4 Mask Group菜单

  4、OK,一切搞定(如图5)

遮照效果

图5 遮照效果

  细心的朋友可能会发现,在菜单“Modify\Mask Group”中还有另外一个选项Mask to Image,其实,这是Firework3.0新增的功能。

  以往我们要创作如图的渐变效果,需要先对图片作渐变特效,然后运用Mask to Path来实现。现在有了Mask to Image,我们就再不用为此发愁了。

  1、打开一张图片:zhezhao.gif?http://www.xvna.com。

  2、创建渐变字:在图片上输入“酷”字并选中“酷”,将笔刷颜色设置为深色(例如:黑色),将漆桶颜色设置为浅色(例如:白色),将“Stroke”面板设置为“None”,将“Fill”面板填充属性设置为Linear,然后选取“漆桶”对文字进行渐变填充(如图6)

渐变填充

图6 渐变填充

  3、将文本对象移到图片对象上合适的位置,按Ctrl+A将文本对象和图片对象选中。

  4、选取菜单“Modify\Mask Group\Mask to Image”。(如图7)

渐变填充后的遮掩效果

图7 渐变填充后的遮掩效果

  如果想对已经作了遮照处理的文字进行修改,我们只需要打开它的gif源文件,选中“一般选物工具”,单击图片,图片就呈现选中状态,并且图片中心出现如图标识;选中“文字工具”,单击图片,弹出文本编辑器,其中我们就可以按照自己的意愿进行修改文字;如果单击“漆桶”,画布中就会出现填充手柄,通过拖动圆形手柄和方形手柄就可以改变渐变效果。

  另外,如果我们用“一般选物工具”选中图片,然后选择菜单“Modify\Ungroup”将图形对象和文本对象分组,就回到了遮照处理前的效果,这样我们就可以进行大规模的修改和调整了。

  Mask to Image和Mask to Path的区别:

  Mask to Image:以上方对象作为遮色物件,颜色较深的部分会保留下方物件,而颜色较浅的区域则对下方物件产生淡化效果。 (如图7)

  Mask to Path:以上方的遮色物件来剪裁下方物件,因此,位于上方物件的尺寸应该比下方物件小,这样才能产生剪裁的效果,Mask to Path仅对下方物件做剪裁,不会有其他效果。 (如图8)

Mask to Path效果

图8 Mask to Path效果

相关内容
赞助商链接