原图作者：Reading Corner
教程指导：如如酱w
交作业：#优设每日作业#
关于教程
本次教程临摹Dribbble上的Reading Corner设计师的作品，画面简洁好看，绘制过程不难，新手也能快速掌握！
如果你也想学习绘制这样好看的插画，记得戳链接喔 → 点我学习制作AI插画
教程步骤
步骤一：场景分析
场景主要分背景（墙面+灯+壁画）、主体（家具）、陪衬物（植物+窗帘+地毯+灯）3块。
步骤二：插画绘制
- 01 新建文件
1.1 打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N）创建一个新文件，参数设置如下：
- 画板数量：1
- 宽：800px 高：600px
- 单位：像素
- 颜色模式：RGB
- 栅格效果：屏幕（72ppi）
- 02 设置图层
2.1 新建好画板完成之后，为了后期制作时清晰明了的找到对应的图形，我们可以将插画分为几个图层。
2.2 找到“图层”面板，根据插画内容创建图层，比如我们将图层命名如下：
- 03 绘制背景
3.1 首先是背景部分 ，分为墙面、灯和壁画。
3.2 墙面：
（1）绘制一个圆和两个长方形尺寸如图，使用路径查找器做联集。
（2）绘制一个800*600PX的正方形，复制一层与联集后的图形做分割，取消编组后删去不需要的部分，并根据图片使用钢笔工具调整锚点。
3.3 影子：
（1）地板上的影子是由柜子、椅子和花盆的影子组成。
（2）使用钢笔工具勾出柜子和椅子投影的轮廓，使用椭圆工具绘制合适的椭圆，两者做联集。
（3）调整形状后填充颜色#2A2C6A，影子中间镂空部分也使用钢笔工具画出，颜色填充为#766AE7。
3.4 灯：
（1）绘制椭圆120*63px #323480，并复制与椭圆95*30px #E88071。
（2）使用路径查找器做交集，使用钢笔勾画出高光，用直线段工具画出电线。
3.5 壁画：
（1）绘制矩形画框130*180px #262B65，作路径偏移得到一个矩形。
（2）复制一层墙面浅色部分与该矩形做分割，取消编组后保留需要部分，分别填充颜色#6664A9，#A59CE6。
（3）绘制50*50px的圆与70*8px的长方形，两者对齐后做减去顶层，取消编组后分别填充颜色#FFFFFF，#262B65。
（4）将矩形画框复制一层并填充#FFFFFF，置于底层后向上移动2px，作为高光。
（5）绘制240*18px #938EC3的矩形，将矩形复制一个并上移4px填充#E0DDEE，作为高光。
（6）绘制矩形236*55px #3C3B88,选中左下角的锚点，向右移动32px，作为投影。
- 04 主体
绘制家具分柜子和椅子。
4.1 椅子：
（1）可分解为靠背、坐垫、扶手和靠枕。
4.2 靠背：
（1）绘制矩形①120*220px，做变换-倾斜15度，调整上面的两个角的边角如图，并使用钢笔工具调整右下角的锚点，与范图一致。
（2）填充渐变颜色为#3FA7AC、#AED8BD，滑块位置根据范画调整。
（3）将矩形复制一层调整至合适位置，填充颜色#FFFFFF作为高光。
（4）将矩形复制一层调整至合适位置，并用钢笔工具调整形状，填充渐变颜色#3FA7AC、#5E5CA6滑块位置根据范画调整，作为靠背的暗部。
（5）绘制矩形210*15px，适当旋转角度，调整左上角的边角，与左下角的锚点位置，并与矩形①做交集，填充渐变颜色为#3FA7AC、#AED8BD，滑块位置根据范画调整，做靠背侧面。
4.3 坐垫:
（1）绘制椭圆110*60px、矩形110*30px，水平居中对齐，垂直底对齐，做联集，并用钢笔工具调整锚点与曲线弧度，填充颜色#2A2C6A，作为坐垫暗部。
（2）复制一层暗部，稍微放大，做对称轴：垂直 角度：90，使用钢笔工具调整，填充渐变颜色#51B5B1、#AED8BD,滑块位置根据范画调整。
（3）同理，复制暗部形状稍微放大，做对称轴：垂直，角度：85，使用钢笔工具调整，填充渐变颜色#3FA7AC、#AED8BD,滑块位置根据范画调整。
（4）坐垫上的两块投影使用钢笔工具勾勒，颜色填充为#2A2C6A。
4.4 靠枕：
（1）使用钢笔工具勾出靠枕的正面、侧面、投影，填充颜色分别为#E95E5B、#FFFFFF、#191C40。
（2）使用钢笔工具勾出靠枕花纹，复制排列，颜色填充由深至浅分别为#323480、#6364AB、#F8E89D、#FCEDE4。
4.4 扶手：
（1）画出矩形105*12px，在左右两条边的中心使用钢笔工具打上锚点，旋转矩形到适当位置，调整左上角边角，其余角使用钢笔工具调整，并填充颜色为#EC7D74，作为扶手本体。
（2）复制扶手作为暗部并适当调整位置，与扶手本体的复制层做交集，并调整锚点，填充颜色为#262B65。
（3）复制扶手填充颜色#FFFFFF,适当缩小并调整位置，作为高光。
（4）另一边的扶手复制所有形状，移动到适当位置，扶手本体颜色填充为#BE6247，用钢笔勾画矩形填充颜色#A1614F作为侧面。
（5）用钢笔勾出凳子腿本体形状填充颜色 #B96149，复制调整位置后填充颜色 #171D3F，作为暗部。
（6）用画笔工具画出木头的纹路，轮廓化描边颜色填充#604C3F，与凳子腿本体建立剪切蒙版，调整为 混合模式：变暗 不透明度：12%。
（7）其余凳子腿同理，投影填充颜色为#262B65。
4.5 柜子：
（1）用钢笔工具分别绘制柜子的三个面，分别填充颜色正面#BE6247，侧面#89566E，侧面投影#2A2C6A，顶部#EC7D74。
（2）复制一层正面向左移动1xp，填充颜色#CC9879。
（3）正面做路径偏移位移-4px，填充颜色#EB8277。
（4）再做一次路径偏移-6px，向右位移1px，复制一层并填充颜色#262B65备用。
（5）绘制矩形90px*4px，做旋转角度-7，移动到合适位置与其做减去顶层分别填充颜色#F8E89C，#59BADA。
（6）给黄色矩形合适位置使用钢笔工具打两个锚点，调整合适位置，使用钢笔工具绘制抽屉厚度投影填充颜色#262B65。
（7）柜子腿与椅子腿同理操作。
4.6 茶壶：
（1）绘制矩形32*45px填充#FDF6E7做茶壶本体，使用钢笔工具调整壶本体底部线条，矩形上边线中心添加锚点，上移8px。
（2）绘制矩形6*6px填充颜色#FDF6E7，复制一层填充#F2E5C9备用，同理添加锚点调整位置，并做边角弧度。
（3）壶身色块可在绘制矩形后使用钢笔工具调整画出，颜色分别填充为
①#323480 ②#F09689 ③#6364AB ④#F2E5C9 ⑤#FFFFFF
（4）茶壶的壶把手和壶嘴都分别使用钢笔工具绘制，壶把手侧面可做建立剪切蒙版使边缘能整齐贴合，壶嘴同理。
（5）壶把手颜色为#EA756E、#FDF6E7。
（6）壶嘴颜色为#EA756E #EF9082。
（7）绘制椭圆42*10px，填充#262B65作为茶壶投影，同理绘制花盆投影。
- 05 陪衬物（植物+窗帘+地毯+灯）
5.1 仙人掌：
（1）使用钢笔工具绘制出仙人掌轮廓，填充颜色#262B65，复制一层调整锚点，填充颜色#45A2B0。
（2）使用钢笔工具绘制花盆轮廓，填充颜色#262B65，#45A2B0。
（3）另一个仙人掌同理，分别填充#262B65，#FFFFFF，花盆也由钢笔工具勾出，颜色填充为#EC7D74，#323480。
5.2 芦荟：
（1）使用钢笔分别勾出芦荟本体与芦荟亮面。
（2）芦荟本体填充颜色#262B65，芦荟亮面做渐变#3F5E99，#42AAAD，滑块调整合适位置，深色一端调整不透明度47%左右。
（3）画矩形68*57px，调整底下两个角的边角半径7px，用钢笔工具调整上边线弧度，复制一层，备用。
（4）绘制矩形68*13px，调整两条边长弧度。
（5）绘制椭圆152*160px，调整位置与之两个图形使用分割，最后得到四块图形，分别填充为：
①#375189 ②#5FA0D7，③#262B65，④#BBB5D9
（6）使用矩形和钢笔工具绘制高光，填充颜色#FFFFFF。
5.3 大植物：
（1）花盆使用钢笔工具勾画即可，填充颜色#2A2C6A、#938EC3。
（2）使用钢笔工具分布勾画出叶片本体、亮面、亮面的纹路，本体、亮面的纹路颜色填充为#262B65，亮面颜色从左到右依次做渐变。
（3）叶片本体复制两次，删减锚点调整位置，第一个图形保留1、2、3、4叶片形状。
（4）注意使用钢笔工具调整位置和形状，并填充颜色#5054A5，不透明度45%，混合模式：正片叠底。
（5）第二个图形只保留5号叶片形状，调整好位置，填充颜色#5054A5，不透明度54%，混合模式：正片叠底。
5.4 地毯：
（1）使用钢笔工具绘制地毯和地毯上的条形花纹，复制地毯本体填充颜色#1A264B，并调整位置作为投影。
（2）地毯颜色填充为#C4BDE8，条纹颜色填充为#766AE7。
5.5 窗帘：
（1）使用钢笔工具勾画出窗帘本体，并分别勾画出窗帘的四条阴影、装饰条纹以及窗帘的投影。
（2）窗帘本体颜色填充为#9F97C9、#A99FCC、#F4DDDC、FBE3DC，调整滑块位置。
（3）四条阴影颜色填充为#F3DCDB、#F8D3D5、#9F97C9，调整滑块到合适位置。
（4）条纹颜色填充为#EC7D74 ，影子颜色填充为#262B65，另一条窗帘同理。
步骤三：制作噪点
（1）检查各个图案的顺序和位置，点击文件-导出-导出为 在导出选项框中，将导出文件格式为PSD。
（2）打开PS，在需要制作噪点的图层建立剪贴蒙版。
（3）画笔选择柔边画笔，图层模式-溶解模式，根据需要调整画笔的流量和不透明度绘制噪点。
- 关于噪点的具体制作方法，可以参考教程：AI教程！教你绘制可爱蘑菇插画（含颗粒噪点效果演示）
最终效果
如果你也想学习绘制这样好看的插画，记得戳链接喔 → 点我学习制作AI插画
学完这篇教程的人还在学…
>>AI教程！新手也能学会的厨房小插画
>>AI+PS教程！教你利用渐变工具绘制温馨场景插画
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 已发布 1 条