第二部分:菜单部分
在 Fireworks 8 里面,对于菜单这一块儿的改进有一些,应该说有些命令在实际使用中还是会发挥很重要的作用的。在这一部分,我们重点介绍其中几个值得我们关注的菜单变化,对于一些小细节的变化,我们就不在这里做介绍了。
一、菜单“编辑|插入|多边形切片”命令
Fireworks 系列中一贯保持的菜单“编辑|插入|切片”命令,在 Fireworks 8 中,为菜单“编辑|插入|矩形切片”命令所代替,与之对应的是新增了一个菜单“编辑|插入|多边形切片”命令,这对于习惯使用 Fireworks 来制作网页的朋友来说是一个非常有效的菜单命令,因为有些朋友在制作页面时,总是力求完美,即使对于切片的设置也是如此。虽然,在 Fireworks 先前的版本中,可以通过属性检查器来插入多边形切片,不过对于复杂的多变性对象来说,使用手工绘制的方法来加入多边形切片的方法就要大费气力了,现在简单了,只需要一个命令即可实现复杂多变形切片的插入了。
[实例1 插入复杂多边形切片]为了检验菜单“编辑|插入|多边形切片”命令的工作效率,我们选取在编辑区绘制一个星形自动形状对象并对其进行变形的种种不同方式来进行检验。
(一)、基本形状的多边形切片插入。
1、打开 Fireworks ,新建文件,文件大小、背景色随意。
2、在“自动形状属性”面板上,单击“插入新的自动形状”下拉菜单,选择“星形”,对于“星形”自动形状对象的属性,做一个设置,将“点”设为25,其余各项保持默认设置即可。
3、选定星形对象,按“Ctrl+J”组合键或者单击工具栏上的“合并”按钮
,对其进行路径合并操作,从而将自动形状对象转换为路径对象。4、选择菜单“编辑|插入|多边形切片”命令,编辑区上马上就会添加一个与星形对象同形状的切片对象了。
[提示:]需要进行插入多边形切片命令操作的对象源必须是路径对象,如果是自动形状对象,或者位图对象,均不会添加多边形的切片,而是自动添加一个覆盖对象大小的矩形切片。这也就是我们必须要对“星形”自动对象执行“合并”路径操作的原因所在了。
(二)、变形对象的多边形切片插入。
1、通过“自动形状属性”面板,插入“星形”对象。对于“星形”自动形状对象的属性,做一个设置,具体设置内容请参看下图。
2、经过相关的设置,编辑区的星形对象会呈现出如下图所示的效果,应该说是一种非常复杂的路径对象了。
3、同理,选定变形星形对象,按“Ctrl+J”组合键或者单击工具栏上的“合并”按钮
,对其进行路径合并操作,将其转换为路径对象。4、选择菜单“编辑|插入|多边形切片”命令,编辑区上同样会添加一个与变形星形对象相同形状的切片对象。
[提示:]由本例可见,只要是单一的闭合路径,不管该路径对象的复杂程度多高,对于插入多边形切片命令是根本没有影响的。
(三)、手动绘制的复杂形状的多边形切片插入。
1、选取工具箱的“钢笔”工具,在编辑区任意绘制一个你认为足够复杂的闭合路径对象。
2、选择菜单“编辑|插入|多边形切片”命令,编辑区上同样会添加一个与你绘制的路径对象相同的同形状的多边形切片对象。
[注意]:一定要在闭合路径上执行插入多边形切片命令的操作,如果是开放路径的话, Fireworks 会自动的将起、始的路径节点用直线连接,形成闭合路径后再插入多边形切片。
(四)、对于合成路径对象的多边形切片插入。
上面三个例子都是对单独的路径对象做插入多边形切片的操作,如果我们对多个路径对象做合成路径的相关操作后,还能否直接插入多边形切片呢,下面我们就来看看实际的操作结果。
[提示]:为了便于理解,我们只使用两个路径对象来进行合成路径的操作,然后对合成路径再做插入多边形切边的操作。
1、在编辑区上绘制四个对象:绘制三个星形对象,均将其点数设为较大的数值,绘制一个矩形对象,为了便于理解,我们将其在编辑区首先摆放如下图所示:
2、以位于上面的两个对象为一组、下面的两个对象为一组,将其位置均作一个一个调整,分别使其处于相交的状态,具体效果如下图所示。
[注意]:摆放位置可以根据个人情况来随意放置,本例仅仅是一个普通的说明,并非什么特例情况,希望大家注意。
3、先后对上面两个对象,下面两个对象执行菜单“修改|合成路径|联合”命令,编辑区对象此刻会如下图所示。
4、接下来,我们分别对上下两个合成路径对象执行菜单“编辑|插入|多边形切片”命令,可以看到上面的路径对象并未象我们预期的那样插入多边形切片,而是插入的矩形切片,下面路径对象则是按照要求插入了多边形切片,请看下图插入多边新切片的效果。
5、接下来,我们撤销刚才的操作步骤,回到第2步的操作状态。然后先对上面两个对象执行菜单“修改|合成路径|合并”命令,接着对下面两个对象执行菜单“修改|合成路径|打孔”命令,编辑区对象此刻会如下图所示。
6、分别对上下两个合成路径对象执行菜单“编辑|插入|多边形切片”命令,可以看到上下两个合成路径对象都插入了矩形切片,请看下图效果。
[小结]:对于单独的路径对象,无论该路径对象多么复杂,使用菜单“编辑|插入|多边形切片”命令均可以插入同路径对象相同的切片对象;但是对于合成路径对象,只要出现了不连续路径,都会统统以矩形切片的形式来出现。所以,这就需要我们在插入多边形切片之前,对路径对象要有了结,对于需要进行合成路径操作的这种情况,要尽量避免不连续路径的产生,以便于插入预期的多边形切片。最后再看一个示意图,加深一下印象。
如果是合成路径的话,还有一点儿需要特别注意,即使是连续的路径,在某种情况下,也会出现无法插入多边形切片的情况,那就是通过进行组合路径命令的操作后形成的镂空效果的合成路径对象,即使其为闭合路径对象,仍是无法实现插入多边形切片命令的后想要出现的预期效果,而是以矩形切片的形式插入,请看下图的示范,加深理解。
由上面,我们归纳出一条相对比较完整的结论:如果需要对选择的对象进行插入多边形切片命令的操作的话,必须要保证该对象为单独的闭合路径对象。
对于位图对象,如果想插入多边形切片的话,就需要使用到接下来要介绍的菜单“选择|将选取框转换为路径”命令将其先转化为路径对象,然后再使用插入多边形切片的命令来实现最终目的。请先看一个简单的图像操作示意图,具体的菜单“选择|将选取框转换为路径”命令的使用方法请见下文。
二、菜单“编辑|库”命令组
选择菜单“编辑|库”命令,即可出现如下图所示的 Fireworks 8 自带的库对象,有“Thumbs、主题、动画、项目符号、按钮及其Halo Lite”等六组库对象,不过其中的Thumbs库对象里面没有内容,却是不知道为何。
其实在上节中对于“库”面板我们已经有了一些介绍,现在所说的的“库”命令和“库”面板是有一定关系的,但是两者却不相同,这点儿需要大家注意。
单击任何一个库对象,此处选择Halo Lite对象,编辑区会出现导入元件的对话框,如下图所示,单击其中的任意一个元件对象,然后单击“导入”按钮,即可实现对该元件对象的导入。
导入的元件对象会自动出现在“库”面板里面,可以备将来随时调用了。
三、菜单“选择|将选取框转换为路径”命令
如果让你来挑选 Fireworks 8 里面给你带来触动最大的变化是什么,你会选择什么呢?如果是我的话,我选择本节即将要介绍到的这两个命令。这两个命令的出现和改进,使得在 Fireworks 中进行位图处理的操作在一定程度变得方式更为灵活多样了,而且对于选区的控制、选取也更为精确了。关于两个命令的具体使用,我们会通过后面的实例操作来做一个详细的介绍。
其实在 Fireworks 先前的多个版本中都在不厌其烦的宣传其矢量图型的处理能力,并且有的朋友在理解 Fireworks 和PS的区别的时候也会拿出这一点儿来说事儿。但是Adobe的Illustrator在矢量图形的处理上一直都在业界口碑不错,应该说比 Fireworks 的矢量制作、处理功能要强上许多。在 Fireworks 8 里面新增的“将选取框转换为路径”的命令对于在矢量图形的处理上应该说是一大进步,接下来,我们通过“制作矢量卡通人物”的实例来看看这个命令的强大所在。
实例1 制作矢量人物
请注意,文章的标题很明确,是“制作”,非“绘制”,大家可要分清。风筝本人不是什么美术人士,也无任何美术功底,不会在这里冒充美术工作者教大家“绘制”任何的图形效果,我们在本例中是要通过比照现成的位图图形对象,配合 Fireworks 8 软件的使用来制作出矢量图形对象来。请先来看下面制作好的矢量卡通人物造型:
本例素材文件下载(88KB, Winzip压缩文件) 源文件下载(88KB, Winzip压缩文件)
[提示]开始本例制作之前,大家可以先把素材文件下载保存到本地硬盘上备用。
1、打开 Fireworks ,新建文件。导入本例提供的素材文件,以备后面接下来的操作。
2、选取工具箱的“魔术棒”工具,在人物对象的黑色边线轮廓上单击,即可快速的对人物边线轮廓实现全部选定。
3、放大编辑区视图,发现脸部的部分轮廓及其头发的内部轮廓没有被选定。
此时可以配合Shift键,在未被选定的轮廓处单击魔术棒进行选区的叠加,还可以使用更为简单的一招,这个也是 Fireworks 8 新增的一个非常有效的功能了,那就是“动态选取框”。
在这里可以将容差值加大,变为70多的样子,可以发现,刚才剩余的未被选中的那些轮廓线也被选中了,这样就完成了轮廓部分的选取工作。
[补充]:动态选取框的功能介绍
对于先前的 Fireworks 版本来说,如果使用魔术棒工具对位图对象做了选取操作后,对选区不满意的话,就可能需要对容差值做一个更改,然后再次进行选区的选取操作。而在 Fireworks 8 中,动态选取框功能的引入使得选区选取的工作变得轻松了许多,你可以首先按照经验设定一个合适的容差值,对位图对象进行选区选取操作,一旦对于选区的大小区域不满意的话,可以直接在属性检查器上对容差值做进一步的更改,而更改的结果也会马上反应到选区上去,这样对于选区的控制就方便得多了。
例如,我们需要对下图的云彩的形状做一个选区的选取。
使用魔术棒工具,将容差值设为“20”,然后在云彩的金黄部分单击,出现选区。
容差值为“20”时的选区
首先要保证属性检查器上的“动态选取框”的复选框处于选定状态,接下来就可以对容差值做进一步的调整了,通过调整容差值的大小,可以看到编辑区上的选区也会随着容差数值的变化而快速的进行着变化,一旦出现你需要的选区形状,即可结束对容差数值的调整了。
容差值为“63”时的选区
容差值为“94”时的选区
关于动态选取框的介绍就这么多了,对于该功能的理解需要大家通过实践来具体体会了。
4、选择菜单“选择|将选取框转换为路径”命令,即可将位图人物的总体轮廓转化为路径对象,如下图所示。
5、将转化的轮廓路径的填充颜色设为黑色,描边色设为无,这样人物的路径轮廓就完成了。
6、接下来,就按照第2到第4步的操作方法,依次对人物的其余部分做转换为路径的操作,对填充颜色及其描边做相应的设置,一个矢量的人物对象马上就会在编辑区出现了,本例的制作也就宣告结束了。
[小技巧]:在进行选区转换为路径操作之前,可以先将工具箱上的填充颜色井的颜色通过滴管选取,将其设为和需要进行转化的区域相同的颜色,这样就可以避免将来再次对其颜色做调整的工作了。
例如,接下来我们要转换头发区域,可以先使用魔术棒工具选定蓝色头发区域,然后选取工具箱的滴管工具,在头发区域上进行取色,将填充颜色井的颜色设为相应的颜色,接下来再执行菜单“选择|将选取框转换为路径”命令,头发区域的矢量效果也就一步到位了。
四、菜单“修改|将路径转换为选取框”命令 和 菜单“选择|保存位图所选”命令
经过一段时间的时候,估计有些朋友对于一个功能的改变应该很是不适应的,那就是原来通过在层面板上配合“Ctrl”键单击路径对象层,从而快速获得该路径对象的选区,但是这么实用的功能却不知为何在 Fireworks 8 中莫名其妙的又消失不见了,个人认为“将路径转换为选取框”命令就是对这种操作方法的一个变相调整,当然用起来也不能说不方便,不过对于习惯了老版 Fireworks 的用户来说,又得适应一下子了。如果把“将路径转换为选取框”命令和“保存位图所选”命令结合起来使用的话,在实战中倒是有很大的作用的,下面我们通过制作奥林匹克五环旗的效果,来对这两个命令及其与之相联系的命令做一个了解。
实例2 制作奥林匹克五环旗]
教程开始之前,还是先来看看本例制作完成的效果图。
源文件下载(215KB, Winzip压缩文件)
1、打开 Fireworks ,新建文件,大小、背景色随意。
2、打开“自动形状属性”面板,插入“面圈形”自动形状对象,然后按“Ctrl+D”组合键依次再克隆