Fireworks CS4案例教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

3.1 绘制矢量对象

使用矢量对象绘制工具,可以通过“逐点绘制”来绘制基本形状、自由变形矢量路径和复杂形状,也可以绘制自动形状,它们是智能矢量对象组,具有可用于调整其属性的特殊控制点。

3.1.1 快速绘制基本形状

使用“直线”、“矩形”和“椭圆”等工具可以快速绘制基本形状。“矩形”工具将矩形作为组合对象进行绘制,若要单独移动矩形的角点,则必须取消组合矩形或使用“部分选定”工具。

1.绘制直线、矩形或椭圆的操作方法

(1)选择“直线”、“矩形”或“椭圆”工具。

(2)在属性检查器中设置笔触和填充属性。

(3)在画布上拖动以绘制形状。

说明:对于“直线”工具,按住【Shift】键并拖动工具可限制只能按45°的增量来绘制直线。对于“矩形”或“椭圆”工具,按住【Shift】键并拖动工具可将形状限制为正方形或圆形。

2.从特定中心点绘制矩形或椭圆的操作方法

将指针放在预期的中心点,然后按住【Alt】键并拖动绘制工具。若要既限制形状又要从中心点绘制,则将指针放在预期的中心点,按住【Shift+Alt】组合键并拖动绘制工具。

3.在绘制过程中调整基本形状位置的操作方法

在按住鼠标左键的同时,按住空格键,然后将对象拖到画布上的另一个位置,释放空格键后可继续绘制对象。

注意:“直线”工具是个例外,使用“直线”工具时按住空格键并不会更改直线在画布上的位置。

4.调整所选直线、矩形或椭圆大小的操作方法(请执行下列操作之一)

• 在属性检查器或“信息”面板中输入新的宽度(W)和高度(H)值。

• 从工具面板的“选择”部分中选择“缩放”工具,并拖动角变形手柄,等比例调整对象的大小。

灵活运用:还可以通过选择【修改】→【变形】→【缩放】命令并拖动角变形手柄,或者选择【修改】→【变形】→【数值变形】命令并输入新尺寸等方法按比例调整对象大小。

• 拖动矩形的一个角点。

注意:缩放矢量对象并不会改变它的笔触宽度。

3.1.2 绘制基本的圆角矩形

可以通过以下两种方法来绘制圆角矩形:一种是使用“圆角矩形”工具,另一种是使用属性检查器中的“圆度”选项来调整所选矩形的圆角值。“圆角矩形”工具将矩形作为组合对象进行绘制,若要单独移动圆角矩形的点,则必须取消组合该矩形或使用“部分选定”工具。

1.绘制圆角矩形的操作方法

(1)选择位于“矩形”工具弹出菜单中的“圆角矩形”工具

(2)在画布上拖动以绘制圆角矩形。

2.使所选矩形的角变成圆角的操作方法

在属性检查器的“圆度”框内输入一个0~100的圆角值并按【Enter】键,或者拖动弹出滑块,如图3.1所示。

图3.1 拖动矩形圆角值弹出滑块

3.1.3 绘制基本的多边形和星形

使用“多边形”工具可以绘制出大于3条边的多边形和星形的任意正多边形和星形。

1.绘制多边形的操作方法

(1)选择“多边形”工具,该工具是工具面板“矢量”部分中的一个基本形状绘制工具。

(2)在属性检查器中使用“边”弹出滑块选择3~25 条边数,或者在“边”文本框中输入一个大于3的数字,来指定多边形的边数。

(3)在画布上拖动以绘制多边形。

说明:若要将多边形的方向限制为按45°的增量变化,则在绘制时按住【Shift】键。使用“多边形”工具总是从中心点开始绘制的。

2.绘制星形的操作方法

(1)选择“多边形”工具。

(2)在属性检查器中从“形状”弹出菜单中选择【星形】。

(3)在“边”文本框中输入星形顶点的数目。

(4)选择“自动”或在“角度”文本框中输入一个值。接近0 的值产生的角长而细,接近100 的值产生的角短而粗。

(5)在画布上拖动以绘制星形。

说明:若要将星形方向限制为按45°的增量变化,则在拖动时按住【Shift】键。

3.1.4 绘制自动形状

自动形状是智能矢量对象组,这些对象组遵循特殊的规则以简化常用可视化元素的创建和编辑。自动形状工具用于绘制对象组,与其他对象组不同,选定的自动形状除了具有对象组手柄外,还具有菱形的控制点,每个控制点都与形状的某个特定可视化属性关联,拖动某个控制点只会改变与其关联的可视化属性。大多数自动形状控制点都带有工具提示,用来描述它们会如何影响自动形状,将指针移到一个控制点上可看到描述该控制点属性的工具提示,如图3.2所示。

