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

AI教程!教你绘制矢量风格清新场景插画

img

教程作者:软件基础营40期-B117-伍毛

教程指导:包大有趣

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

关于教程

本次教程的内容为绘制一幅风景插画。因为现在正是夏天的时候,在家里追番的时候看到了相关的场景,很喜欢夏天、风铃、海的感觉,所以灵感就这样诞生了。想以夏季为主题,加入风铃的元素,让整幅画面呈现出一种清新、舒服的感觉。

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

 

教程步骤

  • 步骤 01

① 收集一些风景和风铃的参考素材。(图片来自花瓣。)

AI教程!教你绘制矢量风格清新场景插画

② 绘制草图,确定画面的大致结构,将主体物和远、近景绘制出来。左侧内容较多,所以在右侧加了点树让画面相对平衡。

AI教程!教你绘制矢量风格清新场景插画

③ 将草稿分为远景、河、房子、近景的树丛、近景的树、风铃六个部分。

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 02

① 打开ai,新建画板大小800*600,颜色模式为RGB。

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 03

① 使用矩形工具建立一个800*600的矩形,放置于画布中心。

② 用渐变工具填充,填充颜色为#ffffff/#9cdefc,锁定图层,并将名字命名为“背景”。

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 04

① 接下来画山。分三层,第一层用钢笔工具绘制,顶部颜色填充为#bfefbb,山体为渐变填充。第二层用三角形工具绘制,并调整适当位置,山体为渐变填充。

② 绘制第三层树林,用三角形工具绘制一个三角形,按住Alt键向下平移25像素,按住Ctrl+C和Ctrl+F原位复制粘贴,接着复制多个形状,并缩放成大小不等的样子,最后用路径查找工具>联集,山体为渐变填充。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 05

① 新建水面层。新建矩形800*185,填充渐变色。

AI教程!教你绘制矢量风格清新场景插画

② 用直线工具绘制水纹,填充颜色为#adf7e8、# abeddb。

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 06

① 制作倒影,将第三步山的前两层选中,右键>变换>对称,选择水平翻转并复制,宽高:800*70,调整不透明度:40%。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 07

① 新建云朵层,用钢笔工具绘制云朵,填充为#ffffff。

② 用椭圆工具绘制一个75*75的圆形作为太阳,填充颜色为# fff3c4,置于云层下面。

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 08

① 新建一层命名为房子,先用钢笔工具绘制房子下面的陆地,前面的形状填充色为#52627c,后面形状的填充色为#3d485e。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 09

① 接下来进行房子的绘制,新建一个105*48的三角形作为屋顶,颜色填充为#927993。接着绘制三个矩形分别为:

105*8的矩形,颜色填充为#574256。

95*30的矩形,颜色填充为#e8e8e8。

105*5的矩形,颜色填充为#ccceca。

AI教程!教你绘制矢量风格清新场景插画

将形状进行居中对齐。

AI教程!教你绘制矢量风格清新场景插画

② 绘制两个10*18和一个15*18的矩形,颜色填充为#422a43。适当调整距离后居中对齐。

AI教程!教你绘制矢量风格清新场景插画

③ 绘制屋顶条纹,新建87*3的矩形,颜色填充为#786776。按住Alt+Shift复制平移第二个,然后按Ctrl+D复制操作。选择屋顶三角形,按住Ctrl+C和Ctrl+F原位复制粘贴,将复制的三角形右键>排列>置于顶层,选取屋顶的两个三角形与屋顶条纹,右键建立剪切蒙版,屋顶完成。

AI教程!教你绘制矢量风格清新场景插画

④ 新建几个适当大小的矩形进行房屋细节绘制。然后制作房屋阴影,新建95*10的矩形,颜色填充为#dad7da,图层样式为正片叠底。房子绘制完成。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 10

① 用钢笔工具进行房子周围的草丛绘制,置于房子上层。用圆形工具进行花朵的绘制,颜色填充分别为#ffffff/#f7dab7。

AI教程!教你绘制矢量风格清新场景插画

② 用钢笔工具进行房子周围的草丛绘制,置于房子下层。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 11

① 绘制房子旁边的树。用钢笔工具绘制树叶,进行渐变填充。用钢笔工具绘制树干和纹理,颜色填充为#21424a、#387389。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 12

① 接下来绘制近景的树丛。新建图层为树丛,用钢笔工具绘制。

AI教程!教你绘制矢量风格清新场景插画

② 用钢笔工具绘制小草,颜色填充为#10494e。绘制完后Ctrl+C、Ctrl+V复制一组,将两组草置于左右两边。

AI教程!教你绘制矢量风格清新场景插画

③ 绘制叶子,用钢笔工具绘制出半边树叶,右键>变换>对称>垂直对称>复制,调整位置完成叶子的形状绘制。

AI教程!教你绘制矢量风格清新场景插画

④ 再用钢笔工具勾出叶子的缺口,选择左边的叶子和缺口部分,点击路径查找工具>减去顶层,右边同理左边。

AI教程!教你绘制矢量风格清新场景插画

⑤ 给左右两边的叶子填充渐变。渐变颜色如图二,然后用画笔工具画出纹理,纹理的颜色填充为#74ada4。多复制几个,图形如图一。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

⑥ 用钢笔工具绘制底部树干,颜色填充为#335466、#21424a。

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 13

① 新建前景树图层,用钢笔工具绘制近景的树,将挂风铃的绳子也绘制在此图层中,调整图层顺序,绳子填充颜色为#3d3032,树干填充色为#21424a、#335466、#387389。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

② 绘制树前的草丛,用钢笔工具绘制,填充颜色为#192f3c、#29414a,然后用画笔工具画出纹理,填充颜色为#54b592。绘制完后Ctrl+C、Ctrl+V复制一组,将两组草丛置于左右两边。

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 14

① 新建风铃图层。绘制一个113*100的椭圆,渐变填充,再绘制一个矩形,适当调整位置后,选择路径查找工具>减去顶层,得到风铃的上半部分。

AI教程!教你绘制矢量风格清新场景插画

② 制作风铃的亮面,将上一步的形状复制,按住Alt向左平移25像素,选择形状,选择路径查找工具>交集,进行渐变填充。

AI教程!教你绘制矢量风格清新场景插画

③ 再将形状复制,按住Alt向左平移3像素,选择形状,选择路径查找工具>减去顶层,颜色填充为#ffffff。

AI教程!教你绘制矢量风格清新场景插画

④ 制作高光,用钢笔工具绘制,填充颜色为#ffffff。然后制作风铃底部,绘制83*4大小的圆角矩形,将边角拉至最大,填充颜色为#59b2bd。

AI教程!教你绘制矢量风格清新场景插画

⑤ 绘制风铃上部分的花纹,用三角形工具绘制一个等边三角形,用直接选择工具选择下面两个锚点,将边角拉至最大,填充颜色为#ffffff。点击旋转工具,按住Alt将中心点拖至适当位置,旋转60°后复制,按Ctrl+D复制操作,将花适当旋转调整,按Ctrl+C、Ctrl+V、复制几个花朵。用椭圆工具绘制一个22*22的圆,填充颜色为#f7dab7。

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画

⑥ 制作风铃的下半部分。用直线工具绘制一条高128px的直线,填充颜色为#3d3032。置于风铃上半部分的底层。绘制一个30*145的矩形,再绘制一个7*7的圆形,置于矩形上,选择矩形和圆形,点击路径查找工具>减去顶层,填充渐变。绘制一条宽30px的直线,置于适当位置,颜色填充为# a3cee8。

⑦ 用同样的方式绘制花朵,填充颜色为#ffffff、#7bbed1。

 

AI教程!教你绘制矢量风格清新场景插画

 

  • 步骤 15

① 最后新建图层,用钢笔工具绘制出鸟的形状,填充颜色为# 3d485e,再复制几个出来,调整大小。

AI教程!教你绘制矢量风格清新场景插画

 

最终效果

AI教程!教你绘制矢量风格清新场景插画

 

结语

至此风景插画就完成了!

 

零基础自学AI的你也想画出这样的作品吗?

戳这里让包大老师手把手指导你→优设 PS+AI+AE 零基础训练营

相关推荐

→ AI教程!教你绘制噪点质感探险场景动态插画

AI教程!教你绘制矢量风格清新场景插画

→ AI+PS教程!教你绘制扁平风格噪点质感风景插画

AI教程!教你绘制矢量风格清新场景插画

AI教程!教你绘制矢量风格清新场景插画


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


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

未经允许不得转载:百木园 » AI教程!教你绘制矢量风格清新场景插画

相关推荐

  • 暂无文章