边做边学:InDesign CS6排版艺术案例教程(微课版)
上QQ阅读APP看书,第一时间看更新

2.1 绘制兔子头像

2.1.1 【案例分析】

图标是具有时代意义且具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。图标的应用范围极为广泛,如网页上及公共场合无所不在,为生活提供了极大的便利。

2.1.2 【设计理念】

在设计思路上,由椭圆形、矩形等简单几何体构成,通过调整大小及颜色的搭配,形成一个卡通头像。造型简洁可爱,易于分辨和记忆。最终效果参看云盘中的“Ch02>效果>绘制兔子头像”,如图2-1所示。

图2-1

2.1.3 【案例操作】

步骤1 选择“文件>新建>文档”命令,弹出“新建文档”对话框,设置如图2-2所示。单击“边距和分栏”按钮,弹出“新建边距和分栏”对话框,设置如图2-3所示。单击“确定”按钮,新建一个页面。选择“视图>其他>隐藏框架边缘”命令,将所绘制图形的框架边缘隐藏。

图2-2

图2-3

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

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

图2-4

图2-5

图2-6

图2-7

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

图2-8

图2-9

图2-10

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

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

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

图2-11

图2-12

图2-13

图2-14

图2-15

图2-16

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

图2-17

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

图2-18

图2-19

图2-20

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

图2-21

图2-22

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

步骤12 选择“椭圆”工具48392-32-2,在适当的位置绘制椭圆形,如图2-25所示。选择“矩形”工具48392-32-3,在适当的位置绘制矩形,如图2-26所示。

图2-23

图2-24

图2-25

图2-26

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

图2-27

图2-28

图2-29

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

步骤15 选择“椭圆”工具48392-32-14,按住Shift键的同时,在适当的位置绘制圆形,设置图形填充色的CMYK值为0、100、100、30,填充图形,并设置描边色为无,效果如图2-32所示。

图2-30

图2-31

图2-32

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

图2-33

图2-34

图2-35

2.1.4 【相关知识】

1. 矩形和正方形

使用鼠标直接拖曳绘制矩形

选择“矩形”工具48392-33-4,鼠标指针会变成48392-33-5形状,按下鼠标左键,拖曳到合适的位置,如图2-36所示,松开鼠标左键,绘制出一个矩形,如图2-37所示。指针的起点与终点处决定着矩形的大小。按住Shift键的同时,再进行绘制,可以绘制出一个正方形,如图2-38所示。

图2-36

图2-37

图2-38

按住Shift+Alt组合键的同时,在绘图页面中拖曳鼠标指针,以当前点为中心绘制正方形。

使用对话框精确绘制矩形

选择“矩形”工具48392-33-9,在页面中单击,弹出“矩形”对话框,在对话框中可以设定所要绘制矩形的宽度和高度。

设置需要的数值,如图2-39所示,单击“确定”按钮,在页面单击处出现需要的矩形,如图2-40所示。

图2-39

图2-40

使用角选项制作矩形角的变形

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

图2-41

使用直接拖曳制作矩形角的变形

选择“选择”工具48392-34-2,选取绘制好的矩形,如图2-42所示,在矩形的黄色点上单击,如图2-43所示,上、下、左、右四个点处于可编辑状态,如图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. 椭圆形和圆形

使用鼠标直接拖曳绘制椭圆形

选择“椭圆”工具48392-34-10,鼠标指针会变成48392-34-11形状,按下鼠标左键,拖曳到合适的位置,如图2-49所示,松开鼠标左键,绘制出一个椭圆形,如图2-50所示。指针的起点与终点处决定着椭圆形的大小和形状。按住Shift键的同时,再进行绘制,可以绘制出一个圆形,如图2-51所示。

按住Alt+Shift组合键的同时,将在绘图页面中以当前点为中心绘制圆形。

图2-49

图2-50

图2-51

使用对话框精确绘制椭圆形

选择“椭圆”工具48392-35-4,在页面中单击,弹出“椭圆”对话框,在对话框中可以设定所要绘制椭圆的宽度和高度。

设置需要的数值,如图2-52所示,单击“确定”按钮,在页面单击处出现需要的椭圆形,如图2-53所示。

图2-52

图2-53

椭圆形和圆形可以应用角效果,但是不会有任何变化,因其没有拐点。

3. 多边形

使用鼠标直接拖曳绘制多边形

选择“多边形”工具48392-35-7,鼠标指针会变成48392-35-8形状。按下鼠标左键,拖曳到适当的位置,如图2-54所示,松开鼠标左键,绘制出一个多边形,如图2-55所示。指针的起点与终点处决定着多边形的大小和形状。软件默认的边数值为6。按住Shift键的同时,再进行绘制,可以绘制出一个正多边形,如图2-56所示。

图2-54

图2-55

图2-56

按住Alt+Shift组合键的同时,将在绘图页面中以当前点为中心绘制正多边形。

使用对话框精确绘制多边形

双击“多边形”工具48392-35-12,弹出“多边形设置”对话框,在“边数”选项中,可以通过改变数值框中的数值或单击微调按钮来设置多边形的边数。设置需要的数值,如图2-57所示,单击“确定”按钮,在页面中拖曳鼠标,绘制出需要的多边形,如图2-58所示。

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

图2-57

图2-58

图2-59

图2-60

使用角选项制作多边形角的变形

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

图2-61

4. 星形

使用多边形工具绘制星形

双击“多边形”工具48392-36-6,弹出“多边形设置”对话框,在“边数”选项中,可以通过改变数值框中的数值或单击微调按钮来设置多边形的边数;在“星形内陷”选项中,可以通过改变数值框中的数值或单击微调按钮来设置多边形尖角的锐化程度。

设置需要的数值,如图2-62所示,单击“确定”按钮,在页面中拖曳鼠标指针,绘制出需要的五角形,如图2-63所示。

图2-62

图2-63

选择“多边形”工具48392-36-9,在页面中单击,弹出“多边形”对话框,在对话框中可以设置所要绘制星形的宽度和高度、边数和星形内陷。

设置需要的数值,如图2-64所示,单击“确定”按钮,在页面单击处出现需要的八角形,如图2-65所示。

图2-64

图2-65

使用角选项制作星形角的变形

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

图2-66

5. 形状之间的转换

使用菜单栏进行形状之间的转换

选择“选择”工具48392-37-2,选取需要转换的图形,选择“对象>转换形状”命令,在弹出的子菜单中包括矩形、圆角矩形、斜角矩形、反向圆角矩形、椭圆、三角形、多边形、线条和正交直线命令,如图2-67所示。

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

图2-67

图2-68

提示 若原图为线条,是不能和其他形状转换的。

使用面板在形状之间转换

选择“选择”工具48392-37-6,选取需要转换的图形,选择“窗口>对象和版面>路径查找器”命令,弹出“路径查找器”面板,如图2-69所示。单击“转换形状”选项组中的按钮,可在形状之间互相转换。

图2-69

2.1.5 【实战演练】绘制图标

使用矩形工具、角选项命令和渐变色板工具制作圆角矩形;使用椭圆工具和描边粗细选项绘制圆形;使用复制命令和原位粘贴命令复制粘贴图形;使用矩形工具、X切变角度选项、垂直翻转按钮和再制命令制作箭头图形。最终效果参看云盘中的“Ch02>效果>绘制图标”,如图2-70所示。

图2-70