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

AI教程!梦幻扁平风格RIO饮料插画

img

教程作者:软件基础营41期-A03-大帅

教程指导:如如酱w

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

关于教程

本次教程是根据 RIO 饮料的原图绘制的作品,简约梦幻,造型主要用形状工具、钢笔工具,以及路径查找器配合完成,整体难度不大,适合新手练习。

如果你也想学习绘制这样好看的插画,记得戳链接喔 → 点我学习制作AI插画

教程步骤

步骤一、定草稿

1.1 新建画布,宽 210mm ,高 297mm RGB 模式,分辨率 300ppi 

AI教程!梦幻扁平风格RIO饮料插画

1.2 新建矩形,点击矩形工具双击屏幕,宽 210mm ,高 297mm ,添加渐变,左边 #FF557F ,右边 #FFD26A ,过程见参考图。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

1.3 绘制草稿,这一步用纸画再导入进来,或者直接用画笔工具画就可以,看自己的需求确定草稿的精细,建议新手画仔细点。

AI教程!梦幻扁平风格RIO饮料插画

步骤二、定大型

2.1 新建矩形,宽 70mm ,高 143mm ,颜色 #F35C6A 

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

2.2 这一步会讲怎么【调整钢笔锚点】,修改形状。敲重点,后面就不再讲了哈。

AI教程!梦幻扁平风格RIO饮料插画

2.2.1 绘制好矩形后,点击钢笔工具,右键选择锚点工具,接着用锚点工具选择矩形任意一角拖拽,拉出来一个杠杆,类似于图示。

AI教程!梦幻扁平风格RIO饮料插画

2.2.2 如果想要调整一边的杠杆,就只需要按住 alt 键点住一个杠杆,拖拽到需要的形状。

2.2.3 这里我们只需要让矩形的上下两条边变形,所以左边我们就直接按住 alt 拖拽锚点到竖直,想要拖出直线,可以按住 shift 键

AI教程!梦幻扁平风格RIO饮料插画

2.2.4 所以,右边我们也只需要拖拽杠杆,更改他的长度或者角度,就可以得到我们需要的形状,以此类推,矩形的 4 个点我们都要拖拽,直到得到如图所示效果。

AI教程!梦幻扁平风格RIO饮料插画

2.2.5 这时我们已经得到大致的形状了,可是边角还有一点尖锐,所以我们双击图中所示的圆点,改一下他的圆角,改成 ,右边也是。这时我们就会得到这个瓶子的瓶身形状。

  AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

2.3 这一步会讲到【路径查找器】,也是敲重点哦。

2.3.1 先新建个矩形,宽 68mm ,高 13mm ,颜色 #FF8389 ,然后用到上一步的拉锚点,拉成如图所示形状。

AI教程!梦幻扁平风格RIO饮料插画

2.3.2 再新建个矩形,宽 60mm ,高 4mm ,注意矩形的摆放位置一定要边缘正好重合,不然下一步的路径查找器会失败哦(这里的数值大家不要太过纠结,相似就好)。

AI教程!梦幻扁平风格RIO饮料插画

2.3.3 矩形摆放好后,按住 shift 键点选两个矩形,点击路径查找器里的【联集】,之后会变成如图所示的合并图形,这时我们用小白点一下相接的锚点,会出现拉圆角的大圆点,然后双击修改圆角 ,最后如图。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画  

2.4 新建矩形,宽 61mm ,高 3mm ,色值 #ECD3CE ,拉圆角 1.5 

2.5 组合拼到一起得到瓶子的基本形状。

AI教程!梦幻扁平风格RIO饮料插画

步骤三、绘制细节

3.1 接着用钢笔工具,勾勒出瓶子上的图案,

3.1.1 用钢笔工具点一下之后不松手往旁边拉,就会出现两个杠杆,然后再点一下不松手,就会出现第 2 个锚点,最后记得点一下初始的点结束这一段。

3.1.2 这里有几个要点:

(1)锚点打在需要转折的地方,尽量少一些

(2)结束路径的时候会有小句号,这样才算结束

这里的步骤图我就放一下工具的要点,大家根据形状自行发挥,大致一样就可以啦(注意有些形状需要符合这个瓶子的透视,比如上面商标的金色长条是有往下的弧度的)。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

3.2 接着用路径查找器绘制圆环:绘制圆形,在顶上再绘制一个内圈的小圆,选中两个圆,点减去顶层,就有一个圆环啦(带尖角的圆环,用直接选择工具调整一下上方的锚点就行)。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

3.3 基本形状建立好后如图,东西很多大家要细心一点绘制。

3.4 还有些地方转折比较多,我们不方便用形状绘制的,可以直接用画笔画。大家涂得时候尽量一笔涂完,或者绘制好路径之后,点击对象-路径-简化,来让线条圆滑一点。

 AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

