百木园
原图作者：Ksenia Shokorova
教程作者：软件营31期-347-狗蛋
交作业：#优设每日作业#
重难点分析
—
①猫咪身体光泽感的打造
②墙体投影的渐变过度
③画面整体的质感
教程步骤
—
AI＋PS综合运用
步骤1：
观察整张图，整体色调以紫色为主，是一个黄昏的感觉，图片细腻温馨。
步骤2：
在AI中新建800X600文档，先绘制窗外风景的部分。
①树木部分包括树干【362266】和光影【7d4875】，直接钢笔勾出来就好
②树木【6f86d4】投影部分同理也是勾出来③注意到窗外有个渐变的过程，需要做个底层的渐变，叠在最底下
2-1
④窗帘的部分，矩形＋圆角矩形【3e4084】
窗帘渐变部分
2-2
⑤窗子的部分，注意打造立体感 ＋受光面窗户【faf4e4】
2-3
⑥墙体【faf4e4】＋地面的绘制，地面需要做一个色彩的渐变
2-4
目前整体效果：
2-5
步骤3：
绘制墙体投影部分，分别用钢笔勾出三个部分的形状，包括 窗户投影＋猫咪＋地面投影
绘制好了以后，用形状生成工具将三部分连在一起，再填充渐变效果。从左往右颜色分别是【343684】【4b61ba】【6b73b2】【8a6787】【3e2165】【8a6787】
猫咪身体曲线较多，注意钢笔工具的使用。
3-1
目前绘制效果：
3-2
步骤4：
绘制主体猫咪部分，这一步可以也可以在PS中进行，后面调整猫咪身体光泽度的感觉都需要运用到ps，我是在AI里勾完后导入PS的。
步骤5：
接下来，我们将在AI中绘制出来的图片整个导入PS中。现在绘制猫咪身体的层次感。用高斯模糊＋剪切蒙版来完成。先将绘制好的猫咪底层复制一层，用钢笔做二次调整，绘制猫咪身体中最深色部分。【32295d】这一步就是根据阳光照射猫身体的结构来的，一步步用钢笔调整，确实比较肝，但也是最重要的一部分。
步骤6：
同理，用相同的手法（高斯模糊＋勾形状）打造其他的层次，颜色分别是【c77d74】【643b63】【32295d】 具体颜色的感觉可以根据自己的喜欢去调整，合适即可。然后，再用画笔将其他细节修改润色下。
目前效果如图：
步骤7：
观察原图和对比图发现缺少一些杂色质感。
然后我们给图片增添质感，先将猫咪的层次组复制转化为智能对象，命名为【原图】，在滤镜中添加杂色。添加蒙版擦去窗外部分。
7-1
数值为：
7-2
再用蒙版给窗户添加杂色层，最后整体添加一个杂色层。
7-3
细节上给墙上投影点几个白点制造有阳光照射进来的感觉。
最终效果
—
结语
—
本期教程到这里就结束了，希望大家在练习过程中多思考、理解制作思路和操作方法，活学活用。
相关推荐
—
→ UDT分享！空间感极强的噪点质感场景插画绘制分享
→ AI+PS教程！静谧村庄渐变色噪点质感插画绘制过程
一个人做练习的时候，做得好没人发现，做得差没人点评，总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」，每天一个小练习， 4 位U站管理员与大家一起打卡练习，点赞点评，互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内，上传打卡练习，话题微博格式【 DAY 01~365 】转发视为参加。（动图为打卡演示） 【收获】更好的自己
来源：https://uiiiuiii.com/illustrator/121298884.html
图文来源于网络，如有侵权请联系删除。