• 奇爱公告:
  • 设为首页
  • |
  • 收藏本站
  • |
  • RSS阅读
  • |
  • 网站地图
  • |
  • 站内搜索
  • 奇爱素材网

  • 首页 酷站 PNG 矢量 GIF 笔刷 背景 PSD 欣赏 代码 FLA 教程 图库 书店
  • 您现在的位置: 奇爱素材网 >> 设计教程 >> 网页设计 >> Fireworks >> 正文 |
  • 学习Fireworks教程:组合路径功能小解

    作者:凌志 素材来源:蓝色理想 点击数: 更新时间:2007-8-17 20:09:07

    Fireworks的特点之一就是直接绘制矢量路径,其中除了可以直接运用矢量工具(钢笔、矩形及其他几何形状)绘制矢量路径外,最常用的就是运用组合路径功能对多个路径进行接合、拆分、联合、打孔、交集、裁切。组合路径功能运用得当,可以使对路径的操作事半功倍。这里对组合路径功能简单说明下使用方法及具体应用。

    这里所使用的命令中,除接合与拆分在修改工具栏有对应按钮外,所有命令均在修改菜单——组合路径子菜单中,下面不再赘述。

    接合与拆分

    接合可以将多个路径结合在一起,但不同于联合与群组,这里把这三者先区分下:

    • 接合过的路径可以拆分,接合和拆分后接合前路径颜色会发生变化;
    • 联合后的路径是一个整体路径,不可拆分;
    • 群组是将多个路径或其他位图对象组合在一起,对原有路径并无其他影响,而且可以取消群组。

    针对开式路径节点的接合应用:

    接合的作用之一是将两个开式路径的两个节点连接起来,例如下图中的两条直线,使用子选取工具选取两条直线的两个节点后(红圈部分),使用接合命令,可以将两个节点连接起来:

    学习Fireworks教程:组合路径功能小解

    选择修改——组合路径——接合,执行接合命令。连接后的效果如下图:

    学习Fireworks教程:组合路径功能小解

    这种两条开式路径节点运用接合命令连接后,是无法拆分的。

    针对闭合路径的接合应用:

    我们可以把多个闭合路径接合在一起,接合后所有路径的填充和笔触将以最下层的路径为主,如果路径之间有重叠区域,那么重叠的区域将会镂空。在对接合后的路径拆分时,会将原有路径轮廓恢复原状,但填充和笔触仍以原有路径中最下层的路径为主,不会恢复原状。

    例如,我们将转换为路径的文字和一个闭合路径结合后,会得到如下路径:

    先将文字输入后选择文本菜单——转换为路径,选择修改——组合路径——接合,执行接合命令。注意看转换为路径的文字颜色与底层的椭圆颜色:

    学习Fireworks教程:组合路径功能小解

    接合后,我们发现两个路径重叠的部分镂空,所有路径颜色变成了接合前底层椭圆的颜色:

    学习Fireworks教程:组合路径功能小解

    我们再对接合后的路径拆分下,选择修改——组合路径——拆分,执行拆分命令。结果中显示,路径恢复原来的形状了,但是文字颜色发生了变化,不再是接合前的黑色,而变成了椭圆的颜色了:

    学习Fireworks教程:组合路径功能小解

    针对多个开式路径的接合只是单纯的将选取的多个路径做一个组合,可以有后续的拆分,由于使用不多,这里就不详细介绍了。

    联合

    联合的作用是将多个路径变成一个单一的完成路径,联合后的路径填充和笔触将以联合前所选取的最底层路径的填充笔触为主,联合后的路径无法分解。很多时候对路径编辑时,需要对两个路径编辑,例如后面要提到的打孔命令,所以有时需要将多个路径联合成一个单一路径。

    下面我们来把转换为路径后的文字联合成一个单一路径。多个文字的文本框被转换为路径后,默认是被群组状态的多个路径,如果我们想使用这些文字路径,并想以单一的路径形式出现,就可以将转换为路径的文本先取消群组后,再进行联合的操作:

    选择文本菜单——转换为路径,文字被转换为路径,默认为群组状态:

    学习Fireworks教程:组合路径功能小解

    选择修改——取消组合后:

    学习Fireworks教程:组合路径功能小解

    选择修改——组合路径——联合后:

    学习Fireworks教程:组合路径功能小解

    可能有些朋友说,联合后和联合前也没什么区别呀,其实用鼠标拖动下就知道了,联合后的四个文字路径已经成为一个整体了,这个整体不同于群组的整体,这个整体是无法分解的,可以拿来用于一些其他的路径操作,例如打孔、伸缩路径等。另外可以从标题栏中看出区别,联合前是“4个对象”联合后是“合成路径”。

    交集

    交集就是取多个重叠路径的公共区域,取交集后路径填充和笔触将以最底层的路径为主,理解起来比较简单,如图所示:

    两个路径,有相互重叠的部分:

    学习Fireworks教程:组合路径功能小解

    选择修改——组合路径——交集后:

    学习Fireworks教程:组合路径功能小解

    可以看到,重叠的部分留下了,运用好交集,我们可以更有效率的绘制一些特殊形状。

    打孔

    打孔是我个人使用最多的一个路径修改功能,很多路径多余的区域我们可以直接用打孔功能来切掉。

    打孔时,需要上下多个路径并且有重叠的区域,上层路径将打掉其下层路径与之重叠的部分。

    最简单的应用,例如我们来绘制一个圆环,首先绘制两个大小不等的正圆形,为了区分,这里用不同颜色表示,绘制好后,选取二者,设置水平和垂直居中对齐,使二者同心:

    学习Fireworks教程:组合路径功能小解

    选择修改——组合路径——打孔后,红色的圆形将绿色圆形与之重叠的部分切掉了:

    学习Fireworks教程:组合路径功能小解

    需要注意的是:打孔的前提是两个或多个路径。如果用群组的路径对另外一个路径打孔,是实现不了的,而且打孔最上层是打孔的最终轮廓,所以我们这里就可以适当运用联合功能对多个路径统一为一个整体,再参与打孔。例如转换为路径的多个文字想对某个路径打孔,做出镂空文字效果,我们需要先将转换路径的文字联合,再用其打孔。

    裁切

    裁切表面上看有些类似于交集,但二者还是一定区别。

    如果只是单纯有两个路径的话,那么裁切和交集的功能是完全一致的,都是取两个路径重叠的部分,但是一旦有第三个路径出现并且它们有重叠的部分的话,结果就发生了变化。

    我们可以这样认为,当多个路径重叠时,使用裁切命令可以让最顶层的路径与在其之下所有层的路径取交集,最终决定结果的是最顶层的路径,下面我们以三个重叠的图形为例来说明:

    裁切前:

    学习Fireworks教程:组合路径功能小解

    选择修改——组合路径——裁切后:

    学习Fireworks教程:组合路径功能小解

    将裁切后的图形分解开看:

    学习Fireworks教程:组合路径功能小解

    我们看到,最上方的蓝色圆形和下方的红色绿色两个圆形都发生了交集,而且保持了原有颜色不变。裁切对于裁剪多个重叠的路径,想去掉多余的边缘来说,非常有效。

    总结与实际应用参考:

    这些路径组合功能都是平时修改路径经常使用到的,运用得当可以更快速地绘制路径形状。

  • 上一篇教程: Fireworks教程:光芒四射之殊途同归
  • 下一篇教程: Fireworks制作晶莹剔透的质感按钮ICON教程
    • 提点建议 | 友情链接 | 广告服务 | 免责声明 | 联系我们 | 网站地图 | RSS阅读
      Copyright © 2006-2008 Www.72sc.coM, All Rights Reserved 版权所有 奇爱素材网 鄂ICP备07010427号
      ++技术交流QQ群号码:1226944 ++业务联系QQ:19295971