
2.1 绘制几何图形
CorelDRAW的工具箱中有多个可用于绘制几何图形的工具组,用户通过其中的工具可以轻松绘制如方形、圆形、多边形、星形等简单常见的几何图形,如图2-1所示。

图2-1
2.1.1 绘制矩形
使用“矩形”工具可以绘制长方形与正方形;使用“3点矩形”工具
可以绘制倾斜的矩形。用户还可以通过更改转角类型,创建出圆角矩形、扇形角矩形和倒棱角矩形。
(1)绘制矩形。选择工具箱中的“矩形”工具,在画面中按住鼠标左键拖曳,释放鼠标左键即可得到一个矩形,如图2-2所示。

图2-2
(2)在拖曳的过程中按住Ctrl键可以绘制出正方形,如图2-3所示。

图2-3
(3)绘制好图形后,在属性栏中可以设置图形的精确位置、大小、缩放比例及旋转角度,如图2-4所示。

图2-4
(4)双击工具箱中的“矩形”工具按钮,即可快速绘制一个与画板等大的矩形,如图2-5所示。

图2-5
(5)绘制倾斜的矩形。选择工具箱中的“3点矩形”工具,在画面中按住鼠标左键拖曳控制矩形的宽度,接着向另外的方向拖曳控制矩形的高度,最后单击完成倾斜矩形的绘制,如图2-6所示。

图2-6
(6)更改转角类型。选中矩形,单击“圆角”按钮,确保“同时编辑所有角”为锁定状态
,然后在数值框内输入数值,按Enter键提交操作。此时矩形的4个角变为圆角,如图2-7所示。

图2-7
(7)分别对矩形的每个角进行单独的调整。单击“同时编辑所有角”按钮,使其处于解锁状态,然后分别在4个数值框内输入数值,效果如图2-8所示。

图2-8
提示:
使用“形状”工具拖曳黑色的控制点,可以调整矩形的转角半径,如图2-9所示。

图2-9
(8)选中矩形后,如果单击属性栏中的“扇形角”按钮,即可得到扇形角矩形;如果单击属性栏中的“倒棱角”按钮
,即可得到倒棱角矩形,如图2-10所示。

图2-10
(9)将图形“转换为曲线”后,图形的属性会消失。例如,选中一个矩形,右击执行“转换为曲线”命令或者按Ctrl+Q组合键,如图2-11所示。

图2-11
(10)使用“选择”工具选中矩形,可以看到设置转角类型的选项消失了。如果使用“形状”工具拖曳节点则矩形会发生变形,如图2-12所示。

图2-12
2.1.2 绘制椭圆形
使用“椭圆形”工具可以绘制椭圆形和正圆;使用“3点椭圆形”工具可以绘制倾斜的圆形。
(1)绘制圆形。选择工具箱中的“椭圆形”工具,在画面中按住鼠标左键拖曳,释放鼠标左键即可得到圆形,如图2-13所示。

图2-13
(2)在绘制过程中按住Ctrl键拖曳鼠标,可以绘制出正圆,如图2-14所示。

图2-14
(3)绘制倾斜的圆形。选择工具箱中的“3点椭圆形”工具,按住鼠标左键拖曳,释放鼠标左键后接着向另外的方向拖曳鼠标,然后单击完成椭圆形的绘制,如图2-15所示。

图2-15
(4)选中圆形,单击属性栏中的“饼图”按钮,此时圆形变为饼图,如图2-16所示。

图2-16
(5)在属性栏中更改饼图的起点和终点的位置。在数值框内输入饼图起点的位置,在
数值框内输入饼图终点的位置。数值输入完成后按Enter键提交操作,如图2-17所示。

图2-17
提示:
饼图绘制完成后,使用“形状”工具拖曳控制点可以更改饼图的起点或终点的位置,如图2-18所示。

图2-18
(6)选中饼图,单击属性栏中的“更改方向”按钮,即可切换饼图或弧形的方向,如图2-19所示。

图2-19
(7)选中圆形,单击属性栏中的“弧形”按钮,此时圆形变为弧形,如图2-20所示。其编辑方式与饼图的编辑方式相同。

图2-20
(8)调色板位于窗口右侧,由一个个色块组成。选中图形,单击色块即可为其填充该颜色,如图2-21所示。

图2-21
(9)如果要更改轮廓颜色,可以选中图形后右击色块。在属性栏中设置“轮廓宽度”可以更改轮廓线条的粗细,如图2-22所示。

图2-22
(10)选中带有轮廓的图形,单击属性栏中的“线条样式”倒三角按钮,在下拉列表中选择样式可以制作虚线外观,如图2-23所示。

图2-23
(11)填充和轮廓都可以去除。选中图形,单击调色板顶部的按钮即可去除填充,如图2-24所示。

图2-24
(12)选中图形,右击调色板顶部的按钮即可去除轮廓,如图2-25所示。

