Illustrator绘制复古风格的扁平化插画

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

教程使用软件为 AI CC2018 版本不同可能部分功能不太相同

先看看效果图:

Illustrator绘制复古风格的扁平化插画,PS教程,思缘教程网

步骤1 画面分析

通过分析画面,我们会发现大致需要用到形状工具钢笔、路径查找器等工具

并且搭配上饱和度较低的颜色,整体感觉非常复古而且很有个人风格

步骤2 配色参考

Illustrator绘制复古风格的扁平化插画,PS教程,思缘教程网

步骤3 绘制场景

新建文档,大小 1400X785px,新建同等大小矩形,并且与画板对齐,填充颜色 #f4efdb

绘制横竖的直线,学UI设计,描边颜色 #a3d3d2 ,用混合工具或者 ctrl+d 铺满画面

左边直线粗细 2px,右边直线粗细 1px,在右下角留下约 1100X200px 的空隙

Illustrator绘制复古风格的扁平化插画,PS教程,思缘教程网

用剪刀+直接选择工具在直线上随机剪断一些线段

绘制矩形,大小1100X80px,填充颜色 #a3d3d2,放置在右下角与画板对齐

Illustrator绘制复古风格的扁平化插画,PS教程,思缘教程网

绘制矩形,大小7X5px,填充颜色 #241509 ,往下复制2个,再往右复制,按住ctrl+d得到如图所示效果

Illustrator绘制复古风格的扁平化插画,PS教程,思缘教程网

绘制圆形和圆角矩形,摆放至如图所示效果,点击路径查找器里的分割,取消编组后去掉不需要的区域

Illustrator绘制复古风格的扁平化插画,PS教程,思缘教程网

Illustrator绘制复古风格的扁平化插画,PS教程,思缘教程网

 收藏