AI教程!教你绘制海边度假的清凉场景插画

时间:2019-05-30
类别:AI教程
水平:进阶
观众:2.3w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

原图作者:

教程作者:软件基础营37期-B60-皮卡丘

辅导老师:如如酱w

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

关于教程

本次教程是关于海边度假的清凉场景,配色和构图都非常值得借鉴学习,在绘制过程中主要使用的是钢笔工具,技巧性不强,因而在教程的绘制部分没有做过多的讲解,对钢笔不是很熟练的小伙伴,可以从这个教程开始锻炼自己的工具使用了喔!

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

 

教程步骤

  • 步骤 01

打开AI,文件-新建一个宽1600px,高1200px的文档,使用矩形工具画一个1600x1200px的矩形,放在画布中心,填充颜色#a9deb6,把图层名字改为背景,锁定图层。

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 02  绘制背景(云,树丛,树,草丛,山,海,石头,鸽子,太阳,沙滩)

这一步主要使用到的是钢笔工具,勾勒出形状即可,没有过多的技巧,因而没有做详细的讲解,每一步都要新建图层,以便在PS里添加噪点质感,以下是填充颜色:

① 云朵填充#d4ebe1

② 树丛填充#826f6c

③ 树填充#46374f,然后在树的叶子上用钢笔工具勾出三角形,选中树和三角形,用路径查找器-减去顶层,做出叶子的效果

④ 草丛填充#311f35

⑤ 山填充#88bca7

⑥ 海填充#ade0b9,勾出一些海面的小波浪,填充#f3fcd0,勾出石头,填充#897775,勾出石头的倒影,填充#897775,透明度15%

⑦ 鸽子填充#fbfbee,画一个半径为90的圆,填充#ffffff,再画一个半径为125的圆,填充#ffffff,不透明度调成15%,放在第一个圆的图层下方

⑧ 沙滩填充#df9683,勾沙滩上的一些小石头,填充#914b49,勾出沙滩的边缘层,填充#fae1cb

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 03  绘制房子

此处主要使用的是形状工具,加上直接选择工具进行调整,对相应工具熟练的小伙伴可以临摹绘制,颜色参考如下:

① 绘制屋顶,填充#f2eae2,左半边画阴影,填充#e0d2c2,绘制屋檐,填充#453343,阴影部分填充#3d1a32,屋檐的斜面,填充#5e5374,阴影填充#5e5374。

② 绘制房子,墙面填充#7d8793,画出门,大小96x208px,填充#645f73,上半部分的阴影96x40填充#543f4f,下半部分的阴影,#564757,左半边的阴影,#717379。

③ 画出窗口的框,70x52,填充#c4d4b7;画出窗,66x50px填充#11eaa2,不透明度%40。选中窗Ctrl+C,Ctrl+F,复制三层,选中窗口的框和窗,路径查找器-减去顶层,选中门的上半部分阴影和窗,路径查找器-减去顶层,选中门和窗,路径查找器-减去顶层。调整四个图层的顺序。

④ 绘制右边的窗,画出窗的最外层,填充#829ea2,画出窗口的框,填充#eddfdc,画出窗户的边缘,填充#55aeaa,画出窗口,填充#11eaa2,不透明度40%。选中窗口Ctrl+C,Ctrl+F,复制三层,选中窗口的最外层和窗,路径查找器-减去顶层,选中窗口的框和窗,路径查找器-减去顶层,选中窗户的边缘和窗,路径查找器-减去顶层。调整四个图层的顺序。

⑤ 绘制窗的遮盖部分,填充#eddfdc,画出光的部分,填充#fbe7e9,画出阴影部分,填充#dccbc3,画出遮盖部分投在窗上的光,填充#57b1a5,不透明度55%。

⑥ 绘制窗下面的部分,填充#6e8e91,画出最下面的三角阴影,填充#727682,不透明度55%。

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 04  绘制板子和旗子

