AI教程!噪点质感扁平沙漠场景插画

时间:2020-07-20
类别:AI教程
水平:入门
观众:7570
@所有设计师 快来领爆款免费设计课程!打卡式学习立竿见影。收获实战新技能→ 免费领取

原图作者:Akshay Raghavan

教程作者:48-A86-旸堇

教程指导:如如酱w

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

关于教程

首先我们来分析这张渐变写实沙漠风景插画,插画分为两个部分,Ai部分和ps部分,Ai部分用于绘制插画的主体,天空、云朵、沙丘、沙层、骆驼、人和植物,ps部分用于为插画的主体加上噪点。为了更方便地加入噪点而不使每个主体相互影响,我们采用单独建立图层的方式绘制Ai部分。我们将按照10个步骤来进行,现在来一步步详细说明:

你也想做出这么漂亮的插画吗?戳链接让如如老师手把手教你→点我学习制作AI插画

效果图

AI教程!噪点质感扁平沙漠场景插画

教程步骤

步骤一:新建文档

打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:

AI教程!噪点质感扁平沙漠场景插画

步骤二:创建天空(背景)

2.1 在绘制前,首先确定已在菜单栏->视图中开启了“智能参考线”功能并且关掉对齐网格、对齐像素和对齐点。找到Ai的图层面板,双击图层名称处,将名称修改为“天空”(即将原本的背景版改为天空)

AI教程!噪点质感扁平沙漠场景插画

2.2 选中“背景”图层,使用矩形工具,待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个宽为800px长为600px的矩形,并设置对齐画板,居中对齐,新建的矩形与画板上下左右完全重合,并将图层锁定,这样就不会影响其他图层。颜色填充如下:

AI教程!噪点质感扁平沙漠场景插画

步骤三:绘制白云

3.1 新建图层,将图层命名为“白云”,将此图层置于“天空”的图层之上,这样便可以覆盖“天空”的图层(与ps的图层顺序类似)

AI教程!噪点质感扁平沙漠场景插画

3.2 用钢笔工具,绘制白云,并摆放在适当的位置,如下图所示:(记得锁定图层)

AI教程!噪点质感扁平沙漠场景插画

步骤四:绘制沙丘

4.1 用钢笔工具,绘制沙丘,如下图所示:

(山4的缺口是用形状生成器减去山2得到的,可以不使用形状生成器绘制,只要山2覆盖在山4上方即可 )

AI教程!噪点质感扁平沙漠场景插画

4.2 按照山所标记的序号单独建立图层并进行图层排列,这样的话便于为每个山加入噪点而不相互影响。效果如图所示:

AI教程!噪点质感扁平沙漠场景插画

步骤五:绘制沙层

5.1 利用钢笔工具画出沙层轮廓,并依据序号排列图层顺序。效果如图所示:

AI教程!噪点质感扁平沙漠场景插画

AI教程!噪点质感扁平沙漠场景插画

步骤六:绘制骆驼和人

6.1 用钢笔工具勾勒出骆驼和人的轮廓,这里骆驼腿部要单独建立图层绘制,目的是更加方便地处理暗部区域和添加噪点。

(这里人的绘制使用美工刀工具。先将人的整体轮廓用钢笔工具绘制出来,再用美工刀分割头部、身体和腿部,以便方便上色。)

 

AI教程!噪点质感扁平沙漠场景插画

AI教程!噪点质感扁平沙漠场景插画

6.2 效果如图:

AI教程!噪点质感扁平沙漠场景插画

步骤七:绘制植物

7.1 先绘制一个100px,100px的圆形,用小白选择工具删除圈中的锚点,创建出半圆形,选择钢笔工具连接锚点使路径闭合

AI教程!噪点质感扁平沙漠场景插画

7.2 用钢笔工具以圆心为顶点勾出一个一边与圆重合的三角形,三角形最好超出圆形的范围内(为了使形状生成器完整地减去形状)。选中三角形,选择旋转工具,按住alt键点击圆心(三角形顶点),勾选预览,角度输入任意值点击复制,调整三角形形状多次旋转,如下图所示:

AI教程!噪点质感扁平沙漠场景插画

7.3 用选择工具适当调整三角形的位置,然后全部选中,选择形状生成器工具,按住alt键删去多余的部分,如图所示:

AI教程!噪点质感扁平沙漠场景插画

7.4 按照以上操作进行多个植物的绘制,形状可以适当改变,单独建立图层。

AI教程!噪点质感扁平沙漠场景插画

7.5 绘制仙人掌,先用钢笔工具勾勒出仙人掌的轮廓,再绘制阴影,用钢笔勾勒出阴影的形状,用形状生成器减去多余形状,阴影颜色从左到右依次如下图:

AI教程!噪点质感扁平沙漠场景插画

