AI+PS教程！魔法小精灵剪纸风插画

教程作者：设计师视觉设计实战营19期-35-阿熙

教程指导：如如（优设视觉设计实战营讲师）

交作业方式：微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

一、关于教程

本期教程来教大家用 AI 绘制一幅魔法小精灵主题的剪纸风格插画。 首先我们来分析这张剪纸插画，插画分为图形和效果两大部分，在绘制时，我们将按照1.新建文档->2.创建背景->3.绘制图形部分->4.制作效果 ->5.调整和导出5步来进行，接下来一步步详细说明。

想要让讲师如如手把手教你绘制插画？点击这里立刻开始学习↓

二、教程步骤简概

步骤 01 绘制草图

步骤 02 新建文档

打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N）创建一个新文件，参数设置如下：

步骤 03 导入草图

将草图导入AI，调整透明度为50%，图层命名为草图

步骤 04  制作背景层

新建图层，使用矩形工具绘制800px*600px的矩形，颜色为# EEE8E6，命名为背景，锁定图层并隐藏

步骤 05 制作墙面

新建图层，使用椭圆工具绘制500px*500px的圆形，颜色为# B85532，命名为墙面

在圆形上任意拉一个矩形，颜色改为#DE8464，放在靠上的位置。

选择形状生成器工具，按住alt，把多余的部分剪掉

添加一个小砖块，尺寸为80px*37px，颜色为# EEE8E6，再把墙面图层锁住并隐藏

新建图层，命名为砖缝

使用钢笔工具沿着草稿图任意绘制几条直线，描边为2pt，颜色为# 895E51，框选直线，右键点击编组。

将墙面隐藏打开，复制一个圆形放在直线上，框选圆形和直线，右键建立剪切蒙版，得到砖缝，调整一下位置。

墙面效果

步骤 06 制作书架

新建图层，命名为书架

沿着草稿，使用矩形工具绘制书架，注意下层书本的透视书架，书架外框用形状生成器连接起来

颜色为#745448，暗部颜色为#603F33

书本颜色为#EEA388（肤色）暗部颜色为#DD8364；#FBE2AD（黄）暗部颜色为#EAC78B；#E8623F（红）暗部颜色为# D3482D

调整好后全选右键整个书架编一个组，同样的复制墙面图层的圆形放在书架上方，框选圆形和书架，右键建立剪切蒙版，圈外的书架就被隐藏了

步骤 07 制作窗户

锁住并隐藏书架图层，新建图层命名为窗户，新建一个140px*166px的矩形

使用白色箭头，选择上方的两个锚点（按住shift连选），往里拖，得到一个圆拱形

拉一个170px*23px的矩形把窗台画出来，并对齐窗户

选择圆拱形，点击对象—路径—偏移路径，输入-12px，点击确定

选择全部，使用形状生成器，鼠标按住不松手，拖过灰色部分，连接窗台和窗户，填充颜色为#745448

将里面的圆拱形填充为#353594

绘制月亮，由三个圆形组成，尺寸如下，注意图层顺序，颜色分别为#F8DB9D #FBE2AD #FDEFCF

将三个圆形编组，框选窗户和月亮，用形状生成器按住alt减去灰色部分

将窗框图层拖到最上方，把月亮遮住

添加星星，颜色为#EFB150（绘制时鼠标按住不松手按住键盘的下方向键改变星星的棱角数量），调整大小，放在窗户上

步骤 08 制作桌子

隐藏上一个图层，新键图层命名为桌子，使用圆角矩形工具沿着草稿拉出桌子，颜色为# 846459，暗部颜色为#745448

将墙面图层打开，框选全部，使用形状生成器按住alt剪掉多余的部分，得到桌子

制作药水瓶，沿着草稿绘制出大概的形状，瓶子颜色为#FBE2AD，药水颜色为#A890DA暗部颜色为#9D87CC，高光颜色为#EEE8E6，瓶子不透明度改为50%，注意图层顺序，绘制好后放在合适的位置

步骤 09 制作小精灵

新建图层，命名为小精灵，使用钢笔工具，沿着草稿图勾出帽子，和翅膀，颜色为#D04621亮部颜色为#EC9E83，翅膀颜色为#FBE2AD

继续勾出脸和耳朵，颜色为#F7BDA8，暗部颜色为#EFA88F

勾出五官，调整锚点，眼白颜色为#EEE8E6，眼珠子颜色为#614238，腮红颜色为#EF988F，嘴巴颜色为#614238