图2-25
2.1.3 绘制多边形
使用“多边形”工具能够绘制三边和三边以上的多边形。
(1)选择工具箱中的“多边形”工具,在属性栏中的“点数或边数”数值框内输入数值,设置多边形的边数,接着在画面中按住鼠标左键拖曳,释放鼠标左键后即完成多边形的绘制,如图2-26所示。

图2-26
(2)多边形绘制完成后,也可以更改边数。选中多边形,在属性栏中的“点数或边数”数值框内输入新的数值,然后按Enter键提交操作即可更改边数,如图2-27所示。

图2-27
(3)多边形绘制完成后,选择工具箱中的“形状”工具,按住鼠标左键拖曳任意一个控制点,释放鼠标左键后即可将多边形转换为星形,如图2-28所示。

图2-28
(4)选择工具箱中的“选择”工具,在图形上单击即可将图形选中,如图2-29所示。

图2-29
(5)如果要同时选中多个图形,可以按住Shift键单击加选图形,如图2-30所示。

图2-30
(6)如果要取消对某个对象的选择,只需要在画面的空白位置单击即可。如果要在选择多个对象的状态下取消对某个对象的选择,则需要按住Shift键单击。
提示:
通过“框选”的方式也可以进行多选。在图形的外侧位置按住鼠标左键拖曳,绘制范围内的对象将被选中,如图2-31所示。

图2-31
(7)使用“选择”工具选中图形后,按住鼠标左键拖曳,释放鼠标左键后即完成图形的移动操作,如图2-32所示。

图2-32
2.1.4 绘制星形
使用“星形”工具可以绘制两种星形:一种是常规星形;另一种是复杂星形。
(1)选择工具箱中的“星形”工具,单击属性栏中的“星形”按钮,在“点数或边数”数值框内输入数值定义星形的角数,这里设置数值为5;在“锐度”数值框内输入数值定义星形每个角的尖锐程度,这里设置数值为50。设置完成后在画面中按住Ctrl键并按住鼠标左键拖曳绘制正五角星,如图2-33所示。

图2-33
(2)选中星形,在“点数或边数”和“锐度”数值框内输入数值可以更改星形效果,如图2-34所示。

图2-34
(3)选中绘制的星形,接着选择工具箱中的“形状”工具,向内或向外拖曳控制点可以更改角的锐度,如图2-35所示。

图2-35
(4)选中图形,执行“编辑>复制”命令或者按Ctrl+C组合键进行复制,接着按Ctrl+V组合键进行粘贴。此时,粘贴的对象与原对象重叠在一起,移动图形位置即可看到,如图2-36所示。

图2-36
(5)选中一个图形,执行“编辑>剪切”命令或者按Ctrl+X组合键进行剪切,此时选中的对象“消失”了,接着可以新建一个空白文件,按Ctrl+V组合键进行粘贴,完成操作,如图2-37所示。

图2-37
(6)选中图形,按住鼠标左键拖曳移动图形位置,移动至目标位置后右击,即可完成移动并复制的操作,如图2-38所示。

图2-38
(7)在选中复制的图形的状态下,执行“编辑>再制”命令或者按Ctrl+D组合键,即可按照刚刚移动的距离复制并移动该图形,如图2-39所示。

图2-39
(8)如果移动并复制后调整图形大小,接着进行“再制”,则会以设定的规律移动并复制后进行缩小,如图2-40所示。

图2-40
(9)选中一个图形,按Delete键即可将其删除,如图2-41所示。

图2-41
(10)绘制复杂星形。选择工具箱中的“星形”工具,单击属性栏中的“复杂星形”按钮,设置合适的“点数或边数”和“锐度”,然后在画面中按住鼠标左键拖曳即可绘制复杂星形,如图2-42所示。

图2-42
2.1.5 绘制常见的形状
“常见形状”工具中提供了多种常见的图形,用户可以从中选择合适的图形并应用到画面中。
(1)选择工具箱中的“常见形状”工具,单击属性栏中的常用形状按钮,在下拉面板中选择形状,这里选择心形,然后在画面中按住鼠标左键拖曳进行绘制,如图2-43所示。

图2-43
(2)一些形状绘制完成后可以看到红色的控制点,拖曳控制点可以对图形进行变形,如图2-44所示。

图2-44
(3)更改图形大小。选中图形后,图形外侧有8个控制点,将光标移动到角点位置的控制点,按住鼠标左键拖曳就可以进行等比放大或缩小,如图2-45所示。

图2-45
(4)将光标移动到中间位置的控制点拖曳可以进行不等比的缩放,如图2-46所示。

图2-46
(5)旋转图形。在图形上方双击,图形四周变为旋转和倾斜的控制点。将光标移动到角点位置,此时光标呈状,按住鼠标左键拖曳即可进行旋转,如图2-47所示。

图2-47
(6)默认旋转时中心点位于图形的中央位置,将光标移动到中心点上方,按住鼠标左键拖曳即可移动中心点的位置,接着进行旋转即可看到图形围绕新的中心点旋转,如图2-48所示。

图2-48
(7)将光标移动到中间位置的控制点,此时光标变为状,按住鼠标左键拖曳即可进行斜切变形,如图2-49所示。

