AI教程!温暖静谧的猫咪噪点质感插画绘制

总有一些文章,相见恨晚。设计规范、职场规划、经验总结一网打尽。 立即访问
  • 水平 : 入门
  • 观众 : 10414
  • 时间 : 2018-09-13

教程

原图作者:Ksenia Shokorova

教程作者:橘子救星404(软件营31期学员)

交作业:#优设每日作业#

重难点分析

①猫咪身体光泽感的打造

②墙体投影的渐变过度

③画面整体的质感

 

教程步骤

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 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

 

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/illustrator/121298884.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

噪点插画质感插画
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新