7.6 部分植物可以放在沙层的中间,因此图层位置也做相应改动。效果如图所示:

AI教程!噪点质感扁平沙漠场景插画

步骤八:绘制影子

8.1 用钢笔勾出影子的形状,影子颜色为#3a0724,透明度为40%。

AI教程!噪点质感扁平沙漠场景插画

8.2 Ai部分的绘制结束,效果图如下图所示。

AI教程!噪点质感扁平沙漠场景插画

注意要加入噪点的部分要独立创建图层,以免相互影响,相隔较远的比如草丛可以在同一图层。

AI教程!噪点质感扁平沙漠场景插画

步骤九:Ai部分绘制完成,导入ps加入噪点

(这一部分所调整的画笔参数没有固定的数值,可以根据自己的判断进行画笔参数的调整和噪点的涂抹)

9.1 选择文件->导出->导出为,保存为psd格式,勾选“使用画板”。分辨率可调至为300ppi,显示更高的分辨率可以让噪点更细腻地呈现出来。

AI教程!噪点质感扁平沙漠场景插画

9.2 在ps中打开文件,首先新建图层将图层置顶,命名为整体颗粒,选择柔边画笔,硬度降至最低,模式改为溶解,不透明度调至40%,流量降至60%,颜色为#ec6941,图层不透明度降低至60%(数值可根据需要自行调成,涂抹自然即可),在图像所标示箭头的部分进行涂抹(可以将画笔调至最大,缩小画面,用画笔边缘轻轻点触)。建立图层蒙版,将画笔调至黑色,透明度适当降低,微微擦除一些人物、骆驼上以及天空顶部的噪点。操作过程和效果图如下:

AI教程!噪点质感扁平沙漠场景插画

9.3做出沙丘上沙尘飞扬的效果。新建一个图层命名为局部颗粒,用柔边画笔,不透明度80%,流量60%,颜色#c44830,沿沙丘轮廓划出一道

AI教程!噪点质感扁平沙漠场景插画

使用橡皮擦工具,选择柔边画笔硬度60%,不透明度50%擦齐边缘

AI教程!噪点质感扁平沙漠场景插画

再使用橡皮擦工具,柔边画笔硬度30%,不透明度10%,擦除直至自然

AI教程!噪点质感扁平沙漠场景插画

另一个沙丘采用相同的方法绘制

AI教程!噪点质感扁平沙漠场景插画

9.4 绘制山1的噪点。在山1的图层上方新建图层,创建剪贴蒙版,选择柔边画笔,流量为25%,不透明度降低,50%左右,图层模式改为滤色,颜色为山1的颜色,微微涂抹;再新建图层并创建剪贴蒙版,颜色为#ec6941,轻涂两下,效果如下:

AI教程!噪点质感扁平沙漠场景插画

9.5 绘制山2的噪点。重复上一步骤,画笔参数不改变,图层模式为正片叠底,颜色为山2的颜色,在顶部涂抹,加强对比效果,效果如下:

AI教程!噪点质感扁平沙漠场景插画

9.6 山3、山4、山5均按照山2的绘制方法,可参考效果图进行噪点绘制

AI教程!噪点质感扁平沙漠场景插画

9.7 进行沙层1噪点的绘制。新建两个图层并创建剪贴蒙版,运用柔边画笔,分别在上下涂抹,深色部分颜色为#cd3c31,浅色部分为#e37d3f,效果图如下:

AI教程!噪点质感扁平沙漠场景插画

9.8 沙层2至沙层9均可按照沙层1的方法绘制噪点,效果如图:

AI教程!噪点质感扁平沙漠场景插画

9.9 骆驼噪点的绘制。运用上述方法,新建两个图层创建剪贴蒙版,驼峰和腿部用颜色为#331440的画笔加深,中部浅色部分用颜色为#bd3539的画笔涂抹,骆驼腿部的暗色区域用颜色为#35134b的画笔加深色噪点,效果如图所示:

AI教程!噪点质感扁平沙漠场景插画

9.10 绘制仙人掌的噪点。按照相同的步骤画笔颜色调整为#331440进行颜色加深即可。其他植物噪点的添加操作相同,可适当添加。效果如下:

AI教程!噪点质感扁平沙漠场景插画

9.11 绘制风沙效果。新建一个图层置顶,名称修改为风沙效果,画笔颜色调整为#e37d3f,可参考效果图斜着勾几笔,新建蒙版,采用黑色画笔降低不透明度,擦齐边缘,效果图如下:

AI教程!噪点质感扁平沙漠场景插画

步骤十:导出

在菜单栏->文件->导出中选择“导出为”,将图片导出成jpg格式,我们的渐变写实风景插画就完成了。

最终效果图

AI教程!噪点质感扁平沙漠场景插画

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

14 收藏 26

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

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

复制本文链接

发表评论 已发布 2

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。