加班插画教程

作者：简单的做个自我介绍

步骤一：

新建文档(Ctrl+N),宽度: 800 px.高度: 600px、 分辨率:72 px;填充背景色#1f3750。

先做窗户，分解见下图，主要运用到形状工具和混合选项;百合叶部分画一个220*10的矩形,用小白工具调整右上角锚点,颜色: #2e415f;复制一次拖到底部位置,双击混合选项工具“指定步数”输入22步;再创建-一个23*380长条矩形置于百合叶约2/5的位置。窗外夜色同理制作,颜色#326ba0.窗户底座3个圆角矩形调整角度即可。

步骤二：

时钟, 96*96正圆填充#2e415f,对象-路径-偏移路径-12 得到外圆填充#325067,创建两个矩形19*30. 52*12拖动使其变成圆角放置合适位置,填充#1f3850.

照片，52*62矩形填充#2e415f,对象-路径-偏移路径-13得到外框填充#325067,钢笔勾人物分别填充。

步骤三:

台灯,底座顶部通过椭圆+矩形布尔运算得到填充#2e415f,底座高光运用蒙版上行下色填充#326ba0。

支撑杆底部, 24*18的矩形,调整成圆角后填充#337fb9;圆角矩形下半部分叠加矩形#326ba0,运用蒙版生成阴影;14*14圆,填充#2e415f。

支撑杆钢笔直接勾出复制即可。

台灯顶部为圆角矩形、半圆、钢笔勾出多边形即可。

步骤四:

工作计划，67*83的矩形，偏移路径位移7,用剪刀工具从中间剪开,得到连个分开的矩形分别进行颜色填充;

矩形创建右框内的文字条,复制一-份”变换-对称-垂直翻转”,最后添加正圆，分别是6.6*6.6 #e9ad56.13.5*13.5#325067;

钢笔勾出右上曲线填色#223853

步骤五:

桌子和地面都是非常简单矩形调整合并而来;

桌面亮部572*13,角半径1, #e9ad56,暗部572*11,左右下的角半径1, #745447;四个桌角颜色分别为#2e415f、#1f3850。地面# 335268. #2e415f

盆栽底部是钢笔勾出多边形及圆角矩形,上面的绿植叶子部分是圆和矩形布尔运算后调整角度,枝干钢笔勾出形状后，全部复制一份对称到左边即可。

步骤六：

脸部,先创建两个椭圆做出头发及脸的轮廓116.3*117.5填充#6c4b45, 96*97填充#e0765f.

钢笔勾出前面刘海,两个椭圆叠加在脸后面做耳朵;

复制刘海及脸图层,路径查找器合并得到脸部高光部分。

钢笔勾出嘴巴轮廓填充#f26653,7*2的矩形嘴唇中间部分填充994450 , 钢笔勾鼻子形状填充ffc697,耳环三角形、矩形、半圆叠加。

钢笔勾眉毛形状颜色同头发，眼镜部分钢笔勾出镜片,路径偏移得到镜框,叠加圆角矩形及圆得到右侧镜，复制一-份垂直对称到左边，添加支架即可;

脖子部分矩形拖动变圆角,剪刀工具切开形状填色,颈肩为半圆;

椭圆创建发尾隐藏在脖子后面，头部就完成了。

衣服及电脑,衣服为多边形工具创建三角形,修改角半径,剪刀工具分开形状，填充#326ba0. #45929d;

电脑圆角矩形172*96,上面角半径10,填充#535462,白色圆形15*15.

腿部,左右形状一致,先完成一边后复制调整即可;

圆角矩形和半圆合并做退步,叠加一一个圆角矩形做鞋子,半圆+方块做镂空及反光;钢笔工具勾板凳。

步骤七：

最后增加桌面小物，相框和咖啡杯。

相框线条简单多为直线,主要通过钢笔直接出。相框面两个红色分别为#ef9c88 #e0765f,侧面两个阴影分别为#563b37#6b4b45,支架阴影#1f3850。

咖啡杯主要通过基础的形状工具来做,两个底座是矩形,上面两个锚点用小白工具调整到合适位置,底座颜色#398a95;

杯体是34*26的矩形，小白调整矩形角,被把手13*14的椭圆，光点为3.2*3.5的椭圆，填充#e9ad56。

到这里所有的部分就做完了,完成图如下，教程中主要写了制作方法，细节参数会有些省略,欢迎大家多多提意见。

内心小OS:

看到这幅图感觉就像看到这一年的自 己无数个晚上挑灯夜战原来是加班现在是从心2017加油吧