
2.3 产品表现
一般来说儿童插画都是由主体人物、动物与背景结合组成的,在本章中我们将对实用性强的、较为关键的步骤进行详细介绍。
2.3.1 绘制小孩
本案例制作的是造型简单、可爱的小孩。简约的卡通造型搭配鲜艳的色彩,给人可爱、生动的感觉。同时搭配风格统一的场景素材,使整个画面和谐、细节丰富。
在人物的细节处理方面,主要运用大块的单色进行拼凑,搭配合理的色彩应用,表现了简单、明快的卡通风格。主要使用钢笔工具绘制人物造型,结合填色和描边分别表现主体和细节。此外,还适当运用了圆角矩形工具和直线工具来创建一些细节上的图形,增加画面的亮点。
STEP 01 新建文件
运行Illustrator CS5,按【Ctrl+N】组合键,在打开的“新建文档”对话框中设置如图2-1所示的新建文件参数。完成设置后按下“确定”按钮,即可新建一个空白文件,如图2-2所示。

图2-1

图2-2
STEP 02 设置填色和描边
双击“填色”按钮,在打开的“拾色器”对话框中设置填色为“肉色”(R:252,G:210,B:197)。完成后单击“确定”按钮,如图2-3所示,然后单击“描边”按钮,再单击下方的“无”按钮,如图2-4所示。

图2-3

图2-4
STEP 03 绘制头型和耳朵
单击“钢笔工具”按钮,依次绘制女孩的头型、耳朵,如图2-5所示,设置填色为“肉色”(R:249,G:167,B:145),描边同样为无,然后依次绘制耳朵的深色部分,如图2-6所示。

图2-5

