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

优设6年行业口碑保障!专业培养高薪设计人才,你想要的课程这里都有 前往咨询
  • 水平 : 普通
  • 观众 : 3824
  • 时间 : 2019-04-01

教程

原图作者:Febin-Raj

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

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

关于教程

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

 

教程步骤

  • 步骤 01

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

 

  • 步骤 02

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

 

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

 

  • 步骤 03

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

绘制云朵,填充#efeff6

 

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

 

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

 

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

 

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

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

 

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

 

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

 

  • 步骤 04 

绘制湖面和地面部分

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

 

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

 

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

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

 

  • 步骤 05

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

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

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

 

结语

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

 

相关推荐

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

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


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

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

 

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

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

本文链接: http://www.welcomestate.org/illustrator/1212138160.html

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

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

Adobe IllustratorAI教程噪点插画场景插画渐变
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

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