图3.2 描述控制点属性的工具提示

自动形状工具按预设方向创建形状。例如,“箭头”工具按水平方向绘制箭头。可以对自动形状进行变形以改变其方向。

虽然工具面板中的每个自动形状工具使用同一种简单易用的绘制方法,但每种自动形状的可编辑属性却互不相同。自动形状工具的弹出菜单如图3.3所示。

图3.3 自动形状工具的弹出菜单

1.每个自动形状工具的用途及使用说明

•“L形”工具——绘制直边角形状的对象组。使用控制点可以编辑水平和垂直部分的长度和宽度及边角的曲率。

•“圆角矩形”工具——绘制带有圆角的矩形形状的对象组。使用控制点可以同时编辑所有边角的圆度,或者更改个别边角的圆度。

•“度量”工具——绘制标注长度和角度的双向箭头形状的对象组。该自动形状还包含一个文本框子元素,使用文本工具可以输入文本。使用控制点可以编辑箭头形状的长度和角度。

•“斜切矩形”工具——绘制带有切角的矩形形状的对象组。使用控制点可以同时编辑所有边角的斜切量,或者更改个别边角的斜切量。

•“斜面矩形”工具——绘制带有倒角的矩形形状(边角在矩形内部成圆形)的对象组。使用控制点可以同时编辑所有边角的倒角半径,或者更改个别边角的倒角半径。

•“星形”工具——绘制星形形状(顶点数为3~50)的对象组。使用控制点可以添加或删除顶点,以及调整各顶点的内角和外角。

•“智能多边形”工具——绘制具有3~25 条边的正多边形形状的对象组。使用控制点可以调整大小和旋转,添加或删除线段,增加或减少边数,或者向图形中添加内侧多边形。

•“箭头”工具——绘制任意比例的普通箭头形状的对象组。使用控制点可以调整箭头的锥度、尾部的长度和宽度及箭尖的长度,也可以使用控制点调整箭头使之成为任意比例的直角箭头形状,即“弯箭头”。

•“箭头线”工具绘制任意长度的箭头形状的对象组。使用控制点可以调整箭头的长度和角度及箭尖的形状。

•“螺旋形”工具——绘制开口式螺旋形形状的对象组。使用控制点可以编辑螺旋的圈数,并可以决定螺旋是开口的还是闭合的。

•“连接线形”工具——绘制的对象组显示为3 段的连接线形,例如,那些用来连接流程图或组织图的元素的线条。使用控制点可以编辑连接线形的长度、翻转,并改变第2段连接线的形状。

•“面圈形”工具——绘制实心圆环形状的对象组。使用控制点可以调整内环的周长或将圆环形状拆分为几个部分。

•“饼形”工具——绘制饼图形状的对象组。使用控制点可以将饼图形状拆分为几个部分。

2.绘制自动形状的基本操作方法

(1)在工具面板的“矢量”部分中,从自动形状工具的弹出菜单中选择一种自动形状工具。

(2)在画布上拖动以绘制形状,或者在画布上单击鼠标左键,按形状的默认大小放置形状。

3.1.5 绘制自由变形矢量路径

像使用毛笔、毛毡笔尖或蜡笔绘制那样,可以使用“矢量路径”工具绘制自由变形矢量路径,还可以使用“矢量路径”工具更改所绘制路径的笔触和填充属性。“矢量路径”工具位于工具面板“矢量”部分的“钢笔”工具弹出菜单中,如图3.4所示。

图3.4 选择“矢量路径”工具

“矢量路径”工具包含各种刷子笔触类别,包括“基本”、“喷枪”、“毛笔”、“炭笔”、“蜡笔”和“非自然”等,每个类别通常都包含一个笔触选项,如“实线”、“实边圆形”、“加亮标记”、“暗色标记”、“油漆泼溅”、“竹子”、“缎带”、“五彩纸屑”、“3D”、“牙膏”、“丙稀颜料”。例如,当选择“矢量路径”工具时,属性检查器便显示“矢量路径”工具的属性,打开“描边种类”弹出菜单会看到各种刷子笔触类别可供选择,如图3.5所示。

图3.5 各种刷子笔触类别

绘制自由变形矢量路径的操作方法如下。

(1)选择位于“钢笔”工具弹出菜单中的“矢量路径”工具

(2)在属性检查器中设置笔触、笔尖大小等属性。

