利用 Fireworks 蒙版制作图片窗格效果

  效果图片(Png源图):

  1、在Fw中打开图片,可稍加处理,比如做些TV扫描线特效、高斯模糊效果等等,具体制作我们这里不再详述;

  2、使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0);
  3、从“窗口”菜单中打开“历史记录”面板,将面板中存有的历史记录都清除;

  4、选择好该正圆角矩形,从“编辑”菜单中选择“克隆(Ctrl+Shift+D)”,原位复制该矩形,并向右移动至X轴为64。观察历史面板:

  5、全选这面板中的记录,然后按面板中的“重放”按钮,这样一排的正圆角矩形排列完成;
  6、同样的操作,我们对行进行操作,清“历史记录”、“克隆(Ctrl+Shift+D)”、下移......最终排列如下图所示:

  7、做些处理。随意扣除其中一至二块矩形,处理后图片:

  8、在层面板中,全选这些路径对象(注意不要将背景位图群组进矢量组中)。选择“修改”菜单、“组合路径”、“合并(Ctrl+J)”。
  9、全选对像,对位图进行蒙版MASK操作:“修改”菜单、“蒙版”、“组合为蒙版”;

  10、打开层面板,选择矢量蒙版;

  11、在属性面板中,改动如下设置,使的矢量蒙版笔触呈现出来:

  同时你还可以对该矢量蒙版对象进行特效的处理,如阴影等等。
  制作的方法我们就介绍到这里。这篇主要是介绍Firewoks矢量对象的合并、历史面板的灵活使用与蒙版MASK的操作。

时间: 2024-08-21 11:19:29

利用 Fireworks 蒙版制作图片窗格效果的相关文章

Fireworks蒙版制作图片窗格效果

 1.在Fw中打开图片,可稍加处理,比如做些TV扫描线特效.高斯模糊效果等等,具体制作我们这里不再详述: 2.使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0): 3.从"窗口"菜单中打开"历史记录"面板,将面板中存有的历史记录都清除: 4.选择好该正圆角矩形,从"编辑"菜单中选择"克隆(Ctrl+Shift+D)",原位复制

Fireworks蒙版教程:制作图片窗格效果

  1.在Fw中打开图片,可稍加处理,比如做些TV扫描线特效.高斯模糊效果等等,具体制作我们这里不再详述; 2.使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0); 3.从"窗口"菜单中打开"历史记录"面板,将面板中存有的历史记录都清除;

Fireworks制作图片窗格效果

1.在Fw中打开图片,可稍加处理,比如做些TV扫描线特效.高斯模糊效果等等,具体制作我们这里不再详述;   2.使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0); 3.从"窗口"菜单中打开"历史记录"面板,将面板中存有的历史记录都清除;   4.选择好该正圆角矩形,从"编辑"菜单中选择"克隆(Ctrl+Shift+D)",原

Photoshop利用图层蒙版制作图片字效果教程

给各位Photoshop软件的使用者们来详细的解析分享一下利用图层蒙版制作图片字效果的教程. 教程分享:   好了,以上的信息就是小编给各位Photoshop的这一款软件的使用者们带来的详细的利用图层蒙版制作图片字效果的教程解析分享的全部内容了,各位看到这里的使用者们,现在你们是非常的清楚了制作方法了吧,那么各位现在就快去自己试试吧.

教你用Fireworks简单制作残破边缘效果

  本教程是向大家介绍如何利用Fireworks制作残破边缘效果,制作方法非常简单,就是运用钢笔来勾,非常适合初学Fireworks朋友学习,转发过来,希望大家喜欢 先来看看效果图: 制作方法如下: 以上就是用Fireworks简单制作残破边缘效果,是不是很简单,感兴趣的朋友快点来动手吧.

photoshop利用脚本快速制作人像万花筒效果教程

给各位photoshop软件的使用者们来详细的解析分享一下利用脚本快速制作人像万花筒效果的教程. 教程分享: 一.创建人像图案 1.不同的设计内容会有相应的脚本填充方案,对于这次特效设计,我们选择一个漂亮摇滚女孩作为主要设计素材,这样出来的效果会更加符合音乐MV的风格.   2.选择快速选择工具,然后沿着人像的轮廓描画,创建选区.如果不小心选择了背景,按着Alt点击就能取消选择区域.   3.选定人像轮廓后,点击调整边缘调出对话框.设置半径2像素,勾选智能半径选项.然后利用调整半径工具,沿着人像

Illustrator利用3D工具制作三维轮廓效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下利用3D工具制作三维轮廓效果的教程. 教程分享: STEP 1 使用钢笔工具绘制一个和下图类似的图形.   STEP 2 现在就要开始使用3D效果了.选择这个看起来有点像半个8的图形.打开"Effect > 3D > Revolve"(效果>3D>旋转).这时会弹出一个3D旋转选项的对话框.首先,看看这个对话框是不是全部展开了.如果不是就点击"More Options"(更多选项)

PSD转HTML实例教程——利用JQuery插件实现图片滑动效果

之前一段时间,翻译了一些国外的PS网页设计教程,这些教程中都有一些共性,例如包含网页LOGO.导航菜单栏.图片滑动栏.版权信息等.其中在多个教程中都提到了利用JQuery插件实现图片滑动栏.于是在网上搜索了一番,发现类似的插件千千万万,都有各自的特色.故本教程挑选了其中的一个插件,进行讲解,并在后面结合实例讲解如何在PS中切片,在导出的网页中完成图片滑动栏栏的制作.   插件网址:http://slidesjs.com/ 插件示例网址:http://slidesjs.com/examples/s

ppt怎么制作图片十字绣效果

  在ppt中制作图片十字绣效果的方法: 打开ppt幻灯片,新建一个空白幻灯片. 点击插入-图片命令,找到图片存储位置,发现图片插入成功了. 然后选中图片,找到格式选框,选择艺术效果-浅色屏幕. 右键-调整艺术效果,透明度设置为75,2个网格. 然后再锐化一下图片.调节一下亮度和对比度和颜色. 最后看一下图片变成十字绣的效果.