3.5 接着输入文字,注意字也是有透视的!打完字之后要修改角度的哈,让他稍微看起来有点透视就行了。

AI教程!梦幻扁平风格RIO饮料插画

3.6 瓶子上有一排艺术字,这里就要考验我们的手法,

3.6.1 点开画笔右上的的三条杠,然后选择打开画笔库,6d 艺术钢笔,选那个粗 9pt ,然后大家就可以写啦,怎么飘逸怎么来,不要跟原图差太多就好。

3.6.2 记得根据粗细改一下描边。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

步骤四、绘制体积

4.1 这一步就是画出来各个体块,然后调整渐变。

4.1.1 把底下的瓶身底复制一下,然后再新建个矩形,选中两个矩形,点路径查找器里的【分割】,分割完后他都是默认编组的,这时我们要右键然后取消编组。

4.1.2 接着,删掉多余的形状,留下来最右边这个体块就行。

4.1.3 最后,调整渐变,右边色值 #F76677 ,不透明 70% ,左边色值 #ffffff ,不透明 0% ,角度是 -180° ,得到如图所示效果。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

4.2 接下来类似手法的我都直接报颜色和形状了哦。

形状1,颜色 #CC3E52 ,不透明度 40% 

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

形状2,颜色和透明度跟形状1一样。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

形状3,颜色 #D94A5B ,不透明度 21% 。形状 ,渐变 -180° ,从白色不透明度 0% ,到白色不透明度 60% ,形状的不透明度 76% 

AI教程!梦幻扁平风格RIO饮料插画

形状4,渐变-180°,从白色不透明0到白色不透明60%,不透明76

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

形状5,颜色 #FFF8F9 ,不透明度 47% 

AI教程!梦幻扁平风格RIO饮料插画

形状6,颜色 #CC3E52 ,不透明度 11% 

AI教程!梦幻扁平风格RIO饮料插画

4.3 接着绘制瓶子底座,注意透视是越往底下,弧度越大。

4.3.1 绘制矩形,修改底下两个点的杠杆就好,颜色 #F9CCC5 ,善用路径查找器。

4.3.2 第 1 个用减去顶层,第 2 个是两个形状做好后联集拉外面的大圆点修改圆角。

AI教程!梦幻扁平风格RIO饮料插画

AI教程!梦幻扁平风格RIO饮料插画

4.4 绘制底座的光影。

形状1,颜色 #D94A5B ,不透明度 40% 。

AI教程!梦幻扁平风格RIO饮料插画

形状2,颜色 #D94A5B ,不透明度 29% 。

AI教程!梦幻扁平风格RIO饮料插画

形状3,颜色 #D94A5B ,不透明度 18% 。

AI教程!梦幻扁平风格RIO饮料插画

形状4,颜色 #FFFFFF ,不透明度 64% 。

AI教程!梦幻扁平风格RIO饮料插画

形状5,颜色 #D94A5B ,不透明度 6% 。

AI教程!梦幻扁平风格RIO饮料插画

形状6,颜色 #D94A5B ,不透明度 21% 。

AI教程!梦幻扁平风格RIO饮料插画

形状7,颜色 #D94A5B ,不透明度 100% 。

AI教程!梦幻扁平风格RIO饮料插画

形状8,颜色 #FFFFFF ,不透明度 47% 。

AI教程!梦幻扁平风格RIO饮料插画

形状9,颜色 #FFFFFF ,不透明度 8% 。

AI教程!梦幻扁平风格RIO饮料插画

形状10,颜色 #FFFFFF ,不透明度 7% 。

AI教程!梦幻扁平风格RIO饮料插画

形状11,颜色 #CC3E52 ,不透明度 11% 。

AI教程!梦幻扁平风格RIO饮料插画

形状12,颜色 #CC3E52 ,不透明度 11% 。

AI教程!梦幻扁平风格RIO饮料插画

形状13,颜色 #A82F2F ,不透明度 24% 。

AI教程!梦幻扁平风格RIO饮料插画

形状14,颜色 #A82F2F ,不透明度 24% 。

AI教程!梦幻扁平风格RIO饮料插画

这样光影就做好了。

4.5 接下来给瓶子加一些装饰小水珠。

4.5.1 这里小水珠就用 3 个椭圆组合而成,可以分成两种,一种是有投影,一种是有反光。

4.5.2 接着多复制几组变形粘贴就好啦。

最终效果

AI教程!梦幻扁平风格RIO饮料插画

【优优教程网 365 打卡计划】

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

学完这篇教程的人还在学…

>>手绘教程!手绘营老师教你在板绘中灵活使用钢笔工具
>>手绘速剪!整个复古小姐姐

AI教程!梦幻扁平风格RIO饮料插画


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

未经允许不得转载:百木园 » AI教程!梦幻扁平风格RIO饮料插画

相关推荐

  • 暂无文章