AI教程!超可爱果冻质感小怪兽插画

时间:2020-10-21
类别:AI教程
水平:普通
观众:18141
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

AI教程!超可爱果冻质感小怪兽插画

原图作者:Alexandra Zutto

教程作者:软件基础营50期-A43-小拾

教程指导:如如酱w

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

关于教程

首先我们来分析这张插画,插画主要由多个百变怪叠加构成得。制作时,我们要仔细观察画面中的百变怪的叠放顺序,以方便绘制时得逻辑,绘制时建议先把所有的百变怪画出来后,然后调整图层顺序,从后往前添加固有颜色加上高光、反光,暗部,最后面添加上阴影,一层一层绘制。如果从前面开始绘制,之后绘制的形状会遮盖到之前绘制的形状,同时不好把控阴影与之光影的效果,导致需要不停的移动图层的位置以及光影效果。

绘制时一定要让每个百变怪单独一个图层,因为后期的一些效果要在PS中绘制,如果图层没分好,PS中绘制会多产生很多困难。

绘制时记得多保存,多按CTRL+S。

下面的教程写了相关工具使用的方法,以及部分元素的绘制过程,其中颜色可以选择自己喜欢的,也可使用吸管进行吸色(吸色过程中颜色会有偏差)。

接下来,让我们学习如何绘制一副插画吧~

教程步骤

步骤1:新建文档

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

AI教程!超可爱果冻质感小怪兽插画

步骤2:创建背景

2.1 双击图层名称处,将名称修改为“背景”

2.2 选中“背景”图层,使用矩形工具(快捷键M),在画板中,单击鼠标左键,如下图,便可输入数值,绘制一个1600*1200px的矩形,矩形颜色数值为下图

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

2.3 将矩形对齐画面,同时将背景图层锁定,这样就不会老是点到它了。

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

步骤3:工具介绍

绘制元素之前,我们先来了解一下相关工具的使用方法。

3.1 钢笔工具

使用钢笔勾勒形状,可以通过加减锚点工具删除多余的锚点。

锚点工具可以单独调整一个锚点,单击锚点时可以取消控制弧度的杠杆,选择左右两侧其中一个点时,可以单独调整这边的弧度。

黑色箭头工具是选择工具,可以移动整个形状,白色箭头是直接选择工具,同样可以单独调整锚点,使用直接选择工具时,出现下图的红色小点,可以拖动调整形状的弧度。

AI教程!超可爱果冻质感小怪兽插画

在钢笔绘制过程中可以按住ALT键可以改变单边锚点方向,方便绘制出比较复杂的形状。

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

3.4 颜色与渐变

AI教程!超可爱果冻质感小怪兽插画

步骤4:部分元素绘制教程

4.1 使用钢笔工具(快捷键P)勾画出所有的百变怪。被压在下面的身体形状可以适当调整一下(PS:绘制百变怪时关闭填充,描边可依照个人习惯改变颜色,方便分辨每一只百变怪,同时分配好图层顺序)

例如最前面的小蓝,使用钢笔工具在画板中左键长按会出现锚点手柄,这时候便可以决定弧线的曲度了,当手柄到适当的位置,放开左键这时候弧线就出来了,这时候不用太过于纠结第一个描点手柄的位置,调到差不多的位置就行,因为两点确定一条线,将鼠标移动到你觉得合适的位置,长按左键来决定,这时候就可以调整上一条曲线,以及决定下一条曲线了

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

大家可以多多尝试一下钢笔工具的使用过程,最后小蓝绘制出来以及他的锚点手柄是这样的,大家在没把握用较少锚点画出形状时,也可以多加几个锚点方便自己绘制。

AI教程!超可爱果冻质感小怪兽插画

将在勾百变怪时候,可以将已经勾好的选中按住Ctrl+3隐藏它,这样它就不会影响到你去勾其他的百变怪了,按住Ctrl+Alt+3是现实所有隐藏图层,方便查看是不是哪里有空缺。

AI教程!超可爱果冻质感小怪兽插画

(选择工具(快捷键V)可以移动钢笔勾出来的路径,直接选择工具(快捷键A)可以单独移动一个锚点,调整形状的位置与大小,建议每个形状分图层。)

4.2 现在就开始给百变怪们上固有色了,因为颜色较多,大家也可以按照自己喜欢的颜色来调整,这边先是左上角的两个小块,这边在选定渐变颜色后可以使用渐变工具(G)去快速调整渐变角度和颜色。

渐变工具上面的圆主要是调整渐变条的位置,可以按住他来变动渐变条位置,下面正方形可以调整渐变条的长度以及角度,当鼠标移动上渐变条上时,便会出现色标,可以调整色标来调整渐变效果

AI教程!超可爱果冻质感小怪兽插画

在选择渐变颜色的时候可以选几个自己喜欢的配色,放在旁边让颜色在渐变模式下按一下渐变窗口的色标,然后选择吸管工具(i),按住Shift选择一下需要的要是便可以让颜色快速吸取到渐变色标中了

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

现在调整颜色了,如果之前没调整图层顺序的画,也可以在调色的时候调整下

然后开始调整中间三小块的颜色,可以适当调整成自己喜欢的渐变效果。

AI教程!超可爱果冻质感小怪兽插画

然后是后面的几个,我这边就不具体列举时哪一块。

AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画AI教程!超可爱果冻质感小怪兽插画

这几个个颜色相近,我是先画好一个,然后用滴管工具(i)吸出颜色放到其他几个上,然后用渐变工具调整一下。

AI教程!超可爱果冻质感小怪兽插画

当所有百变怪填完色后,效果调整成这样的效果,就需要拉到PS中进行处理了。

AI教程!超可爱果冻质感小怪兽插画

4.3 这时候我们要注意AI文件不能直接拖到PS中进行处理,我们需要先给每个百变怪单独一个图层,我们需要在图层面板中对所有百变怪的图层释放图层(顺序)就能快速把每个百变怪分出图层。

当子图层中每个图层前的颜色不同,就说明每个图层已经分开了。

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

这时候点击文件-导出-导出为,选择PSD的文件格式。

AI教程!超可爱果冻质感小怪兽插画

就时候就可以打开保存好的PSD文件,开始处理高光和暗部投影了。

4.4 这时候我们可以按住CTRL鼠标左键单击一下图层预览图建立选区,适当添加一些肌理。

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

新建一个图层,然后在新图层和正在画的图层之间按住ALT当鼠标换了个样子后左键单击一下,这时候我们在图层120上的修改只会出现在图层3上面,加上反光和暗部。

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

然后再新建一层作为质感层,用钢笔工具,注意是形状模式下,画出合适的形状后,填充颜色为白色图层模式选择叠加,不透明度为20。

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

这样一个质感层便出来了,然后添加高光,我们可以适当调节画笔的不透明度与流量,让画出来的高光更有质感。

AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画 AI教程!超可爱果冻质感小怪兽插画

同时我们在给挨在下面的色块上加上投影。

AI教程!超可爱果冻质感小怪兽插画

这样一个色块就处理完毕了,然后将处理图层还有色块组成一个组,方便区分,接下来我们就把所有的色块处理一遍

最后,我们的插画就绘制好了。

最终效果图

AI教程!超可爱果冻质感小怪兽插画

AI教程!超可爱果冻质感小怪兽插画

AI教程!超可爱果冻质感小怪兽插画

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

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

38 收藏 97

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

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

复制本文链接

发表评论 已发布 11

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片