百木园教程作者：软件基础训练营47期-A08-云吞面
教程指导：如如酱w
交作业：#优设每日作业#
因为今年的疫情导致很多公司选择了在家办公，所以就想画一个疫情在家办公的主题。
插画内容是人物坐在茶几前办公的场景，脚边还有一只猫咪，气氛安静温馨。
首先是在AI通过草稿画出描边线稿，细化线稿后整体填充颜色，去掉描边，然后整理好图层，导入PS进行质感细节的处理，并加上字体效果，调整整体色调。
你也想做出这么漂亮的插画吗？戳链接让如如老师手把手教你→点我学习制作AI插画
打开Adobe Illustrator，点击文件->点击文件->新建（快捷键Ctrl+N）创建一个新文件，参数设置如下：
2.1：把草稿图片直接拖进AI中，修改草稿图层的透明度为50%，
在图层面板中锁定图层，或者选中图片后快捷键Ctrl+2。
2.2：选中画笔工具（快捷键B），在草图图层上绘制线稿，画的时候每个物体分好图层，方便后面细化修改和上色。
2.3：点击草图图层前面的眼睛，隐藏草图，看整体效果，画的时候尽量让线条与线条之间离得近一点，方便后面修补。
2.4：对刚画好的线稿细化。
首先点击 视图 ，把对齐点打勾，对齐网格和对齐像素关闭。
把断开的线连接上：选择直接选择工具（快捷键A），把要连接一起的线条的点合并，用直接选择工具全选并右键连接。
遇上没法连接成一个形状的，把点吸附到线条上：
规整的形状，比如茶几，笔记本，茶杯，吊灯等，使用矩形工具（M）或者椭圆工具（L）来绘制。
最后细化完成线稿。注意需要上色的线稿需要有闭合空间。
3.1：上色前想好大体的配色，这幅画我想表现温馨宁静，我就用了橙紫配色。
这里先上人物的颜色，可以把周围的物体隐藏掉，防止误选。
用 选择工具（v）框选人物所有的线条，然后选择 实时上色工具（K），来给每个选区上色。
然后就可以给各个区域上色了，只要每个区域之间有闭合，直接点击区域就可以上色了。鼠标移动到可上色的区域，线条会呈现加粗红色，同时会显示①，这里可以用键盘上的左右方向键快捷选择填充/去掉填充/贴图。
按这个方法上色完整个人物和整体
4.1：导入PS之前，需要把每个图层都释放到图层（顺序）。
把每个图层都 释放到图层（顺序）后，点击 文件->导出->导出为，弹出的窗口中，保存类型选择PSD，并勾上使用画板，点击保存。
4.2：打开Adobe Photoshop，文件->打开，选择刚刚保存的文件，打开。
打开后可以看到之前在AI里分好的图层都变成了一个个文件夹，点击文件夹面前的小箭头可以展开文件夹。
有些文件夹下的图层比较多，可能不好找，这里可以先选择移动工具（V），然后勾上自动选择，这样点击图片，会自动定位到对应的图层。
4.3：选择需要上色的图层，然后在这个图层上面创建一个空白图层，按住alt键，点击下方的图层，创建剪切蒙板，然后在这个图层上绘制噪点。
选择画笔工具（B），把画笔的模式改成 溶解，
这样便可以在剪切蒙板的图层上绘制噪点了，同时注意画面的光源，主要光源是来自人物头上的灯，所以我们后面用噪点绘制亮部和暗部都需要注意一下。
根据光源给人物加上噪点。
用相同的方法给其他的物体加上噪点，然后去掉 描边图层。
4.4：背景看着有点单调，新建一个图层，命名为背景1，用钢笔工具（P）画出闭合曲线，ctrl+enter创建选区，用画笔工具（B），画笔模式溶解，笔刷效果 硬边圆，在选区内涂抹。新建一个图层，命名为背景2，用相同的方法画出另一个浅色背景。
相框在画面里显得太挤了，所以把相框去掉了。
5.1：根据画面整体风格选择字体。选择 文字工具（T），点击画面，输入文字“疫情云办公”、“分享你的工作小技巧”。这两段文字分开输入，不要合并在一个文字框内。选择两个字体，居中对齐
5.2：双击疫情云办公图层，进入图层样式，选择投影，设置如图
用同样的方式给“分享你的工作技巧”做图层样式。
5.3：用钢笔工具（P）画一个曲线形状，然后选择这个图层，按住ALT键，对字体做剪切蒙板操作。
5.4：选择圆角矩形工具，画一个642*200，圆角数值100的圆角矩形。双击圆角矩形的图层，做图层样式。
在圆角矩形上面加上文字“参与讨论”。
5.5：加上文字后看整体效果，有点灰，调整一下色相饱和度。
调整后如图。
来源：https://uiiiuiii.com/illustrator/1212256865.html
图文来源于网络，如有侵权请联系删除。