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

AI教程!几何风休闲主题扁平运营插画

AI教程!几何风休闲主题扁平运营插画

原图作者:Anastasia Golub

教程作者:设计师就业衔接班07期-12-小野

教程指导:如如的设计主页

交作业去这里→#优设每日作业#

关于教程

本次教程是临摹一幅扁平插画,主要利用混合工具布尔运算组合成画面,基础图形就是矩形和圆形,现在来一步步说明吧!

你也想学会自己制作同款扁平运营插画吗?报名我们的课程,让讲师如如手把手教会你→优设设计师就业衔接班

教程步骤

步骤一:新建文档

1.1 打开Adobe Illustrator,点击文件>新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:

AI教程!几何风休闲主题扁平运营插画

步骤二:创建背景

使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个16000x1200px的矩形,颜色填充为#cd6bfa

AI教程!几何风休闲主题扁平运营插画

步骤三:人物绘制

3.1 首先先用画笔工具画出草稿,这一步主要是为了确定整幅图的构图和基本形,画得随意点也可以

AI教程!几何风休闲主题扁平运营插画

3.15 我们将整个人物分析拆解,可以得到以下部分,整个画面就是就是这些基本形组成的

AI教程!几何风休闲主题扁平运营插画

3.2 首先绘制人物头部。使用椭圆工具(快捷键L),绘制第一个椭圆,宽度为87px,高度为83px,填充颜色为#bb4374,描边颜色为#492f12。紧贴椭圆左侧绘制一个矩形,与椭圆重叠,使用形状生成器工具(shift+M),点击三个部分联集成一个统一图形,头部和颈部完成后如下图:

AI教程!几何风休闲主题扁平运营插画

3.3 绘制帽子。使用椭圆工具(快捷键L),绘制106px的圆形,填充颜色为#831be1,描边颜色为#492f12。再绘制一个矩形01,与矩形02,与椭圆相交,使用形状生成器工具(shift+M)减去01,合并02,得到帽子大型,使用直接选择工具(A)微调上帽檐锚点,再选中两个锚点向内拖动,得到圆角帽檐边:

AI教程!几何风休闲主题扁平运营插画

3.4 绘制耳机。使用椭圆工具(快捷键L),绘制62px的圆形,ctrl+F原位复制一个圆,按住shift+alt向内拖动原位等比缩小到40px得到耳机耳朵。耳机连接处,用多个椭圆组合成所需图形,用形状生成器生成。

AI教程!几何风休闲主题扁平运营插画

3.5 绘制衣服。填充颜色为#ffb949,利用矩形和椭圆拼出基本形,钢笔工具在转折处添加锚点,形状生成工具将其合并,调整转折处圆角,再用钢笔工具勾勒出细化部分,画一个椭圆,填充#492f12,无描边,叠在衣服底部做衣服内面

AI教程!几何风休闲主题扁平运营插画

3.6 绘制裤子。用钢笔工具按照shift可画出直线,直接画一个垂直的相交线;向内移动交点使其变成圆角,边角86px。下层原位复制ctrl+B,调整描边大小106px,选中线段,选择对象-扩展,填充颜色#831be1,描边#492f12。另一只脚同理绘制出来。矩形+椭圆绘制出裤腿。这一步也可以用前面提到的混合工具制作。

AI教程!几何风休闲主题扁平运营插画

3.7 绘制鞋子。如图形状生成工具拼出鞋子形状,散开的鞋带用3.6步骤的钢笔勾勒出线段,加描边再扩展的方法绘制,填充颜色#ffffff。系好的鞋带和鞋带孔,分别用圆角矩形和椭圆绘制。鞋底:229x11px的矩形,填充颜色#ff7874

AI教程!几何风休闲主题扁平运营插画

3.8 袖子、手臂、手机和滑板。袖子、手臂用矩形做基底,再用钢笔工具勾勒形状,手指用椭圆工具拼出。手机用矩形调整锚点画出,滑板矩形和圆形形状生成器拼成。

3.9 另一个小人也是同样的方法绘制。

AI教程!几何风休闲主题扁平运营插画

步骤四:杂物绘制

4.1 绘制猫猫和盆栽。猫猫也是拼出来的,调整锚点拉出圆角再用钢笔勾出其他部分。盆栽同理,盆栽叶子的阴影部分:叶子原位复制CTRL+F两个,将顶部的复制叶子01向右上移动10px,再同时选中复制叶子02,布尔运算减去顶部,得到的图形取消描边,不透明度选择正片叠底,调整透明度40%

AI教程!几何风休闲主题扁平运营插画

4.2 背景圆。画一个940px的正圆。Ctrl+F9打开渐变工具,,角度39.88,渐变色#922ae1至#cc5ac7

AI教程!几何风休闲主题扁平运营插画

4.3 添加漂浮物让整个画面更加活跃,基本形依旧是圆形和矩形。

AI教程!几何风休闲主题扁平运营插画

现在我们的矢量插画就完成啦!最后,我们来导出图片。在菜单栏->文件->导出中选择「导出为」,将图片导出成png格式

AI教程!几何风休闲主题扁平运营插画

最终效果图

AI教程!几何风休闲主题扁平运营插画


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

未经允许不得转载:百木园 » AI教程!几何风休闲主题扁平运营插画

相关推荐

  • 暂无文章