图2-6
STEP 04 绘制头发
设置填色为“褐色”(R:135,G:101,B:43),然后绘制头发。完成后依次按【Ctrl+[】组合键将头发后移到耳朵后面,如图2-7所示。设置填色为“褐色”(R:91,G:58,B:25),然后绘制头部两方的头发,如图2-8所示。

图2-7

图2-8
STEP 05 排列对象和绘制腮红
运用相同的方法,将选定的头发后移到浅色头发的后层,如图2-9所示,设置填色为“粉色”(R:249,G:155,B:176),然后分别在脸的两方绘制腮红,如图2-10所示。

图2-9

图2-10
STEP 06 绘制眼睛
设置填色为“白色”(R:255,G:255,B:255),然后在腮红上方分别绘制眼白。如图2-11所示,设置填色为“蓝色”(R:12,G:108,B:187),然后分别绘制蓝色的眼珠,如图2-12所示。重新设置填色为“白色”(R:255,G:255,B:255),然后绘制两个眼睛的高光,如图2-13所示。

图2-11

图2-12

图2-13
STEP 07 对眼睛编组
单击套索工具,框选左方的眼睛。如图2-14所示,按【Ctrl+G】组合键,将选择的眼睛编组,如图2-15所示。运用相同的方法,对右方的眼睛编组,如图2-16所示。

图2-14

图2-15

图2-16
提示
选择“对象>编组”命令,或者在选择对象上单击鼠标右键,在打开的菜单中选择“编组”命令。
STEP 08 绘制头部的细节并编组
继续使用钢笔工具,为小女孩绘制眉毛、鼻子和嘴的细节,如图2-17所示,完成绘制后单击选择工具,框选所有图形,然后按【Ctrl+G】组合键编组,如图2-18所示。

图2-17

图2-18
STEP 09 绘制裙子
双击“填色”按钮,在打开的“拾色器”中设置填色的各项参数,如图2-19所示,完成设置后,使用钢笔工具在头部下方绘制裙子造型的图形。最后单击画面空白处,取消选择,如图2-20所示。

图2-19

图2-20
STEP 10 创建描边纹理
单击“无”按钮,设置填色为无,然后单击“描边”按钮并设置颜色为“白色”(R:255,G:255,B:255),如图2-21所示。在选项栏中单击“描边”,打开面板后设置各项参数,如图2-22所示。单击“钢笔工具”按钮
,在腰部创建一条曲线路径,描边为虚线,如图2-23所示。

图2-21

图2-22

图2-23
STEP 11 绘制裙子的其他纹理
使用钢笔工具继续在裙子的胸部位置绘制蝴蝶造型。如图2-24所示,运用相同的方法,继续在裙子的其他位置绘制虚线纹理效果,如图2-25所示。

图2-24

图2-25
STEP 12 对裙子编组
运用相同的方法,同时选择裙子和纹理对象,然后单击鼠标右键,在打开的菜单中选择“编组”命令,如图2-26所示,在“图层”面板中可以看到“编组”下面包含的路径对象,如图2-27所示。

图2-26

图2-27
STEP 13 绘制手和脚
设置填色为“肉色”(R:252,G:210,B:197),然后运用相同的方法,在裙子的一方绘制右手,如图2-28所示,继续绘制另一方的手。注意保持手指均匀的造型,如图2-29所示。继续绘制小女孩的脚,完成后将对象后移到裙子的下面,如图2-30所示。

图2-28

图2-29

图2-30
小结
女孩的头部主要由圆构成,充分体现了可爱的特点。注意调整各对象的排列顺序。而绘制女孩的身体,重点在于通过描边的设置制作裙子的纹理细节。
STEP 14 绘制蝴蝶的翅膀
设置填色为“黄色”(R:255,G:212,B:0),然后在小女孩的额头处绘制一半蝴蝶的翅膀。如图2-31所示,继续绘制蝴蝶的另一半,注意保持翅膀的对称效果,如图2-32所示。

图2-31

图2-32
STEP 15 创建蝴蝶的躯干
设置填色为白色,描边为无,然后单击“圆角矩形工具”按钮,在蝴蝶中创建一个圆角矩形,作为蝴蝶的躯干,如图2-33所示,完成后拖动圆角矩形四周的定界框,沿顺时针拖动以旋转角度,如图2-34所示。

图2-33

图2-34
STEP 16 创建躯干的纹理细节
单击“直线段工具”按钮,然后在躯干中创建相同倾斜角度的直线,如图2-35所示。在选项栏的“描边”面板中设置各项参数,如图2-36所示。完成后设置描边为“红色”(R:220,G:116,B:48),填色为无,创建躯干的纹理细节,如图2-37所示。

图2-35

图2-36

图2-37
STEP 17 绘制鞋
设置填色为“黄色”(R:249,G:249,B:6),描边为“无”,然后使用钢笔工具分别绘制两只鞋,如图2-38所示,完成所有绘制后,单击“选择工具”按钮,框选所有对象并再次编组,如图2-39所示。

图2-38

图2-39
STEP 18 绘制小男孩
运用前面的方法,首先绘制小男孩的头部,注意头发细节的表现。如图2-40所示,继续绘制小男孩的身体。注意形体特征和动作的准确把握,如图2-41所示,继续为小男孩绘制一些衣服图案、鞋子细节等,如图2-42所示。

图2-40

图2-41

图2-42
STEP 19 对象编组
完成小男孩的绘制后,全选包含的所有对象并编组,如图2-43所示。在“图层”面板中,“图层1”包含了小女孩和小男孩的编组对象,如图2-44所示。

图2-43

图2-44
STEP 20 添加投影路径
按【Ctrl+O】组合键打开“打开”对话框,选择“场景素材.ai”文件,单击“打开”按钮打开素材。如图2-45所示,单击“绘制小孩.ai”文件的选项卡,切换回该文件,使用选择工具同时框选小女孩和小男孩的编组。完成后按【Ctrl+C】组合键复制,最后切换到“场景素材.ai”文件按【Ctrl+F】组合键贴在前面,如图2-46所示。

图2-45

图2-46
2.3.2 绘制小动物
本案例制作的是造型简单、表情可爱的小动物。偏萌系的风格搭配鲜艳饱和的色彩,给人轻松、愉快的感觉。这种清新可爱的画风,使儿童插画的绘制散发出独特童趣Q版的魅力。
STEP 01 模糊对象颜色
运行Illustrator CS5,按【Ctrl+N】组合键,在打开的“新建”对话框中设置新建文件参数。如图2-47所示,完成后单击“确定”按钮,新建文件,如图2-48所示。

图2-47

图2-48
STEP 02 设置填色和描边
双击“填色”按钮,在打开的“拾色器”中设置填色为“橘黄色”(R:255,G:146,B:0),如图2-49所示,完成后单击“确定”按钮。然后单击“描边”按钮,再单击下方的“无”按钮,如图2-50所示。

图2-49

图2-50
STEP 03 绘制头型和鼻孔下巴
单击“钢笔工具”按钮,然后绘制长颈鹿的头型,如图2-51所示,设置填色为“黄色”(R245,G193,B49),描边同样为“无”。然后绘制鼻孔,再设置“深橘黄色”,绘制长颈鹿的下巴,如图2-52所示。

图2-51

图2-52
STEP 04 绘制眼睛
设置填色为“深蓝色”(R:40,G:42,B:51),单击“椭圆工具”按钮,绘制一个圆形,如图2-53所示。使用相同的方法,按【Alt】键并结合椭圆工具从中心绘制一个略小的圆形,如图2-54所示。

图2-53

图2-54
STEP 05 创建复合图形
选择“窗口>路径查找器”命令,打开“路径查找器”面板,如图2-55所示。单击“选择工具”按钮,选择两个圆形,单击“排除重叠形状区域”按钮
,如图2-56所示。

图2-55

图2-56
STEP 06 绘制眼白
设置填色为“白色”(R:255,G:255,B:255),然后在圆环上方绘制眼白,如图2-57所示,按【Ctrl+[】组合键将对象后移一层,使眼白位于圆环的下方,如图2-58所示。

图2-57

图2-58
提示
在调整图形的叠加顺序时,按快捷键【Ctrl+[】后移一层;按快捷键【Ctrl+]】前移一层。
STEP 07 填充渐变
使用选择工具选择眼白图形,如图2-59所示,在“渐变”面板上设置渐变滑块的颜色为“白色”到“灰白色”(R:229,G:229,B:229),如图2-60所示。

图2-59

图2-60
STEP 08 绘制渐变眼珠
在“渐变”面板上设置渐变滑块的颜色为“黄色”(R:2439,G:175,B:24)和“深黄色”(R:223,G:128,B:0),如图2-61所示。完成绘制后单击“椭圆工具”按钮,按【Alt】键从中心绘制一个渐变眼珠图形,如图2-62所示。

图2-61

图2-62
STEP 09 添加眼睛细节
设置“填色”为黑色,使用相同方法从中心绘制一个圆形,如图2-63所示,在“渐变”面板上设置“填色”为渐变色“白色”到“灰白色”(R:229,G:229,B:229),使用椭圆工具在眼珠上方绘制白色的高光图形。完成后选择所有眼睛图形,按【Ctrl+G】组合键编组,如图2-64所示。

图2-63

图2-64
STEP 10 复制调整眼睛
单击“选择工具”按钮,选择编组的眼睛图形,按【Alt】键复制移动到画面左边,如图2-65所示。调整左边眼睛图形的编辑框,使左边的眼睛略小于右边的眼睛,如图2-66所示。

图2-65

图2-66
STEP 11 绘制鹿角
设置填色为“橘黄色”(R:255,G127,B0),单击“钢笔工具”按钮,在鹿头上方绘制鹿角图形,如图2-67所示,选择鹿角图形,单击鼠标右键,在打开的快捷菜单中选择“排列>置于底层”命令,使鹿角图形位于头型的最下面,如图2-68所示。

图2-67

图2-68
STEP 12 添加鹿角细节
使用相同的方法,设置填色为“橘红色”(R:223,G:72,B:0)。使用“椭圆工具”按钮,按【Shift】键在鹿角上方绘制出一个圆形,如图2-69所示,选择圆形和鹿角图形,按组合键【Ctl+G】编组,如图2-70所示。

图2-69

图2-70
STEP 13 创建镜像编组图形
选择编组的鹿角图形,单击“镜像工具”按钮,按【Alt】键在画面空白处单击,确定镜像中心点。在打开的“镜像”对话框中设置各项参数,如图2-71所示,完成设置后,单击“复制”按钮,复制编组的鹿角图形,并拖动编辑框调整位置和大小,如图2-72所示。

图2-71

图2-72
STEP 14 绘制耳朵
设置填色为“黄色”(R:255,G:127,B:0),然后在长颈鹿右眼睛上绘制一个耳朵图形。如图2-73所示,设置填色为“橘红色”(R:223,G:72,B:0),继续绘制耳朵的内阴影。完成设置后,把长颈鹿头部的所有图形,按【Ctrl+G】组合键编组,如图2-74所示。

图2-73

图2-74
STEP 15 绘制渐变身体
在“渐变”面板上设置渐变色为“红色”(R:187,G:48,B:0),“橘红色”(R:255,G119,B:0)并设置“类型”为“径向”。如图2-75所示,单击“钢笔工具”按钮,在头部下面绘制长颈鹿的身体,如图2-76所示。

图2-75

图2-76
STEP 16 调整渐变效果
单击“渐变工具”按钮,从闭合路径向外拖动鼠标,创建渐变编辑框,如图2-77所示。单击“渐变工具”按钮
,将鼠标光标移到水平控制杆,出现渐变滑块后拖动中间的滑块,适当调整渐变效果,如图2-78所示。

图2-77

图2-78
STEP 17 创建渐变花纹
在“渐变”面板上设置渐变色为“红色”(R:202,G:63,B:0),“橘红色”(R:223,G81,B:0),设置“类型”为“径向”。如图2-79所示,使用相同的方法,绘制花纹图形,然后使用渐变工具调整渐变效果,如图2-80所示。

图2-79

图2-80
STEP 18 制作花纹图形
使用选择工具选择身体图形,按快捷键【Ctrl+C】复制,再按快捷键【Ctrl+F】粘贴在前。选择花纹和复制图形,单击“路径查找器”面板上的“与形状区域相交”按钮,花纹图形多余的部分就被切除了,如图2-81和图2-82所示。

图2-81

图2-82
STEP 19 对象编组
使用相同的方法,依次创建完成长颈鹿身体上的花纹并编组,如图2-83所示。使用选择工具选择编组的花纹图形和身体图形,按【Ctrl+G】组合键编组,如图2-84所示。

图2-83

图2-84
小结
长颈鹿的头部主要由不规则图形和两个大眼睛构成,充分体现了Q版的特点。绘制时注意图形间的对称。绘制长颈鹿的身体,通过路径查找器面板创建更丰富整齐的图形。
STEP 20 绘制并调整脚部
在“渐变”面板上设置渐变色为“深棕色”(R:243,G:175,B:24)和棕色(R:223,G:128,B:0)。如图2-85所示,单击“钢笔工具”按钮,在身体图形下面绘制一个脚,如图2-86所示。

图2-85

图2-86
STEP 21 绘制脚部图形
使用前面相同的方法,调整脚形状的渐变效果。如图2-87所示,完成后使用相同的方法,用钢笔工具绘制其余的脚部图形,并调整渐变效果,如图2-88所示。

图2-87

图2-88
STEP 22 绘制并调整尾巴
在“渐变”面板上设置渐变色为“红色”(R:187,G:48,B:0)和“橘红色”(R:255,G:119,B:0),如图2-89所示。单击“钢笔工具”按钮,在身体右边绘制一条尾巴。使用相同的方法,用渐变工具调整渐变效果,如图2-90所示。

图2-89

图2-90
STEP 23 添加尾巴细节
使用相同的方法,运用“路径查找器”面板结合“渐变”面板创建尾巴的花纹,如图2-91所示,设置填色为“黑色”(R:0,G:0,B:0),描边为无,然后在尾巴下部绘制尾巴须图形,如图2-92所示。

图2-91

图2-92
STEP 24 调整并编组图形
单击“选择工具”按钮,细致调整各部件的大小位置。如图2-93所示,完成设置后,选择所有的图形,按【Ctrl+G】组合键编组,如图2-94所示。

图2-93

图2-94
STEP 25 绘制牛
运用前面的方法,首先绘制牛的身体。注意花纹、眼睛和耳朵的表现。如图2-95所示,继续绘制牛的下半部分细节。注意乳房和后面脚的叠加顺序。完成牛的绘制后,全选包含的所有对象并编组,如图2-96所示。

图2-95

图2-96
STEP 26 绘制鸡
运用前面的方法,首先绘制鸡的红色渐变大致轮廓。注意鸡的器官叠加和渐变调整,如图2-97所示,继续绘制鸡的身体细节。注意以渐变黄色加以区分。完成鸡的绘制后,全选包含的所有对象并编组,如图2-98所示。

图2-97

图2-98
STEP 27 绘制熊
运用前面的方法,首先绘制熊的褐色渐变大致轮廓。注意熊的各部分叠加和渐变调整。如图2-99所示,继续绘制熊的身体细节。注意以渐变黄色加以区分。完成熊的绘制后,全选包含的所有对象并编组,如图2-100所示。

图2-99

图2-100
STEP 28 背景素材上添加动物
打开本书的配套光盘Reader\第2章\06\media\动物场景,如图2-101所示,单击“选择工具”按钮,选择单个的编组动物,然后拖动到当前的画板上并调整大小和方向。使用相同的方法,从素材图形上拖动更多的动物在当前画板上,并排列美观,如图2-102所示。

图2-101

图2-102
2.3.3 绘制卡通场景
本案例是属于带有幻想特色的卡通场景,画面主要的景物造型,如房屋、树木和灯都采用了Q版造型,也就是比较梦幻的、卡通的、可爱的形象。颜色方面采用了丰富多彩的各色搭配,但个别整体造型,如房屋采用了相似色的搭配,使多色的画面中单个物体具有统一性,从而使画面的颜色在变化中达到一定的和谐。
STEP 01 新建文件
运行Illustartor CS5,按【Ctrl+N】组合键,在打开的“新建文档”对话框中设置新建文件参数。如图2-103所示,完成后单击“确定”按钮,新建文件,如图2-104所示。

图2-103

图2-104
STEP 02 绘制群青色矩形背景
单击“矩形工具”按钮,在画面空白处单击,在打开的“矩形”对话框中设置“宽度”和“高度”的参数,单击“确定”按钮。如图2-105所示,然后在工具箱中设置填色为“群青色”(R:83,G:106,B:172),描边为“无”,如图2-106所示。

图2-105

图2-106
提示
使用矩形工具按【Alt】键单击确定矩形的中心,按【Shift】键可以拖动出正方形。
STEP 03 创建渐变色矩形背景
单击“选择工具”按钮,选择群青色矩形,按快捷键【Ctrl+C】复制,再按快捷键【Ctrl+F】粘贴在前。选择复制图形,在“渐变”面板中依次设置渐变滑块为“蓝色”(R:54,G:43,B:94),“群青色”(R:86,G:111,B:179),“群青色”(R:86,G:126,B:183),“青色”(R:122,G:254,B:252),如图2-107和图2-108所示。

图2-107

图2-108
STEP 04 调整渐变效果
单击“渐变工具”按钮,从闭合路径向外拖动鼠标,调整渐变编辑框,如图2-109所示,将鼠标光标移到水平控制杆,出现渐变滑块后拖动中间的滑块,适当调整渐变效果,如图2-110所示。

图2-109

图2-110
STEP 05 创建渐变网格
单击“选择工具”按钮,选择群青色矩形,按快捷键【Ctrl+C】复制,再按快捷键【Ctrl+F】将对象粘贴在前。选择复制图形,设置填色为“青灰色”(R:101,G:180,B:197),描边为“无”。如图2-111所示,单击“网格工具”按钮
,在画面上单击创建网格,并单击“直接选择工具”按钮
调整曲线,如图2-112所示。

图2-111

图2-112
STEP 06 调整渐变网格的颜色
选择“窗口>颜色”命令,打开“颜色”面板,如图2-113所示,使用直接选择工具选择单个锚点,然后在“颜色”面板上重新设置颜色,如图2-114所示。

图2-113

图2-114
STEP 07 继续调整渐变网格的颜色
使用直接选择工具选择单个锚点,按【Shift】键选择多个锚点,如图2-115所示,然后在“颜色”面板上重新调整颜色,设置颜色为“蓝色”(R:47,G:90,B:129)。使用相同的方法,选择各个锚点调整颜色,如图2-116所示。

图2-115

图2-116
STEP 08 绘制五星和椭圆形
在工具箱中设置“填色”为“白色”,“描边”为“无”。然后按【Ctrl++】组合键放大画面,单击“钢笔工具”按钮在背景上部绘制五星图案。如图2-117所示,单击“椭圆工具”按钮
,绘制一个椭圆覆盖五星。单击鼠标右键,在打开的菜单中选择“排列>后移一层”命令,置于五星的下面,如图2-118所示。

图2-117

图2-118
STEP 09 设置椭圆的不透明度
单击“选择工具”按钮,选择白色椭圆形。选择“窗口>透明度”命令,打开透明度面板。设置“不透明度”为43%,使椭圆形颜色调整为青灰色,如图2-119和图2-120所示。

图2-119

图2-120
STEP 10 创建高斯模糊效果
选择青灰色椭圆形,选择“效果>模糊>高斯模糊”命令,在打开的“高斯模糊”对话框中设置“半径”参数,如图2-121所示。完成设置后,单击“确定”按钮,使椭圆形模糊化,从而创建五星的发光的效果,如图2-122所示。

图2-121

图2-122
STEP 11 设置不透明度
选择模糊的椭圆形,在“透明度”面板上设置“不透明度”为43%。选择“窗口>外观”命令,在打开的“外观”面板上可以查看所运用的外观属性,如图2-123所示,使星光的效果更加自然并融入背景色中,如图2-124所示。

图2-123

图2-124
STEP 12 创建四角形
选择“星形工具”按钮,单击画面空白处,在打开的“星形”对话框中设置各项参数,如图2-125所示,完成后单击“确定”按钮,从而创建四角形,如图2-126所示。

图2-125

图2-126
STEP 13 调整四角形的形状
单击“直接选择工具”按钮,选择四角形的内部4个锚点,如图2-127所示,单击“比例缩放工具”按钮
,向内拖动锚点,使四角形的形状更加狭长,如图2-128所示。

图2-127

图2-128
STEP 14 创建不透明度的圆形
在“不透明度”面板上设置“不透明度”为65%,如图2-129所示,单击“椭圆工具”按钮,在四角形上绘制一个圆形,如图2-130所示。

图2-129

图2-130
STEP 15 设置渐变效果
在“渐变”面板中依次设置渐变滑块为“黄色”(R:225,G:227,B:159),“白色”,白色的圆形变换为渐变效果,如图2-131所示,单击“椭圆工具”按钮,按【Shift】键拖动鼠标绘制渐变圆形。并使用相同的方法,用渐变工具调整渐变效果,如图2-132所示。

图2-131

图2-132
STEP 16 设置不透明度
选择渐变圆形,在“透明度”面板上设置“不透明度”为36%,如图2-133所示。设置完成后,使绘制的圆形具有底色的效果,如图2-134所示。

图2-133

图2-134
提示
透明度面板可用于设置图形或文字的透明度,包括不透明度、混合模式、隔离混合、挖空组、剪切与反相蒙版。
STEP 17 绘制高光图形
单击“钢笔工具”按钮,在圆形的下方绘制月牙形,如图2-135所示。继续使用钢笔工具在月牙形上绘制一个椭圆形,如图2-136所示。

图2-135

图2-136
STEP 18 绘制高光图形
单击“钢笔工具”按钮,在圆形的下方绘制月牙形,如图2-137所示。继续使用钢笔工具在月牙形上绘制一个椭圆形,如图2-138所示。

图2-137

图2-138
STEP 19 创建高斯模糊的效果
选择月牙形,选择“效果>模糊>高斯模糊”命令,在打开的“高斯模糊”对话框中设置“半径”参数,如图2-139所示。完成创建后,单击“确定”按钮,创建高斯模糊的效果,如图2-140所示。

图2-139

图2-140
STEP 20 创建不透明度效果
单击“选择工具”按钮,选择月牙形,如图2-141所示,设置“不透明度”为57%,使高光图形自然地融入圆形底色中,如图2-142所示。

图2-141

图2-142
STEP 21 创建不透明度效果
单击“选择工具”按钮,选择椭圆形。设置“不透明度”为49%,使高光图形自然融入圆形底色中,如图2-143和图2-144所示。

图2-143

图2-144
STEP 22 继续添加高光
使用相同的方法,单击“钢笔工具”按钮添加具有一定不透明度和高斯模糊效果的高光图形。如图2-145所示,再设置不透明度较高的参数,绘制在高光月牙形上,如图2-146所示。

图2-145

图2-146
STEP 23 绘制完成水珠
单击星形工具,使用相同的方法创建狭长的四角形,如图2-147所示。绘制水珠完成后,单击“选择工具”按钮
选择所有的组成图形,按快捷键【Ctrl+G】编组,如图2-148所示。

图2-147

图2-148
STEP 24 创建星光群
使用相同的方法,绘制不同的星光和水珠效果,按【Ctrl+G】组合键编组,如图2-149所示,单击“选择工具”按钮,按【Alt】键复制移动编组的星光群拖动到画面的右中方,并拖动编辑框调整编组星光群的大小和方向,如图2-150所示。

图2-149

图2-150
STEP 25 设置图层混合模式
单击“选择工具”按钮,选择前面创建的渐变网格背景,如图2-151所示,在“透明度”面板上设置“图层混合模式”为“正片叠底”,使背景的颜色趋向于暗调,如图2-152所示。

图2-151

图2-152
小结
在绘制复杂的插画图像时,一般先通过绘制基本的背景,来确定画面将要烘托出的氛围,如暗调一般就表现晚上或暗处的景物。在背景上通过钢笔工具和椭圆工具绘制基本的星光形,再通过高斯模糊效果和设置不透明度来创建发光的效果。
STEP 26 绘制山脉基本形
单击“钢笔工具”按钮,在工具箱上设置“填色”为“草绿色”(R:152,G:184,B:29),“描边”为无。然后在背景下方绘制山脉的主体图形,如图2-153所示,重新设置“填色”为“绿色”(R1:33,G:177,B:38),然后继续在山脉上绘制细节图形,如图2-154所示。

图2-153

图2-154
STEP 27 创建复合图形
单击“选择工具”按钮,选择山脉基本形,按快捷键【Ctrl+C】和【Ctrl+F】复制并粘贴在前,选择复制图形和山脉细节图形。选择“窗口>路径查找器”命令,打开“路径查找器”面板。单击“路径查找器”面板上的“与形状区域相交”按钮
,使山脉细节与山脉边缘对称,如图2-155和图2-156所示。

图2-155

图2-156
STEP 28 完成绘制山脉
使用相同的方法,结合钢笔工具和“路径查找器”面板添加山脉的细节图形。如图2-157所示,创建前面的山脉完成后,再使用相同的方法,绘制后面几座山脉,并适当的调整每个山脉大体的色调,如图2-158所示。

图2-157

图2-158
STEP 29 创建画面的暗调效果
选择前面创建的渐变背景,按快捷键【Ctrl+C】复制。再单击鼠标右键,在打开的快捷菜单中选择“排列>置于顶层”命令,使复制图形置于顶层。设置复制图形的图层混合模式为“正片叠底”,从而使整个画面笼罩在一种夜晚的气氛中,如图2-159和图2-160所示。

图2-159

图2-160
STEP 30 绘制房屋墙壁
在“渐变”面板上设置渐变色“肉色”(R:234,G:199,B:135),“肉色”(R:2225,G:182,B:91),“土黄色”(R:162,G:106,B:38,“黄铜色”(R:126,G:88,B:38),如图2-161所示。单击“钢笔工具”按钮,绘制房屋的墙壁,并使用相同的方法调整渐变效果,如图2-162所示。

图2-161

图2-162
STEP 31 绘制门槛
在“渐变”面板上设置渐变色“黄色”(R:226,G179,B50),“米色”(R:255,G255,B177),“米黄色”(R:255,G235,B167),如图2-163所示。使用钢笔工具绘制房屋的门框,并使用相同的方法调整渐变效果,如图2-164所示。

图2-163

图2-164
STEP 32 绘制门框细节
使用相同的方法在渐变面板上设置各项参数,然后在门的左边绘制左和右阴影图形,如图2-165所示。选择绘制的阴影图形,单击鼠标右键从打开的快捷菜单中选择“排列>后移一层”命令,使阴影图形位于门框的下面,如图2-166所示。

图2-165

图2-166
STEP 33 绘制房顶
单击“钢笔工具”按钮,在“渐变”面板上设置各项参数,然后在门框上部绘制渐变图形并调整渐变效果,如图2-167所示。使用相同的方法,依次绘制房顶的各部分并调整渐变效果,如图2-168所示。

图2-167

图2-168
STEP 34 绘制树枝装饰
在房顶上绘制一个树枝图形,并设置黄色到褐色的渐变,如图2-169所示。使用相同的方法,绘制完成一片树叶,从而使木屋顶更加美观,如图2-170所示。

图2-169

图2-170
STEP 35 绘制渐变瓦片
在“渐变”面板上设置渐变色为黄色(R:194,G:158,B:47),绿黄色(R:134,G:119,B:33),土黄色(R:104,G:76,B:30),如图2-171所示,完成设置后,使用钢笔工具在屋顶上绘制一个瓦片图形。使用相同的方法,调整渐变瓦片的渐变效果,如图2-172所示。

图2-171

图2-172
STEP 36 创建瓦片的立体感
在工具箱中设置填色为“深褐色”(R:73,G:56,B:1),使用钢笔工具在渐变瓦片下绘制四边形,如图2-173所示。使用相同的方法,设置不同的填色,在渐变瓦片下绘制四边形,从而创建瓦片的立体感,如图2-174所示。

图2-173

图2-174
STEP 37 创建立体效果的瓦片
使用相同的方法,在“渐变”面板上设置渐变参数,使用钢笔工具绘制渐变效果的瓦片,如图2-175所示,使用钢笔工具在瓦片与房屋主体的部分绘制瓦片的阴影。按快捷键【Ctrl+[】,向下移动图形,直到阴影位于合适的位置,如图2-176所示。

图2-175

图2-176
STEP 38 绘制钉子
在渐变面板上设置渐变色为米白色到米黄色的径向渐变。单击“椭圆工具”按钮,按【Shift】键创建球形渐变效果的圆形。在圆球下面绘制渐变色为黄色到褐色的阴影图形,如图2-177所示,单击“选择工具”按钮
,按【Alt】键,复制移动钉子图形,最后按【Ctrl+G】组合键编组,如图2-178所示。

图2-177

图2-178
STEP 39 添加天窗
选择月牙形,选择“效果>模糊>高斯模糊”命令,在打开的“高斯模糊”对话框中设置“半径”参数,如图2-179所示。完成创建后,单击“确实”按钮,创建高斯模糊的效果,如图2-180所示。

图2-179

图2-180
STEP 40 添加大门和烟囱
设置好渐变效果后,在墙壁上绘制大门,然后添加门把手、窗口的细节,如图2-181所示。使用相同的方法,绘制房顶的烟囱,并使用前面创建星光的方法,在烟囱前添加更多的烟雾效果,如图2-182所示。

图2-181

图2-182
STEP 41 添加房屋外围的细节
在“渐变”面板上设置渐变色为米黄色到白色到蓝色到蓝灰色,“类型”为“径向”,使用钢笔工具在草地上绘制地板,并使用相同的方法,添加地板上的栏杆,如图2-183所示。再使用相同的方法,在工具箱上设置不同的填色,用钢笔工具绘制鸟蛋和盒子,如图2-184所示。

图2-183

图2-184
STEP 42 调整房屋的各个组成
单击“选择工具”按钮,悬着房屋的各个组成,并进行细致的调整,完成调整后,选择房屋所有的组成,按【Ctrl+G】组合键编组,如图2-185所示。

图2-185
提示
可以将多个对象编组,编组对象被作为一个单元进行处理。可以同时移动、变换,而不影响对象各自的位置或属性。编组对象被连续地堆叠在图稿的一个图层上,因此编组会改变对象的图层分布以及在图层中的堆叠顺序。如果选择位于不同图层中的对象进行编组,则编组后在其图层中的最靠前图层,这些对象将被编入图层中。
STEP 43 添加花朵
打开本书的配套光盘Reader\第2章\07\media\花朵,如图2-186所示,单击“选择工具”按钮,选择单个的花朵,然后拖动到当前的画板上并调整大小和方向。使用相同的方法,从素材图形上拖动更多的花朵在当前画板上,并排列美观,如图2-187所示。

图2-186

图2-187
STEP 44 绘制花朵和茎叶
在工具箱上设置“填色”为“天蓝色”(R:115,G:168,B:128)。单击“钢笔工具”按钮,在花朵下面绘制茎的图形,如图2-188所示。使用相同的方法,在花朵周围绘制不同填色效果的茎叶,使画面更加丰富,如图2-189所示。

图2-188

图2-189
STEP 45 调整远处植物的颜色
单击“选择工具”按钮,拖动选择框,选择离房屋较远的植物,按【Ctrl+G】组合键编组。完成编组后,在“透明度”面板上设置图层混合模式为“正片叠底”,从而使远处的植物颜色暗下来,增加画面的距离感,如图2-190和图2-191所示。

图2-190

图2-191
STEP 46 绘制立体效果的木栅栏
在工具箱上设置“填色”为“肉色”(R:243,G:162,B:73)。完成设置后,使用钢笔工具绘制一个五边形,根据光线的不同设置不同的肉色系,绘制一块具立体感的木头,如图2-192所示。编组木头各面,按【Alt】键并使用选择工具拖动编组图形,复制图形,再绘制连接条,如图2-193所示。

图2-192

图2-193
STEP 47 添加木栅栏细节并复制
在工具箱上设置“填色”为“灰色”(R:172,G:138,B:98)。单击“椭圆工具”按钮,按【Shift】键在木栅栏上绘制小圆,如图2-194所示,完成设置后,编组所有的木栅栏部件。使用选择工具复制移动编组图形到画面的右边,调整大小和方向,并调整叠加顺序,如图2-195所示。

图2-194

图2-195
STEP 48 创建草地
选择“窗口>色板”命令,打开“色板”面板。单击“色板”面板右上方的按钮,打开快捷菜单后选择“打开色板库>图案>基本图形>基本图形_纹理”命令,打开“纹理”色板。选择“USGS 2沼泽”图案,如图2-196所示,使用钢笔工具在栅栏内围绘制草地图形并调整叠加顺序,如图2-197所示。

图2-196

图2-197
STEP 49 绘制渐变树干
在“渐变”面板上设置渐变色为浅褐色(R:142,G:93,B:76),褐色(R:63,G:32,B:26),如图2-198所示,完成设置后,使用钢笔工具在房屋前方绘制树干图形。并使用相同的方法调整渐变效果,如图2-199所示。

图2-98

图2-199
STEP 50 创建树干的纹理
选择主要的粗树干,按【Ctrl+C】组合键复制,再按【Ctrl+F】组合键粘贴在前。选择复制图形,在打开的“纹理”面板上单击“波纹”图案。树干的纹理效果就创建完成,如图2-200和图2-201所示。

图2-200

图2-201
STEP 51 添加树叶
打开本书的配套光盘Reader\第2章\07\media\树叶,如图2-202所示,单击选择工具,选择单个的树叶,然后拖动到当前的画板上并调整大小和方向。使用相同的方法,从素材图形上拖动更多的树叶在当前画板上,并排列美观,如图2-203所示。

图2-202

图2-203
STEP 52 添加岩石
选择“窗口>符号”命令,打开“符号”面板。单击“符号”面板右上方的“展开”按钮,在打开的快捷菜单中选择“打开符号库>自然”命令,打开“自然”符号面板。选择“岩石1”符号,如图2-204所示。单击“符号喷枪工具”按钮,添加到画面并调整位置和大小,如图2-205所示。

图2-204

图2-205
STEP 53 添加植物细节
在“自然”符号面板上分别选择“植物2”,“草地4”,“岩石5”,如图2-206所示。使用符号喷枪工具分别添加到树根下部,并调整位置和大小,如图2-207所示。

图2-206

图2-207
提示
使用选择工具同样可以将符号添加到画板上,但缺点是一次只能添加一个。使用符号喷枪就像一个粉雾喷枪
,可一次将大量相同的对象添加到画板上。
STEP 54 绘制月亮
在工具箱上设置“填色”为“白色”,然后使用“椭圆工具”按钮,按【Shift】键绘制一个正圆图形,如图2-208所示。设置不同颜色的同色系黄色,并使用铅笔工具
配合钢笔工具
绘制月亮表面的纹路细节,使其更加逼真,如图2-209所示。

图2-208

图2-209
STEP 55 创建光晕
选择月亮的白色圆形,按【Ctrl+C】组合键复制,再按【Ctrl+B】组合键粘贴在后。重新设置“填色”为“褐色”(R:110,G:83,B:49),在“透明度”面板上设置图层混合模式为“滤色”,使月亮周围有光晕的效果,如图2-210和图2-211所示。

图2-210

图2-211
STEP 56 创建发光效果
选择光晕图形,选择“效果>模糊>高斯模糊”命令,打开“高斯模糊”对话框并设置“半径”参数,如图2-212所示。完成设置后,单击“确定”按钮,图形被模糊,光晕的发光效果创建完成,如图2-213所示。

图2-212

图2-213
STEP 57 绘制渐变圆球
在“渐变”面板上设置渐变色为“肉色”(R:251,G:226,B180),如图2-214所示,完成设置后,单击“椭圆工具”按钮,按【Shift】键绘制一个正圆图形。单击“选择工具”按钮
按【Alt】键复制移动,创建更多的渐变圆球。并按【Ctrl+G】组合键编组,如图2-215所示。

图2-214

图2-215
STEP 58 创建光亮效果
选择编组的渐变圆球图形,在“透明度”面板上设置图层混合模式为“滤色”,如图2-216所示。完成设置后,画面上具有光亮感的星光效果就创建完成了,如图2-217所示。

图2-216

图2-217
STEP 59 添加装饰细节
打开本书的配套光盘Reader\第2章\07\media\装饰,如图2-218所示,单击“选择工具”按钮,选择单个的图形,然后拖动到当前的画板上并调整大小和方向。使用相同的方法,从素材图形上拖动更多的装饰图形在当前画板上,并排列美观,如图2-219所示。

图2-218

图2-219