沿着草稿勾出披风，注意放在翅膀前面，颜色为#D04621，暗部颜色为#96290C

加上手臂，颜色为#F8DB9D，暗部颜色为#D1AB61，衣服颜色为#C39C48

最后再给脸部加上阴影，颜色为#EFA88F

步骤 10 制作炉子

新建图层命名为炉子，使用钢笔工具沿着草稿勾出炉子，颜色为#9D482A

任意勾出齿状的图形，使用形状生成器按住alt减去多出的部分，颜色为#EEA388

使用椭圆工具拉出上半部分，钢笔工具画出亮部，颜色为#A35337（炉子）

#EEA388（炉子亮部）绿药水#A7CC37，亮部#C4E256

最后勾出手和棍子，吸取脸部颜色，棍子颜色为#6C4A3E

到这里图形已经完成了80%

步骤 11 制作植物

新建图层命名为树枝，使用钢笔工具勾出树枝的形状，可以随意一点，注意分块不要连在一起，颜色统一填充为#846459

新建图层命名为树叶，使用钢笔工具勾出树叶的形状，可以随意一点，画出几种不同形状的树叶，后面直接复制，颜色统一为#A7CC37

整体效果

步骤 12 导出至PS

到这里图形已经完成，可以导进PS里制作效果了

首先选中全部图层，右键取消编组，点击图层右上角的三条杠，选择释放到图层（顺序）

释放后，请检查每个图层前面都有 >，如果不成功可以多试几次

Ctrl+s保存文件，选择文件—导出—导出为，命名为剪纸插画，保存类型选择psd，将AI文件保存为psd文件，放在桌面上

步骤 13 制作剪纸效果—墙面

打开文件，先检查图层有没有问题，每个形状都要都占一个图层，如果有问题就要回到AI重新释放图层顺序

隐藏其他图层，选择墙面图层的大圆，右键混合选项，添加内阴影，模式为正片叠底，关闭全局光照，颜色为#a24727，其他数据如下

同样的给半圆添加效果，颜色为#a24727

步骤 14 书架

给书架图层的书本和书架分组，找到书架外框，右键混合选了添加内阴影颜色为#846153

再添加投影

右键图层拷贝图层样式，粘贴到书架盖板，然后添加渐变，颜色为#a9958f和#94817c

给书本添加内阴影，其他书本统一拷贝图层样式，颜色选择与书本相近的颜色即可

完成效果

步骤 15窗户

将书架外框的图层效果拷贝给窗框，调整到合适的角度

选择月亮，添加两个内阴影、投影，颜色选择月亮相近颜色

将效果拷贝到另外两个圆，第三个圆的投影选择天空的蓝色

给星星添加内阴影，图层模式为滤色，选择相近颜色，投影选择蓝色，拷贝给另一个星星

步骤 16桌子

给桌子添加内阴影、投影，投影颜色为#a25236

步骤 17小精灵

整理好人物图层并命好名，给帽子及其亮部添加内阴影，渐变，投影，颜色选取帽子相近颜色

亮部，内阴影颜色为# cc8164

头发

脸部加上内阴影、颜色为#fee7df，投影#efa88f，按照同样的方法可以给眼白加一点投影

继续给披风做效果，内阴影和投影和前面一样选取披风相近颜色即可，加一点渐变，渐变模式为叠加，颜色如下

翅膀效果设置如下

设置好后拷贝给另一边，给袖子添加效果

小精灵整体效果

步骤 18 炉子

添加内阴影投影渐变等，继续给炉子上半部分添加效果

手部也是同样的思路

步骤 19 植物

选择其中一个树枝图层，设置如下效果，然后拷贝给每一截树枝

树叶：选择其中一个树叶图层，设置如下效果，然后拷贝给每一片树叶

接下来使用钢笔工具给眼睛描一下眼线，让小精灵看起来更有神一点，然后再用画笔点几个小雀斑

选择所有图层，给它打包成一个组（背景除外），选择组1，按住ctrl+shift+alt+E，盖印一层

按住ctrl点击图层缩略图，调出选取，添加一个蒙版，把多出的书架投影盖掉

未盖住前，书柜的投影是突出的

最后适当调整一下整体效果，添加一张喜欢的纸张纹理，置入图片，右键栅格化，将图层模式改为正片叠底

选择文件储存—储存为jpg格式，命名为剪纸插画，将文件导出到桌面，制作就算完成了。

纹理图片

三、最终效果图

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…