
2.1 绘制图形
使用InDesign CS6的基本绘图工具可以绘制简单的图形。通过本节的讲解和练习,读者可以初步掌握基本绘图工具的特性,为今后绘制更复杂的图形打下坚实的基础。
2.1.1 课堂案例——绘制卡通头像
【案例学习目标】学习使用绘制图形工具绘制卡通头像。
【案例知识要点】使用椭圆工具、描边命令和多边形工具绘制脸庞;使用椭圆工具、路径查找器命令和矩形工具绘制五官,效果如图2-1所示。

图2-1
【效果所在位置】Ch02/效果/绘制卡通头像.indd。
(1)选择“文件>新建>文档”命令,弹出“新建文档”对话框,设置如图2-2所示。单击“边距和分栏”按钮,弹出“新建边距和分栏”对话框,设置如图2-3所示。单击“确定”按钮,新建一个页面。选择“视图>其他>隐藏框架边缘”命令,将所绘制图形的框架边缘隐藏。

图2-2

图2-3
(2)选择“椭圆”工具,在页面中绘制椭圆形,如图2-4所示。填充图形为白色,并设置描边色的CMYK值为0、100、100、30,填充描边,效果如图2-5所示。

图2-4

图2-5
(3)选择“窗口>描边”命令,弹出“描边”面板,选项的设置如图2-6所示,描边效果如图2-7所示。

图2-6

图2-7
(4)选择“椭圆”工具,在适当的位置绘制椭圆形,如图2-8所示。设置图形填充色的CMYK值为0、100、100、0,填充图形;设置描边色的CMYK值为0、100、100、30,填充描边,效果如图2-9所示。在“控制”面板中将“描边粗细”
选项设为3点,按<Enter>键,效果如图2-10所示。

图2-8

图2-9

图2-10
(5)选择“选择”工具,选取图形,按住<Alt>键的同时,向右拖曳图形到适当的位置,复制图形,效果如图2-11所示。单击“控制”面板中的“水平翻转”按钮
,水平翻转图形,效果如图2-12所示。

图2-11