(3)拖动以进行绘制。要将路径限制为水平或垂直线,请在拖动时按住【Shift】键。

(4)释放鼠标左键以结束路径绘制。若要闭合路径,则将指针返回到路径起始点,然后释放鼠标左键。

3.1.6 通过绘制点来绘制路径

在Fireworks CS4中绘制和编辑矢量对象的方法之一,就是逐点绘制。当使用“钢笔”工具单击每个点时,Fireworks CS4会自动从单击的最后一个点向前一个点绘制矢量对象的路径。

除了使用直线路径段连接各个点以外,“钢笔”工具还可以绘制根据数学公式推导出的平滑曲线(贝赛尔曲线)路径段。每个点的类型(角点或曲线点)确定相邻的路径段是直线路径段还是曲线路径段。通过绘制点来绘制的路径如图3.6所示。

图3.6 通过绘制点来绘制的路径

可以通过拖动各个点来修改直线路径段和曲线路径段,也可以通过拖动点手柄来进一步修改曲线路径段,还可以通过转换各个点来将直线路径段转换为曲线路径段,反之亦然。

1.使用“钢笔”工具绘制直线路径段

“钢笔”工具是一个很实用的逐点绘制路径段的工具。使用该工具绘制直线路径段很简单,只需要单击以放置点即可。使用“钢笔”工具每单击一次即可绘制一个角点,如图3.7所示。

图3.7 直线路径段

使用“钢笔”工具绘制直线路径段的操作方法如下。

(1)选择“钢笔”工具

(2)若需要,则选择【编辑】→【首选参数】并启用“首选参数”对话框的“编辑”类别(如图3.8所示)上“钢笔”工具选项的任意选项,然后单击【确定】按钮。

•“显示钢笔预览”选项用于预览下一次单击将产生的直线路径段。

•“显示实心点”选项用于在绘制的同时显示实心点。

图3.8 “首选参数”对话框的“编辑”类别

(3)在画布上单击,以放置第一个点。

(4)移动指针,然后单击以放置下一个点,一个直线路径段将这两个点连接起来。

(5)继续绘制点,直线路径段连接点与点之间的每个间隙。

(6)双击最后一个点,或者选择其他工具,结束该路径并使其成为断开路径。

注意:若从任何选择工具或“矢量”工具(“文本”工具除外)返回到“钢笔”工具,则Fireworks CS4会在下次单击时继续绘制该对象。

若要封闭该路径,则单击所绘制的第一个点。

说明:由路径重叠自身构成的回路不是封闭路径,只有在同一点开始和结束的路径才是封闭路径。

2.使用“钢笔”工具绘制曲线路径段

使用“钢笔”工具绘制曲线路径段的方法是在绘制点时单击并拖动,绘制时,当前点显示点手柄。不论是使用“钢笔”工具还是使用其他Fireworks CS4绘制工具进行绘制,所有矢量对象上的所有点都有点手柄,但这些点手柄只在曲线点上才可见,如图3.9所示。

图3.9 矢量对象上的所有点都有点手柄

绘制包含曲线路径段对象的操作方法如下。

(1)选择“钢笔”工具。

(2)单击以放置第一个角点。

(3)移动到下一个点的位置,然后单击并拖动以产生一个曲线点。在每次单击和拖动时Fireworks CS4都将路径段扩展到新点,如图3.10所示。

图3.10 绘制曲线路径段

(4)继续绘制点。若单击并拖动一个新点,则可产生一个曲线点;若只单击,则可产生一个角点。

提示:在绘制过程中,可以临时切换到“部分选定”工具以更改点的位置和曲线路径段的形状;若使用“钢笔”工具拖动点或点手柄,则按住【Ctrl】键。

(5)双击最后一个点,或者选择其他工具,结束该路径并使其成为断开路径;单击所绘制的第一个点,封闭路径。

3.调整直线路径段的形状

可以通过移动各个点来延长、缩短或更改直线路径段,其操作方法如下。

(1)使用“指针”或“部分选定”工具选择路径。

(2)使用“部分选定”工具单击某个点以选中它。所选角点显示为实心的蓝色方形或显示为空心的蓝色方形,这要看在“首选参数”对话框的“编辑”类别中是否选择“显示实心点”选项而定。

(3)拖动该点或使用箭头键将该点移动到一个新位置。

例如,选中一个直线路径段的第2个点(该角点显示为实心的蓝色方形),然后按向上的箭头键将该点移动到一个新位置,如图3.11所示。

图3.11 调整直线路径段的形状

4.调整曲线路径段的形状

