动漫电脑插画技法 课件 第5、6章 场景插画的绘制、人物插画的绘制

动漫电脑插画技法新编21世纪高等职业教育精品教材·电子与信息类PART01第一章动漫电脑插画概述PART02第二章动漫电脑插画的工具PART03第三章Photoshop软件应用PART04第四章基础静物和动植物的绘制PART05第五章场景插画的绘制PART06第六章人物插画的绘制目录CONTENTSPART05第五章动漫电脑插画的工具第一节平面场景插画第二节古风场景插画第三节写实场景插画第五章场景插画的绘制（1）掌握使用Ps软件绘制各种树木和建筑；（2）掌握场景插画的构图；（3）掌握场景插画的色彩搭配；（4）掌握古风场景插画的素材组合。【学习目标】第一节平面场景插画示例1自制笔刷画桃花在这次课程中，我们学习制作桃花笔刷，然后用这个自制笔刷绘制一棵桃花树作为后面场景插画的素材。第三章已经介绍了笔刷的制作，这里通过调整笔刷、色相、饱和度等参数，制作一个丰富、自然的桃花笔刷。第一节平面场景插画（1）要制作一个桃花笔刷，首先要新建图层，在新的图层上使用硬边实心圆画笔画出花朵，注意花朵的颜色要用纯黑色，画出大小和形态不同的四五个花朵；然后用橡皮工具选择描线笔刷擦出花蕊，如图5-1-1所示。第一节平面场景插画（2）完成花朵的绘制后，在编辑里单击“定义画笔预设”，在弹出的对话框里给画笔命名为桃花，这样就有了画笔的基础形态。然后打开画笔设置的第一项，勾选形状动态，将大小抖动拉到8%，最小直径改为0%，角度抖动改为30%，圆度抖动改为12%，最小圆度改为25%，同时在画布上试用一下效果。在选择红色的情况下，我们可以画出成片有方向变化的实心同色花朵，如图5-1-2所示。第一节平面场景插画（3）勾选画笔设置里的散布，设定散布值为300%，数量为1，数量抖动为10%，再试用笔刷，可以得到花朵数量的变化；然后打开颜色动态，色相抖动改成9%，色相抖动如果超过30%就会画出色彩差别很大的花朵，这里想要的都是红色系的花朵，所以色相抖动要在10%以下。饱和度抖动和亮度抖动都调整到6%左右即可，这样我们可以画出有色彩和明度、饱和度变化的颜色丰富的花朵，如图5-1-3所示。第一节平面场景插画（4）勾选颜色动态设置下面的传递参数，设定不透明度抖动和流量抖动在15%左右，图案会有一个透明度的变化，如图5-1-4所示。如果你想画出比较清晰的花朵，可以不勾选传递参数，半透明的笔刷更适合比较虚化的背景。第一节平面场景插画（5）在画笔设置里勾选杂色和湿边，这样可以得到类似水彩的效果，如图5-1-5所示。（6）勾选平滑参数，另外在绘制成片的桃花时，可以用橡皮工具选择这个笔刷，画笔和橡皮工具交替使用，可以得到更自然的效果，如图5-1-6所示。第一节平面场景插画（7）桃花笔刷制作完成后，新建一个图层来画树干，这里使用了一个自制的多边形笔刷，笔刷上面形状比较尖，下边缘是平的，很适合用来画树干，吸取黑色画出交错的枝干，注意靠近根部的地方会比较粗，如图5-1-7所示。第一节平面场景插画（8）继续画出上面的树杈，画树干的时候画笔要调大，画树杈的时候画笔要调细一点，注意树杈的形状要符合自然规律，不能出现平行的树枝和“鸡爪”形状的枝杈，如图5-1-8所示。第一节平面场景插画（9）树干和树杈绘制完成后，可以用前面制作的桃花笔刷画出成片的桃花，注意疏密变化，如图5-1-9所示。（10）在枝干上画出错落的桃花，可以交替使用透明桃花笔刷和橡皮工具，使树冠更有层次感，如图5-1-10所示。第一节平面场景插画（11）桃花树绘制完成后，如图5-1-11所示。素材可以存储为“.png”格式的文件，便于在后面的风景插画中使用。第一节平面场景插画示例2柳树的画法在这次课程中，我们使用画笔工具绘制柳树，用喷枪画笔绘制树冠，用柳叶笔刷绘制柳叶，最后加入描边效果绘制出柳树素材图。本示例的重点是灵活使用柔边缘喷枪画笔整体铺色，对于主要柳叶的绘制，可以直接手绘，也可以下载、使用专门的笔刷。第一节平面场景插画（1）柳树的枝干和其他树木有所区别，尤其是垂柳，枝干比较弯曲蜿蜒，我们还是用一个三角形实心画笔来绘制它的枝干，如图5-1-12所示。（2）注意画出主枝干往下弯曲的形态，树的根部比较粗，越往上越细；然后使用描线笔刷，把笔刷调得稍微粗一点，画一些向下的细枝条，如图5-1-13所示。第一节平面场景插画（3）继续画出更多细枝，注意细枝是向下的形态，使用描线笔刷画线条的时候要快速果断，才能画出流畅的线条，如图5-1-14所示。（4）柳树的枝干绘制完成后，在枝干图层下面新建图层，使用椭圆形框选工具，根据树的局部轮廓拉出大小合适的椭圆形并填充成浅绿色；然后在光标移动的状态下，按“Alt”键复制多个椭圆形，覆盖整个树的轮廓范围，如图5-1-15所示。第一节平面场景插画（5）把所有的椭圆形合并成一个图层，然后用长方形框选工具裁掉下半部分多余的绿色轮廓；然后锁定不透明图层，将柳树的树冠画出黄绿色的渐变，注意一定要先锁定不透明图层，这样才能把渐变效果应用到树冠上。另外，渐变的颜色是Ps系统预设的颜色，可以根据插画的整体色调选择需要的颜色，如图5-1-16所示。第一节平面场景插画（6）把柔边缘喷枪画笔放大，涂抹柳树下半部分比较平的边缘，使其有一个柔和的过渡；然后选定树干图层，也进行锁定半透明图层的操作，再使用柔边缘喷枪画笔，把树干涂抹成深棕色，如图5-1-17所示。第一节平面场景插画（7）这里还可以增加树干的肌理效果，在继续锁定不透明图层的情况下，使用肌理铺色画笔，在树干根部涂抹一些更深的棕色，在树干上方涂抹一些浅棕色，让树干整体有一个肌理的色彩变化；然后打开柳叶笔刷，沿着柳枝下垂的方向画一些柳叶，如图5-1-18所示。柳叶笔刷的制作方法可以参考桃花笔刷的制作。第一节平面场景插画（8）多次复制柳叶笔刷，让柳叶的形状更加清楚，如果画的过长，可以使用柔边缘喷枪画笔涂抹出柔和的过渡效果，如图5-1-19所示。第一节平面场景插画（9）现在要给柳条和枝干都加入描边效果，在编辑里面单击打开“描边”，宽度设置成2像素（这个要根据所画图像的大小来设置），颜色设置成黄色，黄色的描边会使绿色的柳树图像显得更加华丽，如图5-1-20所示。（10）柳树绘制完成，如图5-1-21所示。这样的柳树可以复制多个，放到风景插画中使用。第一节平面场景插画示例3古建筑亭子的画法在这次课程中，我们以真实南湖亭子照片为原型绘制亭子插画，用画笔画出轮廓线，用笔刷涂色，用蒙版工具增加明暗关系。本示例的重点是对称轴的使用和中国传统建筑的屋檐和柱子的绘制。第一节平面场景插画（1）打开一张南湖亭子的照片素材，将照片素材拖到Ps图层中，将图层不透明度改成30%，在该图层上面新建一个图层来勾线稿，如图5-1-22所示。（2）勾选对称工具里面的左右对称，使用勾线画笔沿着亭子的轮廓画线，如图5-1-23所示，注意用笔要快速流畅，如果画错就撤销，再画一次。第一节平面场景插画（3）根据照片描出亭子的线稿，如图5-1-24所示。除了曲线，在画阁楼和柱子时都可以按“Shift”键画水平和垂直的线条，完成后关闭对称工具。（4）将照片图层恢复100%的不透明度，将其缩小后放到左上角作为颜色参考；在亭子线稿下面新建图层，用暗红色给亭子的栏杆和柱子部分涂色，这里使用的是硬边圆形画笔，按“Shift”键涂抹水平的台座和垂直的柱子可以快速完成涂色，如图5-1-25所示。第一节平面场景插画（5）亭子上面覆盖着黄瓦，红色底色完成后，在上面再新建一个图层，将亭子的顶部和飞檐涂抹土黄色，注意使用硬边画笔，缩小画笔后细致地涂抹边缘轮廓，不要把颜色涂出线稿的范围，如图5-1-26所示。第一节平面场景插画（6）亭子飞檐下的圈梁上面有蓝色图案，我们在红色图层上面新建图层，使用长方形框选工具，画出几个长方形，然后填充成天蓝色，再在选定的状态下，在上面涂抹一些绿色和白色，然后再复制两个图层，拖动到下面的圈梁上，模拟从远处看亭子上面的彩绘效果，如图5-1-27所示。第一节平面场景插画（7）在新的图层上将亭子的底座涂抹深灰色；涂抹底色使用的都是硬边圆形画笔；在黄色图层上面新建图层，单击鼠标右键选择创建剪贴蒙版，吸取一个浅黄色，使用半透明圆形画笔，沿着飞檐的线条给亭子的顶部和亭檐加上亮面，如图5-1-28所示。第一节平面场景插画（8）在红色图层上面新建图层，单击鼠标右键选择创建剪贴蒙版，在被亭檐遮挡的地方加入更深的颜色，表示亭子的阴影。然后再新建图层，创建剪贴蒙版，在柱子上加入明亮的浅红色，表示柱子的亮面。因为是平面风格的插画素材，所以没必要刻画太多的明暗关系，有三个明暗色调就可以了，如图5-1-29所示。第一节平面场景插画（9）为了让整个图像看起来更加明亮和华丽，我们回到线稿图层，锁定图层的不透明度，选择一个明黄色，使用硬边圆形画笔，把线稿涂抹成黄色，这样一个古建筑亭子素材就完成了，如图5-1-30所示。我们可以把背景关掉，图像另存为“.png”文件，这个文件格式是透明背景的文件，便于下次使用这个素材。第一节平面场景插画示例4古代楼阁的绘制这次课程以中国古代楼阁建筑为原型绘制楼阁素材，用画笔画出线稿，用硬边画笔涂色，用创建剪贴蒙版增加明暗关系，从而完成清风楼插画绘制。本示例的重点是把侧面的照片改为正面对称的图，并要高度概括楼阁的细节，让画面更加简洁。第一节平面场景插画（1）新建一个A4大小的文件，打开一张正面的清风楼的照片，如图5-1-31所示，将其拖到新建的文件图层里。（2）将照片的不透明度调整为30%，在照片图层上面新建图层，使用勾线画笔描出清风楼的线稿，关闭图层。对于清风楼第一层的匾额部分，我们使用长方形框选工具，选出一个范围，然后填充黑色，如图5-1-32所示。第一节平面场景插画（3）在线稿图层下面新建图层，使用硬边圆形画笔，吸取砖红色，涂出清风楼大部分的飞檐和柱子。注意涂边缘的时候可以把画笔缩小，涂色范围不要超过线稿，如图5-1-33所示。（4）清风楼的窗户是白色的玻璃，因为映射了天空的蓝色，所以呈现蓝灰色，可以在红色图层下面新建图层，使用硬边画笔画出窗户的蓝灰色和楼顶的黄色，如图5-1-34所示。第一节平面场景插画（5）清风楼的每一层都有栏杆，我们可以在红色图层上面新建图层，用浅灰色涂栏杆的颜色，如图5-1-35所示。（6）现在给楼体加一些暗面，在红色图层上面新建图层，单击鼠标右键选择创建剪贴蒙版，然后在这个图层上使用偏暗的深红色，画出飞檐下面和柱子的部分，如图5-1-36所示。第一节平面场景插画（7）因为要画的是一个平面风格的建筑，所以不需要刻画太多明暗关系，而要追求装饰效果，在最上面的图层上添加文字工具，打上清风楼三个字，选择合适的字体，如图5-1-37所示。（8）为了使图像更加明亮和华丽，可以在线稿图层上锁定不透明度，然后使用硬边画笔，将线稿涂成浅黄色，如图5-1-38所示。第一节平面场景插画（9）古代楼阁清风楼就绘制完成了，如图5-1-39所示，这个建筑素材可以应用到很多插画设计中。第一节平面场景插画示例5垂柳青风楼场景插画绘制这次课程以前面的柳树、楼阁为素材，用渐变工具绘制水面、背景，用钢笔工具绘制波浪，用翻转命令绘制倒影，用扭曲—波纹工具制作倒影效果，用飞鸟剪影笔刷绘制飞鸟，用橡皮工具绘制月亮，完成一幅垂柳清风楼场景插画。本示例的重点是要在绘画开始前确定画面的构图和素材的分布，整体的色彩搭配也要统一。第一节平面场景插画（1）新建一个宽度为2000像素、高度为1500像素、分辨率为300的画布，然后把前面完成的各种素材打开，将其拖到不同的图层中。打开柳树图层和清风楼图层，关闭其他素材，如图5-1-40所示。第一节平面场景插画（2）在画面的构图上我们可以参考摄影构图的九宫格构图法。九宫格构图法就是用两条水平线和两条垂直线把画面平均分成九份，然后把主要的景物或人物放到中间的四个交点上，这些交点就是黄金分割点，把清风楼放到右侧的黄金分图5-1-40导入柳树和清风楼素材割点上。缩小柳树，再多次复制，将很多柳树错落分布在清风楼后边，并形成水平的构图，如图5-1-41所示第一节平面场景插画（3）调整柳树的方向和大小，使其排列自然，不要复制得太呆板；画出玉石栏杆，复制多个，并调整大小，水平排列在柳树和清风楼前面。注意柳树、清风楼和栏杆都在各自图层上，然后在下面的图层上，使用渐变工具拉一个蓝绿色渐变的背景，这个蓝绿色是系统自带的颜色，饱和度比较高，可以先铺色，然后使用色相和饱和度调整工具进行调整，降低饱和度，提高明度，如图5-1-42所示。第一节平面场景插画（4）画面的下半部分是运河的水面，我们可以先用长方形框选工具选择这个区域，然后使用渐变工具画出饱和度高一点的蓝绿色，天空和水都加入绿色调是因为画面里有大量绿色的树木，这样可以使整体色调趋于一致。这里想在水面上画出波浪，可以用铅笔大概画出波浪的草稿，如图5-1-43所示。第一节平面场景插画（5）按照波浪的草稿，在新的图层上使用钢笔工具画出波浪的轮廓，闭合区域后使用柔边缘喷枪画笔涂抹一些白色，可以交替使用画笔和橡皮工具得到朦朦胧胧的白色效果。画出几条波浪后，将它们复制一层，垂直翻转，然后使用自由变换里的“变形”进行拉伸，让形状有所变化，白色波浪就绘制完成了，如图5-1-44所示。第一节平面场景插画（6）将清风楼图层、柳树图层和栏杆图层放到一个组里，复制、合并这个组，然后复制这三个素材的组合图层，自由变换，单击鼠标右键选择垂直翻转，然后把翻转的图层的不透明度改为50%左右，这样就有了景物在水中的倒影，如图5-1-45所示。第一节平面场景插画（7）太阳的画法是先用硬边圆形画笔点一个大圆点，然后双击图层打开混合选项，选择外发光，设置混合模式为滤色，不透明度为100%，杂色为0%，颜色可以选择黄色调，这样就有了一个发出柔和黄色光芒的太阳，如图5-1-46所示。第一节平面场景插画（8）水中的倒影要有和波浪一致的波澜，这里可以使用滤镜里的扭曲—波纹工具，也可以使用滤镜里的液化工具，选择液化工具里的第一个工具左右涂抹两下即可，然后把倒影图层的不透明度改为32%，如图5-1-47所示。第一节平面场景插画（9）使用飞鸟剪影笔刷加入一些白色的飞鸟元素，将几只飞鸟在水面上按斜线排列，这样可以打破画面的水平线构图，使画面更富有动感，如图5-1-48所示。使用点状喷溅笔刷在水面上喷洒一些白点，表示溅起的水花，起到烘托氛围的作用，白天的场景就绘制完成了。第一节平面场景插画（10）如果想要绘制夜景，我们可以在背景图层上面新建一个图层，用渐变工具拉一个深蓝色渐变的背景，这样可以使天空中的月亮更明亮，如图5-1-49所示。第一节平面场景插画（11）由于水的颜色是蓝绿色调，我们可以关闭水面图层，露出背景的深蓝色就可以了，如图5-1-50所示。第一节平面场景插画（12）如果想要画出弯月，可以先使用硬边圆形画笔点一个大白点，然后用橡皮工具擦去中间部分，再打开图层混合选项选择外发光，这样一张垂柳清风楼的夜景插画就绘制完成了，如图5-1-51所示。第一节平面场景插画示例6桃花亭台场景插画绘制这次课程以前面画的亭子和桃花树为素材，用自由变化调整玉石栏杆，绘制石板路面，制作透视关系，用创建剪贴蒙版调整色调，用飞鸟剪影笔刷绘制飞鸟，完成桃花亭台场景插画的绘制。本示例的重点是画面中透视的应用，整体对称式构图的使用，使复制的树木具有层次感的技巧，以及如何使用色彩作为整体氛围的烘托。第一节平面场景插画（1）新建一个宽度为2000像素、高度为1500像素、分辨率为300的文件，把前面画的亭子和桃花树素材打开并拖到新的图层中，这里要做一个对称构图的场景，要把亭子放到画面正中靠上的位置并调整大小，如图5-1-52所示。第一节平面场景插画（2）打开桃花树素材，调整大小后在移动的状态下按“Alt”键拖动复制多个，在亭子后方错落排列，可以适当反转一些树木，使树林看起来更自然，如图5-1-53所示。第一节平面场景插画（3）使用多边形框选工具在亭子下面的图层上填充灰色，表示亭子所在的山坡，然后复制更多桃花树，排列在山坡上，如图5-1-54所示。第一节平面场景插画（4）按“Shift”键画直线绘制山坡上的台阶，浅色的面和深色的线条交替完成，如图5-1-55所示。第一节平面场景插画（5）按“Shift”键选中所有的树木图层，然后按“Ctrl+E”组合键合并成一个图层，再复制一层，使山坡上的树木更加茂密，如图5-1-56所示。第一节平面场景插画（6）打开前面完成的玉石栏杆，按“Ctrl+T”组合键自由变化然后单击鼠标右键选择透视，拉动右下角的方块进行透视处理，注意栏杆透视效果后，栏柱应该还是垂直的，如图5-1-57所示。第一节平面场景插画（7）达到满意的透视效果后，复制栏杆，然后水平反转，放到画面对称的左侧，如图5-1-58所示。第一节平面场景插画（8）接着绘制石板路面。首先把栏杆图层关闭，然后在下面新建图层填充浅灰色，在底色图层上面新建图层，使用方形粗糙画笔吸取白色画出石板路面的线条，如图5-1-59所示。第一节平面场景插画（9）画完线条后，选择自由变换，打开透视，以山脚远处为消失点拉出一点透视的效果，注意要和两侧栏杆的透视效果一致，如图5-1-60所示。第一节平面场景插画（10）复制这些线条，然后将其缩小后，铺在台阶下面的地方，和近处的透视石板面连接起来；由于整体景物太靠上了，可以选中所有已经绘制的图层，向画面下方移动，让整个画面露出更多天空部分，如图5-1-61所示。第一节平面场景插画（11）使用涂抹画笔在石板路面上面涂抹一些深色调，表示栏杆的阴影和石板路面的斑驳纹理；在最下面新建图层，使用渐变工具，选择一个粉紫色调的渐变，画出背景。在背景里面加入粉紫色是因为画面大部分都是粉色的桃花，这样可以使画面的色调协调统一，如图5-1-62所示。第一节平面场景插画（12）在桃花林图层上面再复制一层，放到最后面，按“Ctrl+U”组合键调整饱和度和明度，设定三个桃花林图层的颜色，前面是红色，中间是偏粉紫，最后面是浅粉色，使桃花林更有层次感，如图5-1-63所示。第一节平面场景插画（13）亭子掩映在桃花林中，所以它的颜色也会受到影响，可以在亭子图层上面新建图层，创建剪贴蒙版，将图层模式改为叠加模式，选取桃花的红色使用柔边缘喷枪画笔涂抹在亭子的顶部，让亭子也有红色的色调。用同样的方法加一些红色调在栏杆和地面上，如图5-1-64所示。第一节平面场景插画（14）使用繁星铺洒笔刷，先选择白色，在桃花林上洒一些白点，然后选择桃花的红色，洒一些红点在地面上，表示散落的花瓣，起到烘托氛围的作用，如图5-1-65所示。第一节平面场景插画（15）使用椭圆形框选工具选择两个交叠的椭圆形范围，然后用柔边缘喷枪画笔轻轻涂抹一些白色，再用“变形”调整成云朵的形状，如图5-1-66所示。接着使用飞鸟剪影笔刷，在天空中加入几只飞鸟。第一节平面场景插画（16）合并所有图层，按“Ctrl+L”组合键调整画面的色调，使画面更加明亮；然后在滤镜库里选择锐化，使画面更加清晰，最后也可以加入签名或水印。桃花亭台场景插画绘制完成，如图5-1-67所示。第一节平面场景插画示例7荷塘场景插画这次课程使用笔刷绘制荷塘场景，通过调整笔刷的参数和色调，使画面丰富、自然，再加上原创亭子素材和古诗词完成一幅古香古色的荷塘场景插画。绘制荷塘的重点是荷叶笔刷的灵活使用，荷花、荷叶的错落排列，以及利用肌理画笔和渲染画笔进行整体氛围的刻画。第一节平面场景插画（1）新建一个宽度为3000像素、高度为2000像素、分辨率为300的文件，新建图层，使用硬边画笔涂出三个不同的荷叶剪影，自定义一个荷叶笔刷，然后通过调整笔刷的参数，即形状动态、散布和颜色动态等，得到一个有色调和大小变化的荷叶笔刷，如图5-1-68所示。第一节平面场景插画（2）使用制作好的荷叶笔刷，选择深绿色，在画布下方绘制一些荷叶，如图5-1-69所示。第一节平面场景插画（3）使用半透明的笔刷在新图层上绘制更多荷叶，上面图层是实心的荷叶，如图5-1-70所示。第一节平面场景插画（4）把前面绘制的亭子素材拿出来继续使用，把亭子调整为合适的大小，放在荷叶图层的下面；然后使用水花笔刷和晕染笔刷画出浅青色的水墨纹理作为背景，如图5-1-71所示。注意：纹理是很浅的水墨晕染的感觉。第一节平面场景插画（5）按“Ctrl+U”组合键调整荷叶的色调，使前景的荷叶颜色偏暖色，背景的半透明荷叶颜色为偏蓝的冷色调。然后擦掉一部分交错的荷叶的茎，让茎和叶子有互相遮挡的效果，如图5-1-72所示。注意：这里不是用橡皮工具，而是用叶子的颜色来遮挡一些茎。第一节平面场景插画（6）使用魔棒工具分别选中荷叶叶片，用渲染画笔在叶片的下半部分画出阴影，阴影的颜色要比叶片本身的绿色更深一点，饱和度更高一些；另外，还可以在上方的几个叶片上面加入偏黄的浅绿色调，表示叶片的亮面，如图5-1-73所示。第一节平面场景插画（7）依次选中荷叶，给前面的一些荷叶画上叶脉，这里使用了方形粗糙画笔，叶脉颜色是黑色，只给位于明显位置的荷叶画上叶脉即可，然后按“Ctrl+U”组合键调整所有荷叶的色调，使整体色调更偏蓝绿色一点，如图5-1-74所示。第一节平面场景插画（8）使用浅粉色涂出荷花的大概分布位置，这里可以找一些荷花的照片作为参考，遵循近大远小的原则排列盛开的荷花和花蕾，如图5-1-75所示。第一节平面场景插画（9）新建图层，重点刻画盛开的荷花，荷花的颜色是很浅的粉红色，花瓣的形状可使用自由套索工具选中后进行填充，然后画出花瓣的脉络。花瓣的尖部颜色更红一点，底部的两个花瓣接近茎的地方加入一些浅绿色。全开的荷花会露出黄色的花蕊。如图5-1-76所示。第一节平面场景插画（10）花蕾的形状是水滴形，花萼包裹着花蕾，花茎的颜色要有一个过渡，接近花朵的地方因为有阴影可以是深绿色，靠近下面的地方颜色偏浅；半开的荷花可以在中间画出三四片聚拢的花瓣，下面的花瓣呈现散开的样子。如图5-1-77所示。第一节平面场景插画（11）荷塘场景插画绘制完成，如图5-1-78所示。可在插画左上位置加上诗词，如图5-1-79所示。第二节古风场景插画这次课程主要学习如何完成一幅古风桃花的绘制，学习枝干和桃花的绘制过程了解和掌握Ps中描线笔刷和勾线画笔的使用，图层模式的应用，以及花蕊的绘制方法。在绘制过程中要注意桃花的布局疏密和色彩搭配。第二节古风场景插画（1）新建一个A4大小的画布，首先用描线笔刷画出桃花的枝干部分草稿，粗的枝干用双线表示，注意枝条的走向要符合自然规律，不要出现平行和“鸡爪”形状的树杈，如图5-2-1所示。第二节古风场景插画（2）把草稿图层放到最上面，图层不透明度改为30%左右，然后在下面新建图层，更细致地画出树枝，如图5-2-2所示。第二节古风场景插画（3）这里使用了勾线画笔，粗的枝干用双线勾出，并且使用晕染笔刷填充颜色，细的地方直接用勾线画笔来画，注意下笔的顿挫感和流畅度，如图5-2-3所示。第二节古风场景插画（4）画完树枝后新建图层来画桃花，参考照片的形态，先画出一组正面的桃花。桃花有五个椭圆形的花瓣，用深红色勾线画笔勾出轮廓，填充浅粉色，花蕊是放射状，用深红色画出来，点出红色的花粉，如图5-2-4所示。第二节古风场景插画（5）分别画出侧面两朵和背面的三朵桃花，背面的桃花露出花萼部分，花萼是五角星形状，用深红色表示，如图5-2-5所示。第二节古风场景插画（6）把完成的三组桃花复制到枝干上，正面的桃花放在枝干上面的图层，背面的桃花放在枝干下面的图层，如图5-2-6所示。第二节古风场景插画（7）继续复制更多组桃花，放到树枝上，注意花朵的排布要有疏密关系且错落有致，符合桃花的自然生长规律。另外，还可以画一些单独的花蕾放到树枝末梢，如图5-2-7所示。第二节古风场景插画（8）花朵绘制完成后，新建图层，使用勾线画笔给桃花画一些叶子。桃花是先开花再长叶子，叶子是椭圆状披针形，单叶互生，呈黄绿色。把叶子画在花朵图层下面，如图5-2-8所示。第二节古风场景插画（9）给整枝桃花都加上叶子，叶子的朝向和形态要符合自然生长规律，如图5-2-9所示。第二节古风场景插画（10）枝干、桃花、叶子都画完后，我们可以把它们放入一个组，然后复制组再合并图层，在合并的图层里使用自由套索工具选中一部分桃花进行复制，把一枝桃花变成一片桃花，如图5-2-10所示。第二节古风场景插画（11）调整整组桃花的位置，把粗的枝干放到画布外面，但是一定要存储图层文件，便于后面使用；复制画好的桃花，将下面的一层在滤镜工具里进行高斯模糊处理，并移动它，使其和前景的桃花错位，这样就有了一个虚化的背景，如图5-2-11所示。第二节古风场景插画（12）在上层桃花的图层上面新建叠加模式的图层，使用柔边缘喷枪画笔，选一个粉红色涂抹在桃花上面，可以使桃花颜色更加鲜艳，增加画面的色彩丰富度，古风桃花就绘制完成了，如图5-2-12所示。在后续的场景插画中，我们会用到这个素材。第二节古风场景插画示例2古风场景桃花酒在这次课程中，我们要完成一张完整的古风场景桃花酒。这里使用了第四章中画的古风酒壶和前面画的桃花素材。在这次练习中，我们要学习用Ps绘制古风条案的画法和几种素材的搭配与构图，另外要注意古风场景整体的气氛渲染。第二节古风场景插画（1）新建一个A4大小的文件，把前面画的桃花素材文件拖进来，放到右上方，填充一个偏绿的白色背景。先大概画出草稿，设计一下画面中要有哪些元素，左下方要画一个条案，上面要摆放酒壶和酒杯，右上方的桃花后面加一个古风窗户，如图5-2-13所示。第二节古风场景插画（2）找一个古风条案的参考图放在画面左上方，画出半张条案，条案的台面可以先按“Shift”键画出一个长方形，然后在自由变换里使用透视工具。条案的案腿参考了照片里的祥云图案，画完一个案腿后，复制一个放到对面，如图5-2-14所示。第二节古风场景插画（3）使用硬边实心圆画笔给条案填充棕褐色，台面颜色浅一点，案腿的颜色较深，注意条案两端是翘起来的形状，这个位置的颜色也要符合透视规律，如图5-2-15所示。第二节古风场景插画（4）古风窗格可以用现成的素材，这个素材是带白色背景的图片文件，所以色彩范围工具选择白色，然后把白色全部选中删除，只留下棕色的窗格便于使用，如图5-2-16所示。第二节古风场景插画（5）打开前面画的酒壶素材，调整大小放在条案上，然后选取同样的颜色画一个酒杯，杯身可以先画一个竖直方向的椭圆形，然后擦掉上半部分，杯底也先画一个椭圆形，然后画一根线连接杯身和杯底，用橡皮工具擦出轮廓，如图5-2-17所示。第二节古风场景插画（6）在酒杯图层上锁定不透明图层，使用柔边缘喷枪画笔吸取深一点的绿色给酒杯加上阴影，然后吸取白色在杯身加上高光，画完后再复制一个酒杯，如图5-2-18所示。第二节古风场景插画（7）这张图里有桃花、条案、酒壶、酒杯、窗户，这些元素都全了，但是它们之间并没有什么联系，下面我们就通过调整色彩和添加氛围使这张图更加协调。首先加入背景素材，这种水彩、水墨肌理素材可以自己在纸上制作然后再扫描到电脑中使用，如图5-2-19所示。第二节古风场景插画（8）调整背景图片的色彩，降低饱和度；在窗户图层上面新建图层，单击鼠标右键选择创建剪贴蒙版，然后把图层模式改为叠加模式，选取背景的蓝绿色调和桃花的红色调，使用古风肌理铺色画笔，涂抹在窗格上，使窗户和背景的颜色有所呼应，如图5-2-20所示。第二节古风场景插画（9）回到窗格图层，使用涂抹工具，选大涂抹画笔，强度改为40%，在窗户的左上角和右下角涂抹一些，使窗户和背景更加融合。然后在最下面的图层上使用古风肌理铺色画笔涂出条案下面的阴影部分，如图5-2-21所示。第二节古风场景插画（10）在条案图层上面新建图层，创建剪贴蒙版，图层模式是叠加模式，加一些背景的蓝绿色在条案两端，使条案和背景的颜色有所呼应，如图5-2-22所示。第二节古风场景插画（11）从桃花图层上选择一组桃花，复制到条案上酒壶旁边，使用硬边圆形画笔和橡皮工具，画一些花瓣在条案上面，如图5-2-23所示。第二节古风场景插画（12）复制更多散落的花瓣，放在条案上和地面上，注意花瓣的颜色要有变化，可以选中花瓣图层，锁定不透明度，然后使用柔边缘喷枪画笔涂抹粉色和白色，如图5-2-24所示。第二节古风场景插画（13）复制桃花图层，将图层模式改为柔光模式，在桃花里加入蓝色调，使色彩更丰富，如图5-2-25所示。第二节古风场景插画（14）关闭水彩背景图层，使用花瓣笔刷在空中画一些散落的花瓣，不要太多，要有大小变化和飘散的感觉，如图5-2-26所示。第二节古风场景插画（15）打开散落的花瓣图层的混合模式，打开外发光，混合模式为滤色模式，不透明度是100%，颜色改为红色，就得到了有柔光效果的散落的花瓣，如图5-2-27所示。第二节古风场景插画（16）合并所有图层，选择“滤镜工具—锐化—进一步锐化”，调整曲线，使画面更加明亮。古风场景桃花酒插画绘制完成，如图5-2-28所示。第二节古风场景插画示例3古风梅花宫灯的绘制这次课程中，我们要完成完整的古风梅花宫灯的绘制，掌握用Ps绘制屋檐、梅花和宫灯的画法以及几种素材的搭配与构图，另外要注意古风场景整体的气氛渲染。本次课程的重点是使用肌理画笔绘制水墨风格的梅花和雪景的绘制技巧。第二节古风场景插画（1）新建一个宽度为1080像素、高度为1920像素、分辨率为300的文件，背景填充为朱红色。我们先画出背景宫墙和屋檐部分，按“Shift”键画出宫墙的转折线条和屋瓦的排列格子，这里使用的是有一点肌理感的方形粗糙画笔，如图5-2-29所示。第二节古风场景插画（2）继续绘制屋檐的线稿，按“Ctrl+T”组合键自由变化，单击鼠标右键选择透视，使屋檐有透视的效果；然后在下面新建图层填充屋檐的灰色调，如图5-2-30所示。第二节古风场景插画（3）刻画屋檐，使用方形粗糙画笔和肌理铺色画笔画出屋檐的明暗面和屋瓦的起伏；使用渲染笔刷给红墙加入一些明暗变化，在红色的墙图层上新建一个正片叠底图层，吸取一样的朱红色进行涂抹，会得到一些深色的阴影，如图5-2-31所示。第二节古风场景插画（4）继续调整屋檐，我们截取一部分朝向正确的屋瓦进行复制，然后按透视规律排列在屋顶上面，如图5-2-32所示。第二节古风场景插画（5）使用对称工具，绘制宫灯的线稿，注意两侧飞檐的形状要优美；在线稿图层下面涂灰色作为底色，如图5-2-33所示。第二节古风场景插画（6）刻画宫灯。宫灯是汉白玉的基座，木制灯箱，根据材质特征加入颜色，塑造立体感和明暗变化。因为旁边是红色的宫墙，受环境色影响，宫灯上面也要加入一些红色调，灯箱中间使用柔边缘画笔画出宫灯柔和的橘色光，如图5-2-34所示。第二节古风场景插画（7）继续刻画宫灯，在宫灯上方的飞檐和下方台座的上面使用毛边粗糙笔涂抹一些白色，表示积雪；然后在红墙图层上面新建正片叠底图层，吸取这个红色使用柔边缘画笔画出宫灯在墙上的阴影，如图5-2-35所示。第二节古风场景插画（8）把宫灯的所有图层合并，调整大小放到合适的位置。然后使用枯水墨笔刷在左侧画梅树，如图5-2-36所示。第二节古风场景插画（9）画出所有的梅树枝干，注意靠近根部的地方比较粗，可以用双线表示，枝头的线比较细，注意顿挫粗细的变化，另外枝杈要符合自然生长规律，避免平行和“鸡爪”形状的树杈，如图5-2-37所示。第二节古风场景插画（10）使用缩小后的晕染笔刷画出白色的梅花，一般有五个圆形的花瓣，还有一些单个椭圆形的花蕾，如图5-2-38所示。第二节古风场景插画（11）给梅树树干部分填充颜色，这里是用晕染笔刷涂黑色，有一点透明。继续画出更多梅花，注意梅花的分布要错落有致，可以画一些侧面和正面的梅花。大部分梅花是由小圆点组成的，不需要过多刻画，如图5-2-39所示。第二节古风场景插画（12）可以复制一些细的枝杈，使整棵梅树显得更加茂密；然后复制更多梅花错落排布在树枝上，如图5-2-40所示。第二节古风场景插画（13）调整枝杈的数量和方向，可以加入一些飞舞的花瓣烘托氛围，如图5-2-41所示。第二节古风场景插画（14）继续在粗的树干上使用毛边粗糙笔加上积雪，宫灯的顶部和飞檐还有台座上都再加一些积雪，如图5-2-42所示。第二节古风场景插画（15）合并所有的梅花和梅树枝干图层，复制一层，把复制的梅树图层按“Ctrl+U”组合键调整明度到最低，然后将图层的不透明度改成30%左右，并将其拖到梅树右侧的位置，在滤镜里进行20左右的模糊处理，这样就得到了一个梅树在红墙上面的投影，如图5-2-43所示。第二节古风场景插画（16）新建一个叠加模式的图层，使用柔边缘画笔放大后，吸取一些浅黄色调，在画面中加入一些从左上方到右下方的比较粗的线条；叠加图层模式会提亮红墙，使画面具有光感，如图5-2-44所示。第二节古风场景插画（17）在最上面的图层上使用喷溅笔刷，吸取白色画一些大小不同的圆点，将图层的混合模式改为外发光，可以起到烘托整体氛围的作用，如图5-2-45所示。第二节古风场景插画（18）除了树干和灯座上有积雪，后面的屋瓦上面也用毛边粗糙笔加一点白色落雪，最后合并所有图层，按“Ctrl+M”组合键调整画面的曲线，按“Ctrl+L”组合键调整色阶，使画面更加明亮清晰。古风梅花宫灯绘制完成，如图5-2-46所示。第三节写实场景插画示例写实场景插画—泸沽湖在这次课程中，我们要学习如何绘制一幅完整的写实风景插画，学习船只和小鸟的造型概括，了解和掌握Ps中钢笔工具的使用、肌理画笔的应用、图层模式的应用，以及水波纹、天空、光斑是如何绘制的，在绘制时要注意风景插画整体的色彩搭配和自然光线的处理。第三节写实场景插画（1）新建一个A4大小的文件，分辨率为300；新建图层，根据照片素材画出船只和小鸟的大概轮廓，这里使用铅笔或勾线画笔都可以，后面线稿是不显示的，如图5-3-1所示。第三节写实场景插画（2）背景图层填充蓝色作为天空和湖泊的基本色调；然后在线稿图层下面新建多个图层涂黄色作为船的基本色，用钢笔工具画出船的不同部位并填充颜色。需要注意的是由于光照不同，船的船舱和两边的颜色都不一样，所以要分别把船帮和船舱放在不同图层，左边的船帮颜色偏暗，船舱和右边的船帮颜色要偏亮一点，如图5-3-2所示。第三节写实场景插画（3）在船帮图层上面新建图层，创建剪贴蒙版，画出两边船帮的受光面，是比较浅的黄色调。船舱中间有一块受光面，使用钢笔工具画出来，填充更暖一点的黄色，如图5-3-3所示。第三节写实场景插画（4）新建图层，继续使用钢笔工具画出侧面船帮上的两个柱子的形状，涂抹颜色，注意这两个柱子的侧面和正面的颜色都有差异，如图5-3-4所示。第三节写实场景插画（5）继续刻画船身，关闭线稿后观察船体的结构，刻画船帮上的两个柱子，画出它们的顶面和侧面的色调，在黄色里加入一些蓝色画出阴影；船帮部分可再用方形粗糙画笔加入一些肌理感，如图5-3-5所示。第三节写实场景插画（6）在船帮上加入一些蓝色调，表示船身受到水的环境色影响；再画出船舱里的蓝色雨布；然后使用灰色调涂出三只鸟的轮廓，三只鸟的腿和脚用深红色画出来，如图5-3-6所示。第三节写实场景插画（6）在船帮上加入一些蓝色调，表示船身受到水的环境色影响；再画出船舱里的蓝色雨布；然后使用灰色调涂出三只鸟的轮廓，三只鸟的腿和脚用深红色画出来，如图5-3-6所示。第三节写实场景插画（7）给雨布加上黄色的顶光；使用更深的土黄色画出船头和船帮留在船舱里的阴影，刻画船的接缝细节，注意阴影里有鸟的轮廓，如图5-3-7所示。第三节写实场景插画（9）画完左边那只鸟后，我们可以从它身上吸取颜色画右边两只，除了鸟身的颜色受船的颜色影响有很多黄色调，鸟的受光面可以用白色，沿着鸟的外轮廓涂出一条窄边，如图5-3-9所示。第三节写实场景插画（10）把三只鸟都画完后，我们开始刻画背景；湖面是亮的，而远处的天空是深蓝色，可以先用框选工具选出天空的部分填充深蓝色，然后使用大涂抹画笔虚化湖面和天空连接的地方；接着用这个画笔轻轻地在天空中画一点白色的云彩，再用手指涂抹工具涂开，如图5-3-10所示。第三节写实场景插画（11）湖面的颜色非常丰富，可以使用肌理铺色画笔放大一点，先在湖面上加入一些高饱和度的蓝色调，注意不用画的太厚，轻轻涂抹即可，然后加入一些天空的深蓝色调，如图5-3-11所示。第三节写实场景插画（12）刻画近处湖面的水波，使用方形粗糙画笔画出水波的深蓝色阴影和浅蓝色波浪，注意线条的形态要符合水波的运动规律，呈现横向的波浪纹理，如图5-3-12所示。第三节写实场景插画（13）继续刻画水波，稍微远一点的波浪可以加入一些蓝绿色，近处的波纹比较长，远处的波纹比较短，如图5-3-13所示。第三节写实场景插画（14）在水波颜色中再加入一些亮面的浅黄色调，如图5-3-14所示。照片上没有这么丰富的颜色，但是如果用眼睛观察可以看到更多色彩。第三节写实场景插画（15）刻画更远一点的湖面，在湖面上加入一些波浪纹，这些波浪纹是由绿色、浅紫色和蓝色组成的，使湖面的颜色更丰富，如图5-3-15所示。第三节写实场景插画（16）湖面和天空连接的地方光照比较强，我们使用肌理铺色画笔加入一些偏白的蓝色调，湖面上使用喷溅笔刷，喷洒一些白色和绿色的小点，表示湖面的水花和涟漪，如图5-3-16所示。第三节写实场景插画（17）接着画湖面上的光斑，可以打开一个圆点画笔，在画笔设置里面勾选散布，将散布调整到700%，数量调整为3，打开传递，然后保存这个画笔，如图5-3-17所示。第三节写实场景插画（18）新建图层，使用这个光斑画笔，在湖面上画一些白色的圆点，如图5-3-18所示。第三节写实场景插画（19）调整圆点的大小，用橡皮工具擦去一部分，使光斑分布更加随意；然后复制一层，把下面一层的光斑颜色改成很浅的紫红色，调整不透明度到40%，使光斑更有层次感，如图5-3-19所示。第三节写实场景插画（20）在光斑图层上打开图层混合模式，如图5-3-20所示，选择外发光，外发光的混合模式为滤色，不透明度为100%，颜色选择橘红色，这样光斑会有朦胧的外发光感，更加自然。第三节写实场景插画（21）继续调整近处的细节，给鸟加上阴影，注意它们留在船上的阴影是天空的蓝色，如图5-3-21所示。第三节写实场景插画（22）把所有图层放到一个组里，然后复制这个组，把复制的组合并，这样就有了一个合并的图层和一个分图层的组。在合并的图层上进行整体调整，打开滤镜工具，单击锐化里面的进一步锐化，使图片更加清晰，如图5-3-22所示。第三节写实场景插画（23）打开曲线工具，调整画面的明亮度，写实风景插画完成，如图5-3-23所示。动漫电脑插画技法新编21世纪高等职业教育精品教材·电子与信息类PART01第一章动漫电脑插画概述PART02第二章动漫电脑插画的工具PART03第三章Photoshop软件应用PART04第四章基础静物和动植物的绘制PART05第五章场景插画的绘制PART06第六章人物插画的绘制目录CONTENTSPART06第六章人物插画的绘制第一节平面风格人物插画第二节古风人物插画第六章人物插画的绘制（1）掌握人物的比例和动态绘制；（2）掌握平面风格人物造型的夸张和简化方法；（3）掌握古风人物的造型特点；（4）掌握人物插画的色彩搭配。【学习目标】第一节平面风格人物插画示例1人体的比例在本次课程中，我们要了解人体的比例并完成用几何形状概括人体结构的概括动态训练。用简单的几何形状来概括人体的基本形状，方便同学们正确把握人体比例，可以用动漫木人模型作为参考，同时要了解男女之间的体型差异，注意与实际情况相结合，在概括动态训练中要注意肩、腰、上臂、小臂、胯宽与头部的比例关系等。第一节平面风格人物插画在人体结构研究中，通常用“头高”作为基本单位，来比较人体各部分与整体之间、部分与部分之间的空间关系。正常的成年人全身高度一般为7.5个头高。二次元漫画中的成年人可以有8～9个头高；时装插画中的模特可以有9～10个头高。这里我们以7.5个头高的比例进行练习，如图6-1-1所示。第一节平面风格人物插画在绘制人体时，我们可以把人体的各个部分都概括成几何形状，这样可以降低绘画的难度，便于正确把握人体比例。人的头部可以概括成蛋形，颈部可以概括成圆柱形，手可以概括成菱形，肩膀可以概括成等腰三角形，胸部可以概括成倒梯形，四肢可以概括成圆柱形，骨盆可以概括成梯形，各个关节可以概括成球形，脚可以概括成锥形，腰可以概括成长方形，如图6-1-2所示。动漫木人模型是一个不错的参考工具，如图6-1-3所示。第一节平面风格人物插画下面我们用概括的几何形状绘制人体比例图，把1个头高设置为A，先打出7.5个比例格子，然后画出中轴线。首先画出躯干部分，在第一个格子里画出蛋形的头部，头高为A；胸部可以用倒梯形表示，倒梯形的上边缘就是肩，大概是1.5A的宽度；下边缘是腰，腰宽等于A；胸腔的位置在第二个格子的三分之一到第三个格子的三分之一处；骨盆可以用梯形来表示，位置处于第三个格子的三分之二到第四个格子的三分之二处；骨盆的上边缘宽度为A，下边缘和肩同宽；然后画出四肢，各个关节都用球形表示，四肢用圆柱形表示，腿要比胳膊粗一些，上臂与小臂的长度等于A；膝关节画在第六个格子的三分之一处，大腿要比小腿粗一些；手概括为菱形，长度为0.5A，正面的脚长度为0.5A，如图6-1-4所示。第一节平面风格人物插画注意：这是大概的人体比例，根据人的性别、年龄等不同，每个人都有所差异，比如，一般来说，男生的肩膀比较宽，胳膊比较粗；女生的骨盆比较宽，手脚比较小。在具体的人物绘画中，我们要根据这些差异来进行调整。在一开始的练习中，我们可以按照以上比例进行基础训练。第一节平面风格人物插画在人体动态训练中，我们可以找一些照片素材来进行概括动态训练，甚至可以只画出头、胸、骨盆、躯干部分，四肢可以简化为线条，如图6-1-5所示。第一节平面风格人物插画示例2捧花女孩的绘制在本次课程中，我们要学会用Ps完成一张捧花女孩插画的绘制。首先用铅笔绘制出人体关节的几何形状并完成其轮廓，然后绘制出捧花女孩的帽子、头发、衣服等并填充颜色，填充完成后画出配饰并刻画出配饰的细节，最后画出女孩的脸部、衣服等并画出花束、篮子和面包，最后调整细节并添加标题文字等。第一节平面风格人物插画（1）创建一个A4大小的文件，使用铅笔根据人物的动态画出人体关节的几何形状，如图6-1-6所示。（2）根据人体比例图，画出身体和四肢的轮廓，注意胳膊和腿的粗细，小臂要比上臂细一些，小腿要比大腿细一些，整个大腿的形状也要有粗细变化，如图6-1-7所示。第一节平面风格人物插画（3）新建图层，在人体轮廓的基础上，画出头发和帽子，并画出上衣的轮廓，如图6-1-8所示。（4）画出里面的T恤的位置和裙子的形状，中筒袜和鞋子的轮廓也先用铅笔表示出来，整体线稿就完成了，如图6-1-9所示。第一节平面风格人物插画（5）线稿完成后，我们先修改背景图层的颜色，把背景暂时填充为浅灰色，然后在线稿图层下面新建图层来涂颜色；使用硬边画笔画出脸、脖子和手的皮肤底色，然后使用毛边粗糙笔，先画出黄色的发色，头发靠近脸的地方可以画成偏橘红色，把这个画笔调细，在外侧画一些黄色的发丝。然后还是用这个画笔画出黑色的帽子和上衣里面的T恤，如图6-1-10所示。第一节平面风格人物插画（6）先画出蓝色衣服里面的灰色背包，然后在上面新建图层画出蓝色的牛仔外套。裙子是红色，这里修改了脚的形状，画出彩色的袜子和黑色的鞋子，如图6-1-11所示。第一节平面风格人物插画（7）回到皮肤图层，画出眼睛和眉毛的简单形状，鼻子和嘴巴用两个小线段表示就可以了，锁定皮肤图层的不透明度，使用半透明圆形画笔点出两个圆形的腮红，并用腮红的粉红色画出脖子上的阴影和胸口靠近衣服的皮肤阴影，如图6-1-12所示。第一节平面风格人物插画（8）画完脸部细节后，选择蓝色牛仔外套图层，选一个饱和度更高的深蓝色画出牛仔外套的阴影，用黄色画出外套的扣子，如图6-1-13所示。第一节平面风格人物插画（9）使用毛边粗糙笔画出女孩怀里的一束花，花是椭圆形的郁金香，有白色、红色和黄色三种颜色，包在浅褐色的纸里面，注意在画的时候叶子的颜色要饱和度低一点，使整体搭配更加协调，如图6-1-14所示。第一节平面风格人物插画（10）女孩的右手提着一篮面包，先画出篮子的形状，再画里面的面包，篮子上有一些编织的花纹，注意内侧和外侧的区别，画面包时使用更浅的黄色调，画出放在篮子里面的感觉，如图6-1-15所示。第一节平面风格人物插画（11）绘制背景（商店的门），可以按“Shift”键画出垂直的门框，深色的背景可以突出人物的色彩，如图6-1-16所示。（12）可以加一些文字，装饰整个画面，然后合并所有图层并用曲线工具调整整体的色调，使画面更加明亮，如图6-1-17所示。第一节平面风格人物插画示例3芭蕉叶女孩在这次课程中，我们要学习如何完整绘制一幅扁平风的插画，学习扁平风人物五官和头发的概括，了解和掌握Ps中钢笔工具的使用、肌理画笔的应用、图层模式的应用和雨滴是如何绘制的，在绘制时要注意人物整体的色彩搭配。第一节平面风格人物插画（1）新建一个A4大小的文件，新建图层，我们首先画出人物的头部和身体的比例，还有胳膊的动作，可以先用几何形状来概括大致轮廓，用圆形画头部，身体部分是梯形和倒梯形，胳膊用圆柱形表示，头发用多边形画出大致的外轮廓。注意人物在画面中的位置居中，不要太大也不要太小，如图6-1-18所示。第一节平面风格人物插画（2）画出人物五官草稿，眼睛的形状用椭圆形来概括，卡通人物的眼睛可以大一点，注意两眼之间有一眼宽，耳朵的形状大概是半圆形，鼻子和嘴巴不用太多刻画，用弧线表示即可，如图6-1-19所示。第一节平面风格人物插画（3）草稿完成后，将图层不透明度改为40%左右，在上面新建图层来画完整的人物线稿，画出大大的眼睛，简单的鼻子和嘴巴，头发是蓬松的辫子，两侧的头发可以用一些曲线表示，如图6-1-20所示。第一节平面风格人物插画（4）画出衣服褶皱，要根据人的胳膊的动作画出褶皱，袖子要用双线表示，手的绘制是难点，注意画出两只手握住芭蕉杆的感觉，如图6-1-21所示。第一节平面风格人物插画（5）线稿完成后把草稿关闭，为了防止误操作到线稿，可以先把线稿图层锁定，然后在下面新建图层上色。首先填充了一个浅绿的背景色，然后再新建图层给头部、脖子和手画出皮肤的颜色，头发也是画在另外一个图层上面的。用硬边圆形画笔涂颜色，如果颜色不符合要求，可以通过调整色相和饱和度来处理，如图6-1-22所示。第一节平面风格人物插画（6）在皮肤图层下面新建图层画出衣服的颜色，用硬边圆形画笔涂出黄色，把芭蕉涂成绿色。注意涂的红、黄、绿三种颜色的饱和度不要太高，可以适当提高色彩的明度，使它们搭配起来更协调。完成整体铺色后，给每个图层重命名，方便后续使用，如图6-1-23所示。第一节平面风格人物插画（7）开始刻画人物细节，在皮肤图层上面新建图层，创建剪贴蒙版，用铅笔选一个偏红的色调，画出面部的阴影部分，先画眼窝两侧和下眼睑，鼻子直接画一个小三角形；然后把画笔调大一点，画出两侧的腮红，如果铅笔画笔太粗糙，可以和半透明圆形画笔结合使用；最后在耳朵里画上一点红色作为阴影，如图6-1-24所示。第一节平面风格人物插画（8）在额头和头发的衔接处，还有头部和脖子连接的地方都加入一点红色，作为头发和头部的阴影；然后在头发图层上面新建图层来刻画头发细节，使用铅笔或者其他毛边画笔，先画出头发凹陷处的阴影，是偏深的棕色调；再在头发凸出的地方画出黄色调；最后再用浅黄的小号画笔画出起伏的发丝，可以画得乱一点，使头发整体有蓬松的感觉，如图6-1-25所示。第一节平面风格人物插画（9）头发绘制完成后，可以通过调整色相和饱和度得到更理想的色调。接下来我们把黑色的面部线稿改成红棕色，具体的操作是锁定线稿图层的不透明度，然后用硬边画笔直接涂抹红棕色，注意眼睛周围和眉毛需要用比较深的颜色来画；最后在眼睛里加入更多高光，如图6-1-26所示。第一节平面风格人物插画（10）在衣服图层上面新建图层，创建剪贴蒙版，使用毛边粗糙笔，吸取一个橘黄色画出衣服阴影，因为是扁平风的人物，并没有明显的光源，所以我们沿着衣服的褶皱画出衣服褶皱的阴影，袖子里面和手的下面是被遮挡的，也要画出阴影，如图6-1-27所示。第一节平面风格人物插画（11）用铅笔吸取腮红的红色画出手指的阴影；用毛边画笔给芭蕉叶加入浅绿色调和手指的阴影，可以给芭蕉叶做描边滤镜效果，使叶子更有颗粒感。具体的操作是复制一层叶子，把上面的图层模式改为正片叠底，在滤镜里面选择查找边缘，如图6-1-28所示。第一节平面风格人物插画（12）由于深色背景更好看，所以这里调整了背景图层的明度，改成偏绿调的深灰色。女孩的裙子上面可以再加一些装饰，打开一张花纹素材，将其放到衣服图层上面然后创建剪贴蒙版。正常图层模式会盖住衣服的颜色，一般需要将图层模式更改为正片叠底，如图6-1-29所示。第一节平面风格人物插画（13）所粘贴的花纹素材，身体部分是纵向的，但是衣袖部分会和人物动作一起变化，花纹也会转变方向，所以这里复制了一个花纹素材，旋转方向，放在右侧的衣袖上，然后用橡皮工具把多余的花纹擦掉，如图6-1-30所示。第一节平面风格人物插画（14）将两个花纹素材图层合并，然后图层模式选择色相，在这个模式下，花纹变成了高饱和度的蓝色和紫色的斑点，使黄色的裙子增加了色彩的丰富度，如图6-1-31所示。第一节平面风格人物插画（15）下面来刻画雨滴，先用画笔画一个黑色的雨滴形状，然后在编辑里面定义画笔预设，设为画笔，然后打开画笔设置，在形状动态里面将大小抖动改为60%左右，把间距改为140%，如图6-1-32所示；打开形状动态，在两轴选项处进行勾选，把扩散拉到800%；然后打开传递，不透明抖动和流量抖动都改为60%；然后单击右下角的加号保存画笔。第一节平面风格人物插画（16）把雨滴笔刷改为白色，缩小一点，新建画布在背景上铺洒，因为画笔的设置，雨滴有了大小和不透明度的变化，注意雨滴不要太密集，要有疏密的变化，如图6-1-33所示。第一节平面风格人物插画（17）在背景上用繁星铺洒笔刷点一些黄色和浅绿色大小的点来烘托氛围，然后合并可见图层，用曲线工具调整整体色调，使画面更加明亮，如图6-1-34所示。第一节平面风格人物插画（18）最后添加明信片效果，选中画面图层，自由变换，然后按“Alt”键向中心缩小一点，露出背景的白边；使用圆角矩形工具选中所有绘画区域，然后修改圆角的圆度为100像素；反向选择，删除多余的四个角白，双击图层打开混合选项，选择投影，扁平风人物插画就绘制完成了，如图6-1-35、图6-1-36所示。第一节平面风格人物插画示例4猫头鹰和男孩在这次课程中，我们要完成一张完整的卡通人物插画绘制。首先，我们需要绘制出基本的轮廓，一旦轮廓绘制完成，就可以开始填充颜色了。然后可以开始添加细节，细节包括人物的脸部特征、衣服纹理、肌肉线条等，添加细节需要掌握好色彩搭配和构图技巧，避免过度修饰。最后，我们需要修饰画面，包括光影效果、背景设计等方面。第一节平面风格人物插画（1）新建一个2000×2000像素、分辨率为300的文件，新建图层，首先用铅笔画出人物和猫头鹰的草稿。卡通的人物头部比较夸张，可以稍微大一点，动物的比例也画的比较大一点，如图6-1-37所示。第一节平面风格人物插画（2）根据整体色调，先新建一个背景图层，填充成绿色，为了增加手绘的感觉，这里给图层在滤镜里加了一个添加杂色的效果，添加数值为8；然后先选择皮肤色调，给人物的脸部涂色，再选一个很深的袍子的底色，这里使用的是硬边画笔，注意这个底色不是黑色，如图6-1-38所示。第一节平面风格人物插画（3）继续把袍子部分的颜色都涂出来，然后使用一个不是很明显的蓝灰色给袍子加一些亮面，可以加在前胸、肩膀以及袖子下摆的地方，使衣服的色调更丰富；然后画出蓝色的手套，用灰白色涂猫头鹰的轮廓，用偏蓝的白色涂猫头鹰的头部和腹部作为阴影，注意这里先不要使用纯白色，纯白色留到后面给猫头鹰作重点刻画，如图6-1-39所示。第一节平面风格人物插画（4）新建图层，用红、黄两色画出围巾和徽章，这里使用了毛边画笔，可以模拟围巾毛茸茸的质感；可以先全涂黄色，然后锁定不透明图层再间隔涂红色，这样可以提高绘制效率，如图6-1-40所示。第一节平面风格人物插画（5）使用大涂抹画笔，按“Shift”键给背景加上一些竖条纹，大涂抹画笔是有一些透明的，可以多次涂抹，直至达到自己想要的深浅效果，如图6-1-41所示。第一节平面风格人物插画（6）继续刻画背景，我们不需要写实的背景，只需要一些景深，所以除了深蓝色，可以再画一些黄色调的条纹在背景上，并且给整个背景在滤镜里加入高斯模糊的效果，如图6-1-42所示。第一节平面风格人物插画（7）关掉条纹背景，我们来刻画人物的面部。首先使用方形粗糙画笔画出人物的眼睛和眉毛，使用半透明圆形画笔刻画眼睛，眼白部分用浅蓝色，虹膜部分用灰蓝色，最后画出黑色的瞳孔和白色的高光；然后使用铅笔选一个比皮肤颜色深一点的红色画出眼窝、鼻子和嘴巴；把画笔放大画出圆形的腮红，使用不同大小的这个画笔刻画脖子和耳朵的阴影，如图6-1-43所示。第一节平面风格人物插画（8）新建图层，使用形状工具里的椭圆形画出一个眼镜框，边框属性设置为黑色4.5像素，填充为0；画出一个之后复制另一个眼镜框，并且拖动它们到合适的位置，再使用勾线画笔画出鼻托和眼镜腿；眼镜全部完成后合并到一个图层上，然后锁定透明图层，使用柔边缘画笔添加一些浅棕色调，使眼镜的颜色更加丰富，如图6-1-44所示。第一节平面风格人物插画（9）在头发底色上面新建图层来刻画头发；选择铅笔，这里把光源设置在左上方，先使用较深的棕色画出头发的分组和发丝，右侧因为是背光面所以画的深色面积大一点；然后换一个橘红色画出左侧也就是亮面的发丝，注意要画出一些翘起的发丝，整体头发的轮廓是圆形的，如图6-1-45所示。第一节平面风格人物插画（10）继续调整背景色，这里把光源设置在左上方，所以给背景的左侧加入更多暖色调，并且继续进行高斯模糊处理，得到一个比较虚化的背景，如图6-1-46所示。第一节平面风格人物插画（11）深入刻画猫头鹰，使用椭圆形框选工具画出黄色的椭圆形作为猫头鹰的眼睛，然后复制另一只，在选中的情况下点上黑色的眼珠；鸟类的尖嘴从正面看是两个拼在一起的三角形，可以用勾线画笔画出来；用一个蓝灰色画出羽毛的间隙，再画出翅膀上面的深灰色斑点，如图6-1-47所示。第一节平面风格人物插画（12）由于有光源，在猫头鹰的身上也就有了冷暖色，它的腹部底色是蓝灰色居多，那就要在亮面也就是背部加入一些暖色，这里使用了叠加图层模式，用柔边缘画笔加入一些橘红色，如图6-1-48所示。第一节平面风格人物插画（13）小男孩的右手戴着手套，我们要画出蓝色手套的细节，注意暗面和亮面的转折是以手的动态结构为依据的；然后刻画围巾和徽章，给围巾加上一点同色系的阴影，使其有围绕在脖子上的感觉，再把徽章细画一下，如图6-1-49所示。第一节平面风格人物插画（14）主体完成之后，要给画面添加氛围感。这里使用了一个雪花笔刷加入一些小白点，模拟下雪的效果，通过调整画笔的大小来表示雪花的疏密和前后关系；再用噪点笔刷加入更多、更细的粉末效果，如图6-1-50所示。第一节平面风格人物插画（15）给雪花图层加入方向模糊的滤镜，方向是倾斜的，营造风雪中的效果；最后用曲线工具提亮整体的色调，卡通人物绘制完成，如图6-1-51所示。第一节平面风格人物插画示例5读书的女孩在这次课程中，我们要学习如何完整地画一幅扁平肌理风格的插画。我们要设计这个插画的配色，学习扁平风人物五官、头发、衣物的轮廓及细节的处理，了解和掌握Ps中铅笔和带肌理效果的粉笔画笔的应用、图层模式的应用以及光斑、光晕、枝叶是如何绘制的，在绘制时要注意人物整体的色彩搭配。最后需要完善细节，包括调整色调、添加氛围、明暗效果等方面。第一节平面风格人物插画（1）首先新建一个A4大小的文件，分辨率为300，画出人物的草稿，如图6-1-52所示。第一节平面风格人物插画（2）先设计出插画的配色，准备使用绿色和黄色的搭配，先选出一组色彩排列在画面上方；然后新建图层先涂皮肤的颜色，然后画红棕色的头发和绿色的浴袍，这里使用的是带肌理效果的粉笔画笔，可以多次涂抹让画面更厚重，也可以画完之后多次复制图层再合并，注意所有的颜色都在单独图层，这样便于后面修改，如图6-1-53所示。第一节平面风格人物插画（3）因为要在画面里绘制光线，所以把背景填充为墨绿色，人物坐的地方大概画一个浴缸的形状就可以了，浴缸隐没在背景的阴影里，不需要详细刻画，如图6-1-54所示。第一节平面风格人物插画（4）用勾线画笔刻画人物五官。首先用黑色画出眼睛和眉毛，嘴巴涂红色，用比肤色深一点的粉红色画出鼻头、耳朵以及脖子的阴影；再刻画头发，继续使用粉笔画笔，选一个比头发更深的红棕色画出头发的暗面，注意画出卷发弯曲的感觉，如图61-55所示。第一节平面风格人物插画（5）刻画衣服。在衣服底色上面新建图层，创建剪贴蒙版，然后选一个偏蓝的深绿色涂抹衣服的褶皱和暗面，注意这个阴影的颜色的饱和度要稍微高一点，明度降低。如果想增加衣服的立体感，可以选一个偏黄的绿色画衣服的亮面，这里因为追求平面插画的感觉，所以没有加亮面，如图6-1-56所示。第一节平面风格人物插画（6）给人物的腿部加上阴影，用偏红的颜色加在肤色上面，表示被浴袍遮挡的地方。书背在光源的背面所以颜色是最深的，把对着人物的书页剪切到新的图层上，在这个书页下面新建图层，使用铅笔画笔画出浅黄色的光晕，如图6-1-57所示。第一节平面风格人物插画（7）用点圆点的方法画出一些扩散的光斑。由于光源在书本中间，所以人受光的地方，即前胸和面部都要画出浅黄色的光影，如图6-1-58所示。第一节平面风格人物插画（8）继续刻画人物细节，优化人物的面部，缩小下巴和眼睛，给头发加上受光面。再刻画手部，给拿书的手加上阴影，如图6-1-59所示。第一节平面风格人物插画（9）纯色的背景过于单调，我们可以添加一些植物，找一些叶子作为参考，在背景上画一些同色系的枝叶，叶子的颜色是暗绿色，比背景稍微亮一点，让它们统一在一个色调里面，不会影响主体人物，如图6-1-60所示。第一节平面风格人物插画（10）画完一组枝叶之后再复制几组，按“Ctrl+U”组合键把其中一组枝叶调整明度，使其变成比背景更深的颜色，放到最下面，然后再自由变换，截取一些枝叶放到画面右侧，使左右的背景更平衡，如图6-1-61所示。第一节平面风格人物插画（11）继续完善主体光源，给光源加一层浅色调，将图层模式改成线性减淡，使光感更强，然后用圆形粉笔画笔点出一些飘散的圆点，表示飘散的光斑，这些圆点分为两层，下面一层做了模糊效果，更有氛围感，如图6-1-62所示。第一节平面风格人物插画（12）因为光源是用颗粒喷枪画笔画的，所以有很多颗粒感，这里再用柔边缘画笔给光源加一层底色；然后按“Ctrl+U”组合键调整光源的色调，将光线调整成温暖的橘黄色，并且给靠近光源的叶子边缘也打上一些橘黄色的光，如图6-1-63所示。第一节平面风格