图2-49
2.1.6 使用“冲击效果”工具
使用“冲击效果”工具可以绘制出放射状线条或水平排列的线条。
(1)选择工具箱中的“冲击效果”工具,在属性栏中设置样式为“辐射”,然后在画面中按住鼠标左键拖曳进行绘制。绘制完成后可以看到由内向外的线条放射的效果,如图2-50所示。

图2-50
(2)选中冲击效果图形,“线宽”选项用于设置线条的粗细,输入数值后查看效果,如图2-51所示。

图2-51
(3)选中冲击效果图形,单击属性栏中的“线条样式”按钮,在下拉列表中可以更改线条的样式,从而更改冲击效果图形的外观,如图2-52所示。

图2-52
(4)选中冲击效果图形,在属性栏中更改样式为“平行”,此时线条为水平排列,如图2-53所示。

图2-53
2.1.7 绘制图纸
使用“图纸”工具可以绘制出不同行/列数的网格对象。
(1)选择工具箱中的“图纸”工具,属性栏中的
选项用于设置网格的列数,
选项用于设置网格的行数。接着按住鼠标左键拖曳进行绘制,释放鼠标左键后即完成绘制,如图2-54所示。

图2-54
(2)图纸图形是由一个个矩形组合而成的,将其“取消编组”后可以提取出单个的矩形。选中图纸图形,执行“对象>组合>取消群组”或者按Ctrl+U组合键即可取消编组,然后使用“选择”工具即可选中单个矩形,如图2-55所示。

图2-55
2.1.8 实操:使用简单图形组成播放器按钮
文件路径:资源包\案例文件\第2章初级绘图\实操:使用简单图形组成播放器按钮

案例效果如图2-56所示。

图2-56
1.项目诉求
本案例需要设计音视频播放器界面中的一组按钮。按钮的设计要求简洁大方,并具有引导性、识别性与可操作性。
2.设计思路
相较于矩形的锐利感与圆形的柔和感,正六边形的轮廓更加温和、灵动,有助于提高和增加界面的趣味性与记忆点。为了突出其简单、易操作的特点,按钮采用了扁平化的表现手法。然而,单一的图形过于单调,因此在图形外侧添加了一个颜色稍浅的轮廓,以丰富其层次。
3.配色方案
本案例中的按钮使用了两种纯度不同的紫色与白色进行搭配,两种紫色作为按钮的底色,形成梦幻、柔和的同类色搭配。在此基础上使用白色的扁平化图形点明按钮功能,利用明度的差异使按钮功能更加明确。本案例的配色如图2-57所示。

图2-57
4.项目实战
(1)执行“文件>新建”命令,新建一个A4大小的横向文件,设置完成后单击“OK”按钮,如图2-58所示。

图2-58
(2)双击工具箱中的“矩形”工具按钮,绘制一个与画板等大的矩形,如图2-59所示。

图2-59
(3)在矩形被选中的状态下,双击界面底部的“编辑填充”按钮,在弹出的窗口中单击“均匀填充”,选中“颜色查看器”选项,然后选择一种合适的蓝色,单击“OK”按钮,如图2-60所示。

图2-60
(4)在矩形被选中的状态下,在右侧调色板中右击“无”按钮,去除轮廓色,如图2-61所示。

图2-61
(5)选择工具箱中的“多边形”工具,在属性栏中设置“边数”为6,接着在画面中按住Ctrl键的同时按住鼠标左键拖曳绘制一个六边形,如图2-62所示。

图2-62
(6)选中多边形,右击调色板中的淡紫色按钮,设置轮廓色为淡紫色,接着在属性栏中设置“轮廓宽度”为25.0px,如图2-63所示。

图2-63
(7)单击调色板中的紫色色块,设置填充为紫色,如图2-64所示。

图2-64
(8)选择工具箱中的“多边形”工具,在属性栏中设置“边数”为3,接着在六边形中按住Ctrl键的同时按住鼠标左键拖曳,绘制一个三角形,然后在右侧调色板中右击“无”按钮去除轮廓色,单击白色按钮,设置填充色为白色,如图2-65所示。

图2-65
(9)使用“选择”工具在三角形上方单击,使图形四周出现用于旋转的控制框。将光标移动到角点位置的控制点上,当光标为状后按住鼠标左键拖曳进行旋转,如图2-66所示。

图2-66
(10)选择工具箱中的“矩形”工具,在三角形右侧按住鼠标左键拖曳绘制一个矩形,接着在右侧调色板中右击“无”按钮去除轮廓色,单击调色板中的白色按钮,设置填充色为白色,然后在属性栏中单击“圆角”按钮,设置“圆角半径”为0.2mm,如图2-67所示。

图2-67
(11)选中六边形,按住鼠标左键向右侧拖曳至合适位置右击,将六边形移动并复制一份,如图2-68所示。

图2-68
(12)在复制的多边形被选中的状态下,按5次Ctrl+D组合键进行再制,如图2-69所示。

图2-69
(13)继续绘制其他图标,案例完成效果如图2-70所示。

图2-70