百木园-与人分享,
就是让自己快乐。

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

img

原图作者:Febin-Raj

教程作者:ZhuSiyu(软件营35期学员)

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

关于教程

本次教程内容临摹Dribbble上 Febin-Raj的作品。本次教程中重点运用到大量颜色渐变,钢笔工具、布尔运算的使用,以及最后利用PS进行的添加杂色滤镜,构建出一幅具有水墨画特点的城堡插画。下面我们就开始吧!

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

 

教程步骤

  • 步骤 01

分析绘制思路,将插画分成背景+主体部分(云、山、树林、城堡、地面、湖面)。

 

  • 步骤 02

在AI里新建一个800*600px的画板

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

接着用矩形工具画一个与画板大小一样的矩形并填充渐变,#bae3f9~#007fb4 (本插画中渐变都是线性渐变)

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

  • 步骤 03

开始绘制主体部分。(我主要是利用钢笔工具绘制,大家也可以根据自身情况利用布尔运算绘制图形)

绘制云朵,填充#efeff6

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

绘制三座山体,分别填充渐变颜色

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

绘制树丛,形状和渐变如图所示,并用钢笔绘制出枝丫部分。

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

接下来画出湖面左边树丛,同样的形状与颜色渐变如图所示,然后勾出树与树的倒影相交形成的阴影形状,将树丛进行水平变换,调整好位置,形状压扁一点,即可绘制出阴影,这部分就差不多完成了。

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

绘制城堡,主要分为三部分:塔底座、塔身、塔顶。

① 塔底座,先利用矩形工具画出来,其中有两个梯形是利用直接选择工具选中锚点进行调整

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

② 塔身,绘制出塔身的大致结构,填充渐变,如图10。然后加上一些窗户,小旗子

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

③ 塔顶,这些形状比较小,渐变不是很明显,所以我在绘制的过程都没有使用渐变,基础好的同学可以自己填充渐变色,绘制屋顶用到了路径查找器-减去顶层,然后画出一个矩形使用路径查找器-联集,同上,绘制完其他塔顶后填充颜色即可

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

  • 步骤 04 

绘制湖面和地面部分

湖面部分:利用矩形工具画出矩形,填充渐变,注意调整图层位置,放在地面图层下层。绘制出湖面的小船及其倒影,倒影与步骤3中树在湖面倒影绘制方法相同。

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

地面部分:首先利用钢笔工具绘制出地面形状,填充渐变

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

再画出地面石块,石块填充颜色是相同的(注意:需要根据明暗,自己调整一下渐变角度)

最后完成地面的一些其它颜色填充以及画面右下角的树,完成效果如图

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

  • 步骤 05

将完成的AI文件导出,放入PS中,根据画面调整一下曲线,最后添加杂色即可做出噪点效果。

具体噪点添加方法可以参考→ AI教程!如何在绘制矢量插画时实现噪点效果?

整幅作品就完成了,最终效果图如下:

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

 

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

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

 

相关推荐

→ Ai+Ps教程!教你绘制扁平化山林场景噪点插画

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

→ AI+PS教程!静谧村庄渐变色噪点质感插画绘制过程

AI教程!渐变色噪点质感城堡场景插画绘制过程分享

AI教程!渐变色噪点质感城堡场景插画绘制过程分享


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

 


来源:https://uiiiuiii.com/illustrator/1212138160.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AI教程!渐变色噪点质感城堡场景插画绘制过程分享

相关推荐

  • 暂无文章