插画——插画的唯美艺术表现
第14章 插画篇
104 插画——卡通古典插画
105 插画——插画的CG动画表现
106 插画——可爱的Q版人物插画
107 插画——游戏人物形象表现
108 插画——插画的唯美艺术表现
插画是一种艺术形式，作为现代设计的一种重要的视觉传达形式，以其直观的形象性，真实的生活感和美的感染力，在现代设计中占有特定的地位，已广泛用于现代设计的多个领域，涉及到文化活动、社会公共事业、商业活动、影视文化等方面。
商业插画包括出版物插图、卡通吉祥物、影视与游戏美术设计和广告插画4种形式。在中国，插画已经遍布于平面和电子媒体、商业场馆、公众机构、商品包装、影视演艺海报、企业广告甚至T恤、日记本、贺年片。
104 插画——卡通古典插画
本实例中运用钢笔工具绘制人物线稿，在上方绘制人物局部时用“描边路径”命令，结合画笔工具，绘制阴影，高光，体现人物的立体感。
使用工具：画笔工具、钢笔工具和描边路径。
文件路径：源文件\第14章\104.psd
视频文件：mp4\第14章\1104.mp4
01 启动Photoshop后，执行“文件”｜“打开”命令，弹出“打开”对话框，选择本书配套光盘中“目标文件\第14章\14.1\线稿.jpg文件”，单击“打开”按钮，如图14-1所示。
图14-1 打开线稿
02 单击图层面板下的“创建新组”按钮
，组命名为“组1”，在该组内新建多个图层，单击画笔工具
，绘制人物浅土黄色（#fee2be）肤色，浅紫色（#a5727b）眼影及浅橘色（#efc391）唇彩，如图14-2所示。
图14-2 绘制脸部
03 在“组1”的上方，单击图层面板下的“创建新组”按钮
，组命名为“组2”，在该组内新建多个图层，单击铅笔工具
，在选项栏中设置如图14-3所示。
04 单击钢笔工具
，描绘出眼线的路径，单击路径面板，选中“工作路径1”图层，单击鼠标右键，选择“描边路径”选项，弹出“描边路径”对话框，在工具下拉列表中选择“铅笔”，勾选“模拟压力”复选框，绘制左眼线，如图14-4所示。
图14-3 铅笔参数
图14-4 绘制左眼线
05 同上述方法绘制出另一条眼线，如图14-5所示。
图14-5 绘制眼线
06 单击钢笔工具
，结合画笔工具
、减淡工具
，描绘人物眼球、眼白及嘴唇鼻子的阴影，如图14-6所示
图14-6 绘制眼睛
07 在“组2”的上方，单击图层面板底部的“创建新组”按钮
，组命名为“组3”，在该组内新建多个图层，单击钢笔工具
，结合减淡工具
和加深工具
，绘制人物浅黄色（#fee2be）的胳膊，深紫色（#6e1918）衣服及橘色（#c76b31）的衣襟，如图14-7所示。
图14-7 绘制衣服
08 单击图层面板下的“创建新组”按钮
，组命名为“组4”，在该组内新建多个图层，单击画笔工具
，绘制人物紫褐色（#39273a）头发，在适当的位置涂抹黑紫色（#1b0c1c）阴影，单击钢笔工具
，绘制高光路径，按Ctrl+Enter键，将路径转换成选区，按Shift+F6键，羽化30像素，填充白色，“不透明度”为60%，单击画笔工具
，涂抹均匀，如图14-8所示。
图14-8 绘制头发
09 在“组4”内单击图层面板下的“创建新图层”按钮
，新建图层，单击画笔工具
，结合图层面板下的“添加图层蒙版”
，绘制人物头饰，如图14-9所示。
图14-9 绘制头饰
10 在图层面板中选中背景图层，按Ctrl+J键复制背景图层，填充颜色（#fef5e6），效果如图14-10所示。
图14-10 填充背景
11 在图层面板中选中背景图层，按Ctrl+J键复制背景图层，按Ctrl+Shift+]键放置顶层，图层混合模式为“正片叠底”，增加人物立体感，如图14-11所示。
图14-11 最终效果
105 插画——插画的CG动画表现
在本实例中使用钢笔工具绘制人物线稿，对阴影，高光部分进行细致涂抹，通过“创建剪贴蒙版”命令制作人物立体效果。
使用工具:钢笔工具、画笔工具和剪贴蒙版。
文件路径：源文件\第14章\105.psd
视频文件：mp4\第14章\105.mp4
01 启动Photoshop后，执行“文件”｜“打开”命令，弹出“打开”对话框，选择本书配套光盘中“目标文件\第14章\14.2\线稿jpg文件”，单击“打开”按钮，如图14-12所示。
02 单击图层面板下的“创建新图层”按钮
，单击画笔工具
，设置前景色为亮黄色（#d0ba02），绘制鞋面，土黄色（#be6d08），绘制鞋底，如图14-13所示。
图14-12 打开线稿
图14-13 描绘鞋子
03 单击图层面板下的“创建新组”按钮
，组命名为“翅膀”，在该组内新建多个图层，单击钢笔工具
，绘制翅膀的路径，按Ctrl+Enter键，将路径转换成选区，按Alt+Delete键，填充蓝色（#102b94）翅膀，如图14-15所示。单击画笔工具
，在适当位置涂抹浅白色，按Ctrl+Alt+G键，创建剪贴蒙版，接着结合钢笔工具
，绘制翅膀暗部，如图14-15所示。
图14-14 绘制翅膀路径
图14-15 绘制翅膀
04 单击图层面板下的“创键新图层”按钮
，单击画笔工具
，结合钢笔工具
，绘制深绿色（#134051）蝴蝶结，紫灰色（#634465）的衣服反面，如图14-16所示。
图14-16 描绘领结及底层
05 单击图层面板下的“创建新组”按钮
，命组名为“衣服”，在组内新建多个层，单击钢笔工具
，结合画笔工具
绘制紫色（#200822）衣服的颜色，单击钢笔工具
，绘制衣服阴影的路径，按Ctrl+Enter键将路径转换成选区，填充深紫色（#19081b），单击画笔工具
，绘制衣服的高光，如图14-17所示。
图14-17 绘制衣服
06 单击图层面板下的“创键新图层”按钮
，单击画笔工具
结合钢笔工具
，绘制人物橙黄色（#e78f2e）肤色，单击画笔工具
，绘制橙灰色（#ad5f0b）阴影，浅黄色（#f5be82）高光，如图14-18所示。
图14-18 描绘人物身体肤色
07 单击画笔工具
绘制人物脸部肤色，嘴唇，眼球的颜色，选择透明度比较低的笔刷在脸部涂抹高光，如图14-19所示。
图14-19 描绘眼睛
08 按Ctrl+Shift+N键创建新图层，单击钢笔工具
，绘制头发的路径，按Ctrl+Enter键将路径转换成选区，填充金黄色（#b19932）头发，单击画笔工具
，用亮黄色（#d0bf32），涂抹头发高光，如图14-20所示。按Ctrl+Shift+N键创建新图层，绘制土黄色（#eab861）头发，按Ctrl+Alt+G键创建剪贴蒙版，绘制头发阴影，如图14-21所示。
图14-20 描绘头发及路径
图14-21 剪贴头发
09 选中背景图层，按Ctrl+Shift+N键创建新图层，单击渐变工具
，设置透明色到咖啡色的渐变，按下“线性渐变”按钮
，在画布中从右上角往左下角拉与左下角往右上角分别拉出渐变，如图14-22所示。
图14-22 添加背景
10 按Ctrl+J键复制背景图层，按Ctrl+Shift+]键置入顶层，图层混合模式为“正片叠底”，加强人物的立体感，效果如图14-23所示。
图14-23 最终效果
106 插画——可爱的Q版人物插画
本实例中运用钢笔工具命令绘制人物线稿，在上方绘制人物局部颜色，通过绘制阴影，高光及渐变颜色来体现人物的立体感。
使用工具:画笔工具、钢笔工具和描边路径。
文件路径：源文件\第14章\106.psd
视频文件：mp4\第14章\106.mp4
01 启动Photoshop后，执行“文件”｜“打开”命令，弹出“打开”对话框，选择本书配套光盘中“目标文件\第14章\14.3\线稿jpg文件”，单击“打开”按钮，如图14-24所示。
02 单击图层面板下的“创建新组”按钮
，命组名为“头发”。在该组内新建多个图层，单击钢笔工具
，绘制头发的路径，如图14-25所示，按Ctrl+Enter键，将路径转换成选区，设置前景色为橘色（#b85011），按Alt+Delete键填充前景色，如图14-26所示。
图14-24 打开文件
图14-25 描绘头发路径
03 单击画笔工具
，绘制人物头发的高光，如图14-27所示。
图14-26 描绘头发
图14-27 绘制高光
04 单击钢笔工具
，绘制头发阴影的路径，如图14-28所示。
图14-28 描绘头发路径
图14-29 画笔参数
05 单击画笔工具，笔刷设置参数如图14-29所示，单击钢笔工具，单击鼠标右键，在弹出的快捷菜单中选择“描边路径”选项，弹出“描边路径”对话框，在工具下拉列表中选择“画笔”，勾选“模拟压力”，单击“确定”按钮，如图14-30所示。
图14-30 描绘头发
06 单击图层面板下的“创建新组”按钮
，命组名为“肤色”，新建多个图层，单击钢笔工具
结合画笔工具
，用较浅的黄色（#f9dbb9）绘制人物的肤色的高光部分，并用土黄色(#f6b671)绘制人物的暗光部分，加强肤色的立体感，如图14-31所示。
图14-31 描绘肤色
07 单击图层面板下的“创建新图层”按钮
，单击画笔工具
结合钢笔工具
，绘制紫色（#a73fca）蝴蝶结。单击画笔工具
，笔刷大小设为1像素，颜色为白色，结合模糊工具
，绘制蝴蝶结高光，同方法绘制蝴蝶结的阴影，如图14-32所示。
图14-32 描绘蝴蝶结
08 单击图层面板下的“创建新组”按钮
，命组名为“上衣”,在该组内新建多个图层，单击画笔工具
，绘制上衣的不同颜色，如图14-33所示，再使用画笔工具
给上衣添加高光及阴影部分，呈现衣服的立体感，如图14-34所示。
图14-33 描绘上衣
图14-34 描绘上衣高光与阴影
09 同上述方法，绘制人物的裤子，单击画笔工具
，前景色为（#237a80），选择1像素的笔刷，绘制出阴影，再结合模糊工具
，绘制出裤子的褶皱，呈现出裤子的立体感，如图14-35所示。
图14-35 描绘裤子
10 单击图层面板中的背景图层，按Ctrl+J键，复制一份，放置在组名为“肤色”的组上，显出人物的线稿，如图14-36所示。
图14-36 显示线稿
11 单击图层面板下的“创建新组”按钮
，命组名为“眼睛”，在该组内新建多个图层。单击钢笔工具
绘制眼睛路径，按Ctrl+Enter键将路径转换成选区，填充奶白色（#fbe7e8），再绘制紫色的眼珠（#6b2a83），如图14-37所示。
图14-37 绘制眼白及眼珠
12 单击画笔工具
结合钢笔工具
，绘制出人物深紫色（#200829）的瞳孔，眼睛的高光，眼皮及眼侧，如图14-38所示。
13 单击画笔工具
结合钢笔工具
，绘制出人物嘴唇的颜色及阴影，如图14-39所示。
图14-38 绘制眼睛
图14-39 绘制嘴巴
14 单击图层面板中的背景图层，按Ctrl+Shift+N键新建图层，单击渐变工具
，设置深绿色（#164b3c）到黑色的渐变，按下“径向渐变”按钮
，在画布中从中心点往四周拉出深绿色到黑色的渐变，如图14-40所示。
15 单击图层面板中，选中复制的线稿，按Ctrl+Shift+]键将图层置顶，图层混合模式为“正片叠底”，增加人物的立体感，如图14-41所示。
图14-40 拉出渐变
图14-41 最终效果
107 插画——游戏人物形象表现
在本实例中使用钢笔工具绘制人物线稿，对阴影，高光部分进行细致涂抹。通过“创建剪贴蒙版”命令制作人物立体效果。
使用工具:画笔工具、钢笔工具和描边路径。
文件路径：源文件\第14章\107.psd
视频文件：mp4\第14章\107.mp4
01 启动Photoshop后，执行“文件”｜“打开”命令，弹出“打开”对话框，选择本书配套光盘中“目标文件\第14章\14.4\线稿jpg文件”，单击“打开”按钮，如图14-42所示。
图14-42 打开线稿
02 单击图层面板下的“创建新组”按钮
，组命名为“脸部”，单击钢笔工具
结合画笔工具
绘制出人物脸部的眼睛，高光及阴影，如图14-43所示。
图14-43 绘制脸部
03 单击图层面板下的“创建新组”按钮
，组命名为“鞋子”。
04 单击钢笔工具
，绘制人物袜子与鞋子的轮廓，按Ctrl+Enter键，将路径转换为选区，单击画笔工具，设置不同的颜色，涂抹出鞋子和袜子的颜色，如图14-44所示。
图14-44 绘制鞋子
05 在该组内新建多个图层，单击钢笔工具
，绘制人物鞋子的高光的路径，按Ctrl+Enter键，将路径转换成选区，设置前景色为灰色（#656363），按Alt+Delete键填充，单击画笔工具
，绘制人物鞋子上的阴影及土褐色的鞋底(#8a6d1f)，如图14-45所示。
06 技巧提示：在绘制路径时，如果将光标放于路径第一个锚点处，钢笔光标的右下角处会显示一个小圆圈标记，此时单击鼠标即可使路径闭合，得到闭合路径。
07 单击图层面板下的“创建新组”按钮
，组命名为“皮肤”，在该组内新建多个图层，单击画笔工具
，绘制人物胸前浅黄色（#f9d78d）皮肤，单击钢笔工具
，结合画笔工具绘制人物肩膀皮肤的高光，如图14-46所示。
图14-45 绘制鞋子高光及鞋底
08 单击图层面板下“创建新组”按钮
，组命名为“衣服”，在该组内创建多个图层。单击钢笔工具
，绘制衣服的袖筒，如图14-47所示。
图14-46 绘制皮肤
图14-47 绘制袖筒
09 单击钢笔工具
，绘制衣服下摆的路径，按Ctrl+Enter键将路径转换成选区，前景色设为紫（#4d375b）色，按Alt+Delete键填充，按Alt键单击图层面板下的“创建剪贴蒙版”
，前景色设为白色，涂抹图像外的衣服，使其过渡自然，如图14-48所示。
10 单击钢笔工具
结合画笔工具
，使用不同深浅度的紫色（#250b36）画笔，绘制衣服上的投影和细节，如图14-49所示。
11 单击图层面板下的“创建新组”按钮选
，组命名为“手臂”。
图14-48 绘制衣服底部
图14-49 绘制衣服
12 单击画笔工具
，绘制手臂，然后单击钢笔工具
结合画笔工具
，绘制手臂的金属质感的高光及阴影，如图14-50所示。
图14-50 绘制手臂
13 单击图层面板下的“创建新图层”按钮
，单击钢笔工具
，绘制头发的路径，按Ctrl+Enter键将路径转换为选区，填充白色，设置图层不透明度为50%，如图14-51所示。
14 单击图层面板线的“创建新图层”按钮
。单击画笔工具
结合钢笔工具
，绘制橙色（#f0c379）头发，按Ctrl+Alt+G键创建剪贴蒙版，单击图层面板下的“添加图层蒙版”按钮
，使头发过渡自然，如图14-52所示。
图14-51 绘制白色头发
图14-52 剪贴头发
15 单击图层面板下的“创建新图层”按钮
。单击画笔工具
，绘制紫灰色（#a58ba5）头发，按Ctrl+Alt+G键创建剪贴蒙版，单击图层面板下的“添加图层蒙版”按钮
，使头发过渡自然，如图14-53所示。
图14-53 绘制紫灰色头发
16 同上述方法绘制橙色的头发，如图14-54所示。
17 单击画笔工具
，绘制紫色头发（#512d5e），按Alt键单击图层面板下的“添加图层蒙版”按钮
，使头发过渡自然，如图14-55所示。
图14-54 绘制橙色头发
图14-55 绘制紫色头发
18 单击图层面板下的“创建新图层”按钮
，单击钢笔工具
，绘制出发梢路径，结合画笔工具
绘制橙色（#f0c379）头发，体现头发的立体感，如图14-56所示。
图14-56 绘制发梢
19 新建多个图层。单击画笔工具
，使用不同深浅度的头发画笔绘制头发的阴影及发梢，如图14-57所示。
图14-57 绘制紫色发梢
20 单击画笔工具
，结合钢笔工具
，绘制头发发梢出橙色头发，体现头发的立体感，如图14-58所示。
图14-58 最终效果
108 插画——插画的唯美艺术表现
本实例中，运用钢笔工具，画笔工具为人物添加手绘效果，结合钢笔工具与描边路径、填充路径命令绘制头发，使人物与头发完美结合，增加画面的唯美感。
使用工具:钢笔工具、画笔工具和描边路径。
文件路径：源文件\第14章\108.psd
视频文件：mp4\第14章\108.mp4
01 启动Photoshop后，执行“文件”|“新建”命令，在弹出的“新建”对话框中设置各项参数如图14-59所示。
图14-59 新建文件
02 执行“文件”｜“打开”命令，弹出“打开”对话框，选择本书配套光盘中“目标文件\第14章\14.5\背景人物psd文件”，单击“打开”按钮，如图14-60所示。
图14-60 打开背景人物
03 单击图层面板下的“创建新图层”
按钮，新建图层。单击钢笔工具
，绘制把手路径，按Ctrl+Enter键将路径转换成选区，单击渐变工具
，设置土色（#b1705e）到白色的渐变，按下“线型渐变”按钮
，从选区的左端往右端拉出渐变，如图14-61所示。
图14-61 绘制把手
04 按Ctrl键单击把手图层缩览图，执行“编辑”|“描边”命令，设置参数如图14-62所示。
图14-62 描边参数
05 选中图层面板上的背景图层，按Ctrl+Shift+]键，调整至顶层，图像效果如图14-63所示。
06 单击画笔工具，设置参数如图14-64所示。
图14-63 绘制把手
图14-64 画笔参数
07 单击钢笔工具
，绘制出眼睫毛的路径，如图14-65所示。单击鼠标右键，在弹出的对话框中选择“描边路径”，在对话框中选择“画笔”，勾选“模拟压力”。执行“滤镜”|“模糊”|“高斯模糊”命令，模糊半径为0.3像素，眼睫毛效果如图14-66所示。
图14-65 睫毛路径
图14-66 绘制睫毛
08 单击椭圆选框工具
，按住Shift键绘制正圆，按Shift+F6键，羽化3像素，填充深灰色（#2e2d38）。单击减淡工具
，擦出高光。再次单击椭圆选框工具
，绘制出瞳孔的高光，如图14-67所示。
图14-67 绘制眼睛
09 单击钢笔工具
，绘制人物线稿路径，单击鼠标右键，在弹出的对话框中选择“描边路径”，增加人物整体的立体感，效果如图14-68所示。
图14-68 绘制人物线条
10 单击图层面板下的“创建新组”按钮
，组命名为“头发”。在该组内新建多个图层，单击画笔工具
，前景色设为棕色（#663023），画笔参数设置如图14-69所示，单击钢笔工具
，绘制头发的路径，如图14-70所示。
图14-69 画笔参数
图14-70 头发路径
11 单击鼠标右键，在弹出的对话框中选择“描边路径”选项，工具为“画笔”，勾选“压力模式”。单击减淡工具
，擦出头发高光效果，如图14-71所示。
12 选中“头发1”图层缩览图，按Ctrl+J键，复制头发，如图14-72所示。
图14-71 绘制头发
图14-72 复制图层
13 同上述方法绘制其他头发，如图14-73所示。
图14-73 绘制头发
14 单击图层面板下的“创建新图层”按钮
，创建新图层。单击画笔工具
，给人物脸上绘制浅土红色（#f1b9b6）的腮红，如图14-74所示。
图14-74 添加腮红
15 执行“文件”｜“打开”命令，弹出“打开”对话框，选择本书配套光盘中“目标文件\第14章\14.5\桃花jpg”文件，单击“打开”按钮，拖至人物图像中。单击图层面板下的“添加图层蒙版”按钮
，前景色设为黑色，涂抹人物，使人物显现出来，如图14-75所示。
图14-75 添加桃花背景
16 执行“文件”｜“打开”命令，弹出“打开”对话框，选择本书配套光盘中“目标文件\第14章\14.5\梦幻jpg”文件，单击“打开”按钮，拖至人物图像中。单击图层面板下的“添加图层蒙版”按钮
，前景色设为黑色，涂抹人物，使人物显现出来，图像效果如图14-76所示。
图14-76 添加梦幻背景