图2-12
(6)保持图形的选取状态,按住<Shift>键的同时,向内拖曳控制手柄调整图形的大小,效果如图2-13所示。按住<Shift>键的同时,选取原图形,按<Ctrl>+<[>组合键,将图形后移一层,效果如图2-14所示。

图2-13

图2-14
(7)选择“椭圆”工具,在适当的位置绘制椭圆形,如图2-15所示。设置图形填充色的CMYK值为0、13、35、0,填充图形;设置描边色的CMYK值为0、100、100、30。在“控制”面板中将“描边粗细”
选项设为4点,按<Enter>键,效果如图2-16所示。

图2-15

图2-16
(8)双击“多边形”工具,弹出“多边形设置”对话框,选项的设置如图2-17所示,单击“确定”按钮。按住<Shift>键的同时,在适当的位置绘制五角星,如图2-18所示。

图2-17

图2-18
(9)保持图形选取状态,设置图形填充色的CMYK值为0、100、100、0,填充图形,并设置描边色为无,效果如图2-19所示。选择“选择”工具,选取图形,按住<Alt>键的同时,向右拖曳图形到适当的位置,复制图形,并调整其大小,效果如图2-20所示。

图2-19

图2-20
(10)双击“多边形”工具,弹出“多边形设置”对话框,选项的设置如图2-21所示,单击“确定”按钮。按住<Shift>键的同时,在适当的位置绘制六边形,如图2-22所示。

图2-21

图2-22
(11)保持图形选取状态,设置图形填充色的CMYK值为0、0、100、0,填充图形;设置描边色的CMYK值为0、100、100、30,填充描边,效果如图2-23所示。在“控制”面板中将“描边粗细”选项设为3点,按<Enter>键,效果如图2-24所示。

图2-23

图2-24
(12)选择“椭圆”工具,在适当的位置绘制椭圆形,如图2-25所示。选择“矩形”工具
,在适当的位置绘制矩形,如图2-26所示。

图2-25

图2-26
(13)选择“选择”工具,按住<Shift>键的同时,将所绘制的图形同时选取,如图2-27所示。选择“对象>路径查找器>减去”命令,生成新的对象,效果如图2-28所示。设置图形填充色的CMYK值为0、100、100、30,填充图形,并设置描边色为无,效果如图2-29所示。

图2-27

图2-28

图2-29
(14)选择“矩形”工具,在适当的位置绘制矩形,填充图形为白色,并设置描边色为无,效果如图2-30所示。选择“选择”工具
,按住<Alt>+<Shift>组合键的同时,水平向右拖曳图形到适当的位置,复制图形,效果如图2-31所示。

图2-30

图2-31
(15)选择“椭圆”工具,按住<Shift>键的同时,在适当的位置绘制圆形,设置图形填充色的CMYK值为0、100、100、30,填充图形,并设置描边色为无,效果如图2-32所示。选择“选择”工具
,按住<Alt>+<Shift>组合键的同时,水平向右拖曳图形到适当的位置,复制图形,效果如图2-33所示。

图2-32

图2-33
(16)选择“椭圆”工具,在适当的位置绘制椭圆形,设置图形填充色的CMYK值为0、60、35、0,填充图形,并设置描边色为无,效果如图2-34所示。选择“选择”工具
,按住<Alt>+<Shift>组合键的同时,水平向右拖曳图形到适当的位置,复制图形,效果如图2-35所示。

图2-34

图2-35
2.1.2 矩形和正方形
1. 使用鼠标直接拖曳绘制矩形
选择“矩形”工具,鼠标指针会变成
形状,按住鼠标左键,将其拖曳到合适的位置,如图2-36所示。松开鼠标左键,绘制出一个矩形,如图2-37所示。鼠标指针的起点与终点处决定着矩形的大小。按住<Shift>键的同时,再进行绘制,可以绘制出一个正方形,如图2-38所示。

图2-36

图2-37

图2-38
按住<Shift>+<Alt>组合键的同时,在绘图页面中拖曳鼠标指针,以当前点为中心绘制正方形。
2. 使用对话框精确绘制矩形
选择“矩形”工具,在页面中单击,弹出“矩形”对话框,在对话框中可以设定所要绘制矩形的宽度和高度。
设置需要的数值,如图2-39所示,单击“确定”按钮,在页面单击处会出现需要的矩形,如图2-40所示。

图2-39

图2-40
3. 使用角选项制作矩形角的变形
选择“选择”工具,选取绘制好的矩形,选择“对象>角选项”命令,弹出“角选项”对话框。在“转角大小”文本框中输入值以指定角效果到每个角点的扩展半径,在“形状”选项中分别选取需要的角形状,单击“确定”按钮,效果如图2-41所示。

图2-41
4. 直接拖曳制作矩形角的变形
选择“选择”工具,选取绘制好的矩形,如图2-42所示。在矩形的黄色点上单击,如图2-43所示,上、下、左、右4个点处于可编辑状态,如图2-44所示。向内拖曳其中任意的一个点,如图2-45所示,可对矩形角进行变形,松开鼠标,效果如图2-46所示。按住<Alt>键的同时,单击任意一个黄色点,可在5种角中交替变形,如图2-47所示。按住<Alt>+<Shift>组合键的同时,单击其中的一个黄色点,可使选取的点在5种角中交替变形,如图2-48所示。

图2-42

图2-43

图2-44

图2-45

图2-46

图2-47

图2-48
2.1.3 椭圆形和圆形
1. 使用鼠标直接拖曳绘制椭圆形
选择“椭圆”工具,鼠标指针会变成
形状,按住鼠标左键,将其拖曳到合适的位置,如图2-49所示。松开鼠标左键,绘制出一个椭圆形,如图2-50所示。鼠标指针的起点与终点处决定着椭圆形的大小和形状。按住<Shift>键的同时,再进行绘制,可以绘制出一个圆形,如图2-51所示。

图2-49

图2-50

图2-51
按住<Alt>+<Shift>组合键的同时拖曳鼠标,将在绘图页面中以当前点为中心绘制圆形。
2. 使用对话框精确绘制椭圆形
选择“椭圆”工具,在页面中单击,弹出“椭圆”对话框,在对话框中可以设定所要绘制椭圆的宽度和高度。
设置需要的数值,如图2-52所示。单击“确定”按钮,在页面单击处会出现需要的椭圆形,如图2-53所示。

图2-52

图2-53
椭圆形和圆形可以应用角效果,但是不会有任何变化,因为其没有拐点。
2.1.4 多边形
1. 使用鼠标直接拖曳绘制多边形
选择“多边形”工具,鼠标指针会变成
形状,按住鼠标左键,将其拖曳到适当的位置,如图2-54所示。松开鼠标左键,绘制出一个多边形,如图2-55所示。鼠标指针的起点与终点处决定着多边形的大小和形状。软件默认的边数值为6。按住<Shift>键的同时,再进行绘制,可以绘制出一个正多边形,如图2-56所示。

图2-54

图2-55

图2-56
按住<Alt>+<Shift>组合键的同时拖曳鼠标,将在绘图页面中以当前点为中心绘制正多边形。
2. 使用对话框精确绘制多边形
双击“多边形”工具,弹出“多边形设置”对话框,在“边数”选项中,可以通过改变数值框中的数值或单击微调按钮来设置多边形的边数。设置需要的数值,如图2-57所示,单击“确定”按钮,在页面中拖曳鼠标,绘制出需要的多边形,如图2-58所示。

图2-57

图2-58
选择“多边形”工具,在页面中单击,弹出“多边形”对话框,在对话框中可以设置所要绘制的多边形的宽度、高度和边数。设置需要的数值,如图2-59所示,单击“确定”按钮,在页面单击处会出现需要的多边形,如图2-60所示。

图2-59

图2-60
3. 使用角选项制作多边形角的变形
选择“选择”工具,选取绘制好的多边形,选择“对象>角选项”命令,弹出“角选项”对话框,在“形状”选项中分别选取需要的角效果,单击“确定”按钮,效果如图2-61所示。

图2-61
2.1.5 星形
1. 使用多边形工具绘制星形
双击“多边形”工具,弹出“多边形设置”对话框,在“边数”选项中,可以通过改变数值框中的数值或单击微调按钮来设置多边形的边数。在“星形内陷”选项中,可以通过改变数值框中的数值或单击微调按钮来设置多边形尖角的锐化程度。
设置需要的数值,如图2-62所示,单击“确定”按钮,在页面中拖曳鼠标指针,绘制出需要的五角形,如图2-63所示。

图2-62

图2-63
2. 使用对话框精确绘制星形
选择“多边形”工具,在页面中单击,弹出“多边形”对话框,在对话框中可以设置所要绘制星形的宽度和高度、边数和星形内陷。
设置需要的数值,如图2-64所示,单击“确定”按钮,在页面单击处会出现需要的八角形,如图2-65所示。

图2-64

图2-65
3. 使用角选项制作星形角的变形
选择“选择”工具,选取绘制好的星形,选择“对象>角选项”命令,弹出“角选项”对话框,在“效果”选项中分别选取需要的角效果,单击“确定”按钮,效果如图2-66所示。

图2-66
2.1.6 形状之间的转换
1. 使用菜单栏进行形状之间的转换
选择“选择”工具,选取需要转换的图形,选择“对象>转换形状”命令,弹出的子菜单中包括矩形、圆角矩形、斜角矩形、反向圆角矩形、椭圆、三角形、多边形、线条和正交直线命令,如图2-67所示。

图2-67
选择“选择”工具,选取需要转换的图形,选择“对象>转换形状”命令,分别选择其子菜单中的命令,效果如图2-68所示。

图2-68
提示
若原图为线条,则不能和其他形状转换。
2. 使用面板在形状之间转换
选择“选择”工具,选取需要转换的图形,选择“窗口>对象和版面>路径查找器”命令,弹出“路径查找器”面板,如图2-69所示。单击“转换形状”选项组中的按钮,可在形状之间互相转换。

图2-69