使用“部分选定”工具拖动矢量对象的点手柄可以更改该对象的形状。点手柄确定固定点之间的曲率,这些曲线称为贝赛尔曲线。

编辑路径段的贝赛尔曲线的操作方法如下。

(1)使用“指针”或“部分选定”工具选择路径。

(2)使用“部分选定”工具单击曲线点以选中它。所选曲线点显示为实心的蓝色方形,点手柄从该点扩展,如图3.12所示。

图3.12 选中曲线点

(3)将点手柄拖到一个新位置。若要将点手柄移动的方向限制为45°,则在拖动时按住【Shift】键。蓝色路径预览显示当释放鼠标左键时将绘制新路径的位置,如图3.13所示。

图3.13 预览显示绘制新路径的位置

例如,若向下拖动左侧点手柄,则右侧点手柄将上升,如图3.14(a)所示。按住【Alt】键并拖动点手柄可使它独立移动,如图3.14(b)所示。

图3.14 拖动点手柄

5.将路径段转换为直线路径段或曲线路径段

直线路径段在角点处相交,曲线路径段包含曲线点,如图3.15所示。可通过转换点将直线路径段转换为曲线路径段,反之亦然,如图3.16所示。

图3.15 曲线路径段和直线路径段

图3.16 转换为直线路径段和曲线路径段

(1)将角点转换为曲线点的操作方法如下。

① 选择“钢笔”工具。

图3.17 将角点转换为曲线点

② 在所选路径上单击一个角点,然后用指针从该点拖动点手柄。点手柄将扩展,并使临近路径段变弯,如图3.17所示。

(2)将曲线点转换为角点的操作方法如下。

① 选择“钢笔”工具。

② 在所选路径上单击一个曲线点,如图3.18所示。点手柄将缩短,同时相邻路径段将伸直,如图3.19所示。

图3.18 在所选路径上单击一个曲线点

图3.19 将曲线点转换为角点

6.选择点

使用“部分选定”工具能够选择多个点。在使用“部分选定”工具选择点之前,必须使用“指针”工具或“部分选定”工具或者通过在“层”面板中单击它的缩略图来选择路径。

(1)在所选路径上选择特定点的操作方法如下。

① 选择“部分选定”工具。

② 单击一个点(如图3.20所示),或者按住【Shift】键并依次单击多个点,或者在要选择的点周围拖动“部分选定”工具选择点。

图3.20 在所选路径上选择特定点

(2)显示曲线点手柄的操作方法如下。

使用“部分选定”工具单击该点。若离所单击的点最近的点是曲线点,则同时还显示邻近的点手柄,如图3.21所示。

图3.21 显示曲线点手柄

7.拖动点和点手柄

可以通过使用“部分选定”工具拖动对象上的点和点手柄来更改该对象的形状。

使用“部分选定”工具拖动某个点,Fireworks CS4将重新绘制路径以反映该点的新位置。使用“部分选定”工具拖动点手柄,则更改路径段的形状,按住【Alt】键并拖动,以便一次拖动一个点手柄,如图3.22所示。

图3.22 使用“部分选定”工具拖动点手柄

调整角点的点手柄的操作方法如下。

(1)选择“部分选定”工具。

(2)选择一个角点。

(3)按住【Alt】键并拖动,以显示它的点手柄并使相邻路径段弯曲,如图3.23所示。

图3.23 调整角点的点手柄

8.添加和删除路径上的点

可以向路径中添加点,也可以从路径中删除点。向路径中添加点是为了能够更好地控制特定的路径段,而从路径中删除点则可以更改路径形状或简化编辑。

使用“钢笔”工具,在路径上没有点的任何位置单击,可以在所选路径上添加点。

若要从所选路径中删除点,则执行下列操作之一。

• 使用“钢笔”工具单击所选对象上的角点。

• 使用“钢笔”工具双击所选对象上的曲线点。

• 使用“部分选定”工具选择一个点,然后按【Delete】键或空格键。

9.继续绘制现有路径

可以使用“钢笔”工具继续绘制现有的断开路径,其操作方法如下。

(1)选择“钢笔”工具。

(2)单击结束点并继续绘制路径,如图3.24所示。

图3.24 继续绘制现有路径

10.合并两个断开的路径

可以将两个断开的路径连接在一起构成一个连续路径。当连接两个路径时,最先选择的那个路径的笔触和填充将成为新合并的路径的属性。

合并两个断开的路径的操作方法如下。

(1)选择“钢笔”工具。

(2)单击其中一个路径的端点。

(3)将指针移动到另一个路径的端点并单击。