您的位置:首页网页设计Firework → 在Fireworks中遮罩使用技巧

在Fireworks中遮罩使用技巧

时间:2004/11/7 2:26:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



              在Fireworks中使用遮罩可以创建部分被遮掩的图像效果,一个对象或图形可以对另一个对象或图形使用遮罩效果。并且我们称用于遮罩的对象为遮罩对象,而被遮罩的对象称为被遮罩对象,最后遮罩形成的图像则称为遮罩图像。在Fireworks中用户可以使用矢量对象或位图图形作为遮罩对象和被遮罩对象。用户通过编辑遮罩对象的不同笔触和填充的属性,可以创造出许多独特的遮罩图像特效。下面笔者就Fireworks中遮罩的使用方法进行简单的介绍。


  添加遮罩效果


  在本节中,我们将使用层面板来添加遮罩效果:


  1、在Fireworks 4编辑环境中,打开或创建一幅图片,通过菜单命令“Modify→Canvas Color”设置背景色为黑色;然后通过菜单命令“Window→Layer”打开层面板。在面板中选择图像层,然后点击该面板下面的第二个按钮(Add Mask),这时在层面板上可以看到在原来图片的旁边加了一个白色的遮罩层,而且在原来图片和遮罩层之间有一个拉链形状的小图标,表明遮罩关系已经产生。这个遮罩层就是遮罩对象,而图片就是被遮罩对象。


  2、用鼠标左键点击遮罩层,可看到白色方框的边色变成了黄色,同时编辑窗口的边框也变成了带黄色的边框,表示现在对编辑窗口的处理将是遮罩对象。这时可以试着用图形工具、橡皮擦、铅笔、毛刷等工具在编辑窗口中图像的上方对其进行擦画,可以看到凡是被擦画的地方,都会显示背景的颜色。图1就是笔者设置图形填充为圆形,利用椭圆和圆角矩形工具绘制图形以后的显示效果。


  3、禁止和删除遮罩,为了对被遮罩图像进行更有效的编辑,可能需要暂时禁止遮罩显示效果,则用户可以在层面板中选择有遮罩的层,然后点击层面板右上角的箭头按钮,在出现的菜单中选择“Disable Mask”命令,这时该层中的遮罩对象即被隐藏起来,同时遮罩层上面也显示一把大大的红色叉号。要重新显示遮罩对象,则在菜单中点击“Enable Mask”选项即可。如果不再需要遮罩,则点击“Delete Mask”命令,在出现的确认框中点击“Discard”按钮即可删除,如果希望在删除前保持遮罩效果,则点击“Apply”按钮,这时虽然遮罩层被删除,但是遮罩仍然保持,并与被遮罩对象形成一个整体。



图1


  4、如果需要单独移动遮罩层,则用户可点击层面板中图像层与遮罩层之间拉链图标,使其不可见,这时选中遮罩层,然后在编辑窗口拖动即可。当然用户也可通过拖动被遮罩图像的位置来调整遮罩位置。


  产生遮罩效果


  在本节中,我们将利用粘贴、组合命令产生遮罩效果:


  1、在Fireworks的“Edit”和“Modify→Mask”菜单项中有一个命令“Paste as Mask”,利用这个命令也可以很简单地产生遮罩显示效果。其具体的操作步骤如下:


  在Fireworks中打开或创建一幅图像,双击编辑窗口退出Bitmap编辑模式,然后利用形状工具,比如椭圆,在编辑窗口中绘制一个圆,这时图像与矢量形状位于不同的层内,然后选择矢量形状层,利用“剪切”命令将其复制到剪贴板。然后选中图片,执行菜单命令“Paste as Mask”即可看到最后产生的遮罩效果(如图2),圆形区域内显示图像,区域外显示为背景颜色。这时在层面板中也可以看到有一个新的遮罩层产生。



图2


  2、同样,在菜单“Modify→Mask”下还有一个“Group as Mask”命令,利用它也可以产生遮罩:


  首先在Fireworks编辑窗口中建立两个层,在不同的层中放置不同的图像,然后同时选中两个层的图像,执行“Group as Mask”即可看到遮罩效果,其中上面的图像将作为遮罩对象,下面的图形则为被遮罩对象,用户可以通过菜单“Modify→Arrange”中的命令来调整它们在编辑窗口中的前后位置,从而可以调整遮罩与被遮罩的关系。


  实现文字遮罩效果


  利用文字遮罩的功能,可在Fireworks中创建一些特殊文字效果,其使用方法与上面的方法基本相同,同样将文字作为一个矢量对象进行处理。首先打开和创建一幅图像,然后用鼠标左键点击工具箱上的文字工具,在编辑窗口的适当位置点击鼠标,打开文字编辑窗口,设置好字体类型,文字大小,输入文字后点击“OK”按钮,即可在编辑窗口中添加文字层。拖动文字调整好位置以后,选中文字层,执行“剪切”命令将其复制到剪贴板,然后在图像层中选中图像,执行菜单命令“Modify→Mask→Paste as Mask”,这时即可看到有文字笔划的地方显示图像,没有文字的地方则显示背景颜色(效果如图3)。



图3


  以上实例都是取遮罩对象为Fireworks创建的矢量图形,如果将遮罩对象设置为其它图片的话,则根据不同图片的组合,可以产生一些十分有趣的遮罩效果,有兴趣和时间的朋友不妨试试!

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 没有查询到任何记录。 fireworks动画蝴蝶制作教程Fireworks绘制逼真飞利浦手机教程Fireworks教程之树叶笔触绘制榕树如何用Fireworks历史面板制作连续背景

人气排行 在Fireworks中遮罩使用技巧fireworks动画蝴蝶制作教程fireworks做动态按钮Fireworks与Dreamweaver结合:看实例学切片Fireworks教程之树叶笔触绘制榕树用Fireworks制作立体金属小球Fw与Dw结合:看实例学切片Fireworks制作GIF动画广告BANNER