第二节绘制和编辑曲线1 曲线的基本概念1.1 路径路径是使用绘图工具创建的直线、曲线或矩形、圆形、多边形、轮廓线等各种平面线条,路径可以同一条或多条线条组成,是绘制矢量图形的基本元素。
1.2 曲线和线段一条连续的路径叫曲线,它包括直线、折线和弧线等。
每一条曲线都是由点连接起来的一条或多条直线段或曲线段组成的,这些直线段或曲线段都称之为线段,每条线段的两个端点称之为节点。
起点和终点重合的曲线称之为闭合曲线;起点与终点不重合的曲线称为开放曲线。
只有闭合曲线才能填充颜色。
1.3 节点、方向线和方向控制柄1、节点节点是线段的端点或两条线段的连接点,是一些标记路径线段端点的小方块,移动节点可以改变路径的位置和形状。
节点又根据当前的状态显示为填充与不填充两种形式。
若节点被当前操作所选择,该节点将被填充为黑色,成为填充形式,若节点未被当前操作所选择,该节点不填充颜色,成为不填充形式。
节点分为五类:直线节点、曲线节点、尖角节点、平滑节点和对称节点。
2、方向线和笔向控制柄对应于一段路径可以产生一条曲线,该曲线的弯曲程度和凹凸方向将由方向线的方向和长度来确定,单击形状工具,选中节点,将出现方向线。
方向线的端点为方向控制柄也叫方向点,移动方向控制柄可以改变方向线的长度和方向,从而改变曲线的弯曲程度和凹凸方向。
可以使用形状工具等各种选择工具对节点、方向线和方向控制柄进行选择和编辑。
2 曲线工具组利用几何绘图工具可以制作出多种形状的特定图形,但是在设计中经常需要绘制一些形状不规则的图形,这就要用到曲线工具组中的工具。
曲线工具组中包含8个工具,分别是手绘工具、贝塞尔工具、艺术笔工具、钢笔工具、多点线工具、三点曲线工具、交互式连线工具和度量工具。
2.1 手绘工具使用手绘工具就像使用铅笔,手绘工具根据用户拖动鼠标的轨迹来勾画路径。
使用手绘工具可以绘制直线,也可以绘制曲线。
1、单击手绘工具,这时属性栏中出现了手绘工具属性,其中的各个按钮和参数如下:2、单击手绘工具,在绘图页面上拖动鼠标,可以画出各种形状的曲线,当曲线的起点与终点重合时将自动形成封闭曲线。
绘制曲线后,按住Shift键,并沿刚画的曲线往回拖动鼠标以擦除此曲线。
3、单击手绘工具,在绘图页面上单击直线的起点和终点可画直线。
4、单击手绘工具,对准已选中的直线或曲线的端点时会出现连接光标,这时或以单击此端点,并单击其它位置,绘制连接的直线或曲线。
5、单击属性栏中的自动闭合曲线按钮,可在曲线的起点和终点之间自动画出一条直线,将曲线封闭。
6、单击手绘工具,单击折线的起点处,依次比击折线的其它节点,最后单击折线的终点处,可以绘制折线。
7、按下Ctrl键绘图时,可按同样的增量变化角度,角度的默认限制增量为15度,这样就可以方便地绘制水平线和垂直线,以及是15角度倍数的直线。
要使绘图更精确,可调整限制角度和坐标的绘图精度,绘图精度的小数位数为3位。
单击工具—选项—工作区—编辑,修改其中的限制角度和绘图精度值。
2.2 贝塞尔工具使用贝塞尔工具不仅可以绘制直线、折线,还可以通过拖动鼠标来产生和调整方向线,从而绘制平滑、精确的曲线。
在绘制曲线时,按下C键可绘制尖突节点,按下S键可绘制平滑节点;按住Alt键可以移动当前创建的节点。
使用贝塞尔工具绘图:单击线条起始处,在第二点按下鼠标左键并拖动鼠标,这时可产生一个方向控制柄对称的方向线,再单击第三点,形成一条含有对称节点的光滑曲线,按Enter键完成绘制曲线。
(在松开第二点按下的鼠标之前按下S或C或Alt继续拖动鼠标后再先后松开辅助键和鼠标键可以绘制不同节点的曲线。
)2.3 钢笔工具钢笔工具的功能与贝塞尔工具相似,只是增加了在绘制图形过程中可预览鼠标的拖动方向和位置,还可以随时增加和删除已绘制曲线的节点这两个功能。
手绘工具、贝塞尔工具、钢笔工具在绘制图形的方法上基本相同,可以根据情况和自己掌握状态选择绘制工具。
制作练习:一、绘制一个卡通曼雅造型操作步骤:1、新建一个文件,文件尺寸自定,首先我们要把曼雅的大概形状画出来,先画头部,使用椭圆形工具在工作区里画出一个椭圆,按Ctrl+Q转换成曲线,按F1 0使用造型工具修改形状,也可以通过用鼠标拖拉椭圆的控制手柄来对圆进行变形。
如果想通过控制节点来控制椭圆的形状,就必须先把椭圆曲线化。
2、绘制耳朵:使用同样的方法,用椭圆形工具画出一个椭圆,对它进行旋转操作,先要选中椭圆,再点击鼠标一次,出现旋转箭头,拖动箭头就可旋转。
调整好角度与位置后,复制一份用来做右边的耳朵,然后点击属性栏内的水平翻转工具。
技巧提示:按住Ctrl键,拖动对象上的旋转箭头,进行旋转,每次旋转角度为15度 选取所需复制的对象,按小键盘上的+键,可快速复制。
3、使用键盘上的方向键将复制出的另一只耳朵移动到右边对称的位置。
接下来是画手、身体与脚了,方法类似上面,这里就不再重复了。
最后的形状如下图所示。
4、用鼠标将头部与两只耳朵以外的对象都选取,按属性栏中的焊接工具将其路径焊接。
技巧提示:1.按Shift键单击要选择的多个对象,可连续选择多个对象。
2.使用挑选工具按住鼠标右键拖动鼠标,可将线框内的对象都选取。
3.使用挑选工具。
按住 Alt 键,按住鼠标右键拖动鼠标,凡是线框接触到的对象都会被选取。
5、将所有对象选中,点击外框工具将边框改为2点外框(细)。
填充颜色值:R:237 G:240 B:245 。
其中耳朵颜色为白色。
选中头部按Shift+PageUp,将表示头部的圆形放在最上一层。
下面开始绘制曼雅的五官。
6、眉毛:使用手绘工具绘制,绘制好一条后,复制再水平反转,用键盘上的方向键将对象移动至右边相对的位置。
选中两条眉毛,填充黑色(如图4)。
7、嘴巴:选择椭圆形工具绘制2个圆,如图5所示摆放,使用挑选工具选中2个圆后,点击属性栏内的相交工具便可以得到曼雅的嘴巴(如图5)。
给嘴巴填充一个红色,按住Shift键将嘴巴成比例地放大,用键盘方向键将嘴巴移动到曼雅头部合适的位置(如图5)。
技巧提示:在使用任何工具的状态下,按空格键可以快速切换到挑选工具8、舌头:使用椭圆形工具绘制一个椭圆,调整好大小比例,移动至嘴巴合适的位置,按住Shift键选中嘴巴,按交叉工具得到舌头,将多余的圆删除,为舌头填充一个粉红色。
在选中舌头的情况下,点击工具栏内的外框工具,选择无外框为舌头去框(如图6)。
9、牙齿:点击多边形工具,在属性栏内的多边形的点数框内输入3 。
回到工作区内绘制三角形,调整大小;填充白色;去边框;按+键复制,利用键盘上的方向键,将2颗牙齿移动到合适的位置。
10、接下来就是绘制阴影了,使用挑选工具选中头部,按+复制,去框;填充白色;按住Shift键对它进行成比例缩小,再用方向键将白色圆圈移动到如图1的位置。
选择造型工具,在靠近眉毛处的路径(虚线)通过鼠标右键在路径上点击,选择新增来新增3个节点,用造型工具把中间的节点向内拖,通过拖拉节点上的控制点来控制路径的弯曲度,腹部的阴影也是如法炮制,先绘制一个椭圆,曲线化,再用造型工具通过新增节点和对节点的控制点进行拖拉就可绘出如图1的形状。
二、绘制海底总动员小鱼Nemo制作步骤:1、用贝塞尔工具画出小鱼的身体,选择工具栏中的交互式填充工具(快捷键为G),拉出一个渐变,颜色为从C:2 M:79 Y:81 K: 0到C:0 M:40 Y:80 K: 0。
在属性栏中设轮廓宽度设0.706mm,颜色为黑。
其他部位的轮廓也都用这个设置。
2、用贝塞尔工具分别画出鱼尾和鱼鳍的基本形状,用形状工具选中,ctrl+Q转换为曲线后分别调整到合适形状。
3、给鱼尾和鱼鳍填充渐变。
用吸管工具点击鱼身吸取它的渐变效果,然后用颜料桶工具分别点击鱼尾和鱼鳍就能给它们填充同样的渐变。
用交互式填充工具调节好渐变的方向。
4、给鱼身添加花纹。
鱼身的花纹由三部分组成,中间的那个直接用贝塞尔工具画,前后的两个做法相同,即:先用椭圆工具画出一大一小两个椭圆,居中对齐后点击属性栏中的简化按钮,形成一个圆环,调整一下形状后填充白色。
将三个花纹选中,ctrl+G群组后按住Shift键将鱼身也一起选中,点击属性栏中的相交按钮得到相交部分后将原花纹删除。
5、给鱼尾和鱼鳍添加花纹。
用贝塞尔工具分别画出两条直线,置于鱼尾之上如下位置,选择工具栏中的交互式调和工具,调和步数设为5,从一条直线上拖动到另一条,即可得到中间的线条。
6、选中所有直线和鱼尾,点击属性栏中的简化按钮即可得到相交部分,将原直线删除,完成鱼尾。
重复第5、6步分别做出几个鱼鳍上的花纹,完成鱼鳍。
7、给小鱼加上眼睛。
用椭圆工具画出如下三个椭圆,选择工具菜单中的交互式调和工具,调和步数设为10,从黑眼珠拖动到眼白,形成渐变的效果,完工。
最终效果:使用艺术笔工具绘制路径,可产生较为独特的艺术笔效果,它与普通的画线工具画出的图形的区别是,它所画的路径不是以单独的线条来表示的,它是根据用户选择的笔角样式来创建由预设图形转绕的路径效果,它还可以将已绘制的曲线和图形转变成由预设图形围绕的路径效果。
艺术笔工具有五种模式:预设、画笔、喷罐、书法、压力。
制作练习:绘制节日天空图操作步骤:1、新建一个页面,选择艺术笔工具。
2、在属性栏里选择喷灌工具。
3、在属性栏的喷涂文件列表中选择烟花和气球并在页面上分别绘制一些。
4、选择一个绘制的文件,单击排列-拆分艺术笔群组,将绘制的线段和喷涂文件分离,删除线段。
5、选择拆分的喷涂文件,单击排列-取消群组。
6、将得到的文件在页面上重新排列,形成如图所示效果。
2.5 多点线工具多点线工具与手绘工具的使用方法基本一致,可以方便地绘制出直线和曲线,尤其是在绘制直线与曲线交替出现的线条时操作更加随意。
2.6 3点曲线工具3点曲线工具可以根据曲线的起点\终点和曲线上的一个点这3点绘制一条直线或曲线。
2.7 交互式连线工具使用交互式连线工具属性栏的成角连接和直线连接按钮,可以在两个对象之间用折线或直线进行连接。
注意:如果要将两个图形连接起来,必须将连接线连接到图形的对齐节点上,这样才能使其中被连接的任意一个图形或这两个图形都发生旋转、倾斜、缩放或移动时,连接线被自动调整。
当删除被连接的两个图形中的任意一个时,它们之间的连接线也将被删除。
使用度量工具可以在已绘制的图形上标注出各种长度尺寸、角度大小和文字说明。
度量工具有6种标注工具:自动尺度工具、垂直尺度工具、水平尺度工具、倾斜尺度工具、标注工具。
可以相应绘制垂直尺度标注、水平尺度标注、倾斜尺度标注、文字说明标注、角度标注。
制作练习:标注一个五边形的各边长和角度。