① 绘制板身,新建圆角矩形,大小30x60px,填充#f23042,圆角半径18px,用直接选择工具,选中下方圆弧的中心锚点,往下拉20px。画一个宽22px,高17.5px的椭圆,选中下面的锚点,删除,剩下半圆。选中半圆和板身,路径查找器-减去顶层。画一个圆角矩形,4x32px,圆角半径18px,复制一层,放在板子的两边,选中两个圆角矩形和板子,路径查找器-减去顶层。

② 绘制板子左边,复制一层板子,填充#c02f3e,画一个矩形盖住右半边的板子,选中矩形和板子,路径查找器-减去顶层。画一个宽高为6px的圆,填充#f7f6d9,放在板子的上面。选中板子和阴影和球,路径查找器-联集,填充#80a0a3,选中最下面的锚点删除,放在板子图层的下面。画一个矩形,填充#4f2031。放在板身的中间。

③ 绘制旗杆,矩形2x70px,填充#f89f8b,再画一个小的固定矩形。

④ 旗杆的上半部分,绘制矩形3x45px,填充#f2f4e5,再画一个小圆在顶部。

⑤ 绘制旗子,矩形33x5,填充#f43f49,在上下两条长的中间添加锚点,利用直接选择工具往上移5px,并把圆角拉到最大,复制一层,填充#ffffff,往下挪动至两个图形相切,重复3次操作,最后复制一层红色拉到最下。选中全部旗子形状,复制一层,垂直翻转180度,放在左边,即可完成旗子的绘制。

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 05  绘制栏杆、滑板、指示牌

① 新建图层,画一个444x10px的矩形,填充#462331,复制一层,放在合适的位置;画一个10x111px的矩形,填充#462331,复制三个,画出竖杆的阴影,填充#280d18,画一个436x17px的矩形,填充#462331做地板。复制栏杆的所有图层,旋转340度,地板与地板连接。

② 绘制台柱子并添加阴影,台柱子填充#462331,阴影填充#3b1b24。

③ 绘制滑板,外轮廓用椭圆和圆角矩形拼接而成,填充#91b1ad,对象-路径-偏移路径-2,填充#f2f1dd,画一个大的椭圆形,填充#f6a56e,复制一层滑板,与椭圆形路径查找器-交集,再画一个矩形,复制一层椭圆形,与矩形路径查找器-交集,填充#f2f1dd,下面画一个圆。

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 06  绘制人物

这一步依旧是使用钢笔把人物的轮廓勾勒出来,颜色参考如下:

① 头发填充#481b3d

② 身体填充#f89f8b

③ 衣服填充#f53850

④ 手部填充#f69c8c

⑤ 衣服的阴影填充#d23443

⑥ 手的阴影填充#e47e77

⑦ 另外一条腿的阴影填充#eb807d

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 07  绘制旁边的杆和桶

杆填充#603d4b,线段勾出来用描边填充#603d4b。

绘制旁边的桶,桶身填充#3b1836,盖子填充#724b5c,桶身的光填充#52243b。

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 08 绘制所有影子

用钢笔勾出旁边草丛的影子,填充颜色#995259。

复制一层地面上的物体的图层,路径查找器-联集,填充#914b49,窗户的不透明度改为100%。翻转180度,倾斜,调整大小,放在房子下面。

AI教程!教你绘制海边度假的清凉场景插画

 

  • 步骤 09  添加噪点

在导出的时候选择psd文件,最大可编辑性。

用ps打开,在云图层的上面新建一个图层,混合模式选溶解,右键创建剪贴蒙版,在云层外用画笔工具柔边圆,大小500像素,描一层噪点,沙滩和树的图层用同样的方法添加噪点质感。

最后在太阳那边的画布外面用大的柔光画笔补一下光。

AI教程!教你绘制海边度假的清凉场景插画

 

最终效果

AI教程!教你绘制海边度假的清凉场景插画

 

结语

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

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

 

相关推荐

AI教程!夏日清凉配色扁平插画制作思路

AI教程!教你绘制海边度假的清凉场景插画

→ AI教程!教你绘制复古风格配色的夏日午后泳池

AI教程!教你绘制海边度假的清凉场景插画

AI教程!教你绘制海边度假的清凉场景插画


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

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

 

2 收藏 27

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

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

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片