收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 17706|回复: 14

[软件操作] Fireworks 组合路径功能小解

[复制链接]
发表于 2007-7-5 14:03:11 | 显示全部楼层 |阅读模式
Fireworks的特点之一就是直接绘制矢量路径,其中除了可以直接运用矢量工具(钢笔、矩形及其他几何形状)绘制矢量路径外,最常用的就是运用组合路径功能对多个路径进行接合、拆分、联合、打孔、交集、裁切。组合路径功能运用得当,可以使对路径的操作事半功倍。这里对组合路径功能简单说明下使用方法及具体应用。

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

接合与拆分

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

接合过的路径可以拆分,接合和拆分后接合前路径颜色会发生变化;

联合后的路径是一个整体路径,不可拆分;

群组是将多个路径或其他位图对象组合在一起,对原有路径并无其他影响,而且可以取消群组。

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

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

1.gif

连接后的效果如下图:

2.gif

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

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

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

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

接合前(文字输入后选择文本菜单——转换为路径),注意看转换为路径的文字颜色与底层的椭圆颜色:

3.gif

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

4.gif

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

5.gif

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

联合

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

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

被转换为路径的文字,默认为群组状态:

6.gif

取消群组后:

7.gif

联合后:

8.gif

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

[[i] 本帖最后由 凌志 于 2007-7-5 14:28 编辑 ]

评分

参与人数 1威望 +3 收起 理由
moonjeep + 3 谢谢分享

查看全部评分

 楼主| 发表于 2007-7-5 14:08:40 | 显示全部楼层
交集

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

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

9.gif

交集后:

10.gif

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

[[i] 本帖最后由 凌志 于 2007-7-5 15:10 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-7-5 14:09:25 | 显示全部楼层
打孔

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

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

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

11.gif

打孔后,红色的圆形将绿色圆形与之重叠的部分切掉了:

12.gif


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

[[i] 本帖最后由 凌志 于 2007-7-5 14:32 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-7-5 14:26:09 | 显示全部楼层
裁切

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

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

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

13.gif

裁切后:

14.gif

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

15.gif

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

[[i] 本帖最后由 凌志 于 2007-7-5 14:27 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-7-5 14:27:36 | 显示全部楼层
总结与实际应用参考:

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


下面列举些论坛中以往的帖子,其中大都涉及到上面那些路径组合功能的运用:

Fireworks 制作图标-金属锁
http://bbs.blueidea.com/viewthread.php?tid=2762452

Fireworks制作分解特效和。。。好东西
http://bbs.blueidea.com/viewthread.php?tid=2688197

Fireworks 8 制作指南针
http://bbs.blueidea.com/viewthread.php?tid=2700871

FW的文字效果-我的小总结
http://bbs.blueidea.com/thread-2679420-1-1.html

第六次发作品:FW绘制moto v3教程(上)
http://bbs.blueidea.com/thread-2758518-1-1.html

请教大家这个怎么画?
http://bbs.blueidea.com/thread-2763362-1-1.html

做不到的效果..
http://bbs.blueidea.com/thread-2674411-1-1.html

利用陨石背景打造飞火连天(参考photoshop的火球教程)
http://bbs.blueidea.com/thread-2754290-1-1.html

Fireworks 制作纸张卷边效果
http://bbs.blueidea.com/thread-2736210-1-1.html

怎么调节某一条边的形状?
http://bbs.blueidea.com/thread-2731790-1-1.html

请问..这是怎么做的...
http://bbs.blueidea.com/thread-2735454-1-1.html

小弟想问下制作IBM LOGO的步骤
http://bbs.blueidea.com/thread-2742724-1-1.html

学习作了一张邮票,大家给PP!
http://bbs.blueidea.com/thread-2735988-1-1.html

时间关系具体应用示例的帖子就帖这么多。不要小看这些路径组合的功能,实际应用时还得靠他们加快绘制路径的效率。

[[i] 本帖最后由 凌志 于 2007-7-5 14:59 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2007-7-5 15:12:09 | 显示全部楼层
先顶下再仔细看
回复 支持 反对

使用道具 举报

发表于 2007-7-5 18:22:19 | 显示全部楼层
谢谢楼主
thank you upper  .gif
回复 支持 反对

使用道具 举报

发表于 2007-7-7 11:50:56 | 显示全部楼层
谢谢LZ如此仔细的教诲!
回复 支持 反对

使用道具 举报

发表于 2007-7-7 23:27:24 | 显示全部楼层
这个真好!~` 支持个!~~``
回复 支持 反对

使用道具 举报

发表于 2007-7-11 11:39:17 | 显示全部楼层
非常好


学习中
回复 支持 反对

使用道具 举报

发表于 2007-7-31 23:48:06 | 显示全部楼层
顶一下!
学习中... ...
回复 支持 反对

使用道具 举报

发表于 2007-8-2 14:49:29 | 显示全部楼层
非常感谢版主
感动和学习中~
回复 支持 反对

使用道具 举报

发表于 2007-10-21 02:32:44 | 显示全部楼层
好!
我做个记号,下次回来看!
回复 支持 反对

使用道具 举报

发表于 2007-10-26 22:02:25 | 显示全部楼层
最好的感谢,就是认真学习!
回复 支持 反对

使用道具 举报

发表于 2007-11-8 16:02:36 | 显示全部楼层
很好的教程,学会了不少,谢谢
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-9 18:19 , Processed in 0.109100 second(s), 14 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表