AI绘制热气球插画教程

AI绘制热气球插画教程

用AI绘制质插画(笔刷制作)

在开始绘制前,我们还是老规矩,创建四个图层文件夹来管理我们的图层!

AI绘制热气球插画教程

1. 如何创建背景

一旦我们完成了文档的分层,就可以开始绘制实际的插画了,我们将通过创建背景来执行此操作。因此,请确保您已定位在第一个图层文件夹了,让我们直接进入它把!

步骤 1.1

使用钢笔工具 (P),在将填充颜色设置为#7AC6F4后,使用参考图像作为主参考,仔细绘制底部背景的主形状。

AI绘制热气球插画教程

 

步骤 1.2

再选择笔工具 (P),快速绘制较小的背景图形,而位置大小等可以参考下图。

AI绘制热气球插画教程

 

步骤 1.3

绘制完背景后,我们可以开始处理前景的云,我们将使用一些大小不同的圆创建前景的云。将它们放置在底部形状的两侧,使用#F0FBFF着色前面的云,使用#D4F7FF着色后面的云。

AI绘制热气球插画教程

 

步骤 1.4

由于我们希望云是藏在背景里面的,所以我们要对云(Ctrl-G) 进行打组,然后使用要粘贴在前面(Ctrl-F)快捷方式把背景复制一份。然后,选择复制的背景和打组的云后,只需右键单击”创建剪切蒙版”即可。完成后,不要忘记使用 Ctrl-G 键盘快捷键来把所有的形状打组。

AI绘制热气球插画教程

 

步骤 1.5

移动到较小的背景上,然后使用 112 x 112 px 的圆 (#FFCF83) 创建发光光晕,然后再创建两个较小的圆 (#FFCF83),每个比上次小 12 px,从而开始处理太阳。将它们堆叠在一起,确保将其不透明度降低到 16%。完成后,使用 40 x 40 px 的圆圈(#FFCF83)添加实际太阳,确保使用 Ctrl-G 键盘快捷键选择所有四个形状并将其打组在一起。

AI绘制热气球插画教程

 

步骤 1.6

完成创建太阳后,用上面云一样的处理方式处理太阳即可。

AI绘制热气球插画教程

 

步骤 1.7

通过创建三个不同形状的椭圆(#FFFFFF)来绘制较小的浮动云。使它们重叠 ,然后首先使用锚点工具 (Shift-C)挤压其侧锚点来调整它们。若想继续调整其形状,使用直接选择工具 (A) 单独选择其较低的锚点就行,然后把不要的部分删除,但是记得要封闭路劲哦,锚点不好使,请用路径查找器来绘制把!最后请记得打组哦!

AI绘制热气球插画教程

 

步骤 1.8

位置的话可以参考下图,然后我们就做好了本次插画的背景了。

AI绘制热气球插画教程

2. 如何创建热气球

现在,我们已经完成了背景工作,我们可以锁定它的图层,然后移动到下一个图层文件夹,我们将花一些时间来创建我们的热气球。

步骤 2.1

首先,使用 48 x 12px 的矩形为吊舱创建主形状,我们将使用#664240进行着色,然后在较大的背景上放置它,距离其左边缘 288 px,距顶部 208 px。

AI绘制热气球插画教程

 

步骤 2.2

通过打开”变换”面板,调整我们刚刚创建的形状,然后将其底部的角的半径从矩形属性内设置为8px。

AI绘制热气球插画教程

 

步骤 2.3

使用8个 2 x 2 px的矩形(#F7C263) 水平间隔 2 px 来作为窗户,我们将对窗户进行打组(Ctrl-G),然后放置的位置可以参考图像中所示。

AI绘制热气球插画教程

 

步骤 2.4

通过创建 400 x 112 px 椭圆我们开始处理气球部分,我们将使用#F99178进行着色,然后放置在吊厢顶部,使其最终重叠。

AI绘制热气球插画教程

 

步骤 2.5

使用移动工具(右键单击 – 变换- 移动 -水平- -32 px),调整我们刚刚创建的形状,将其中心锚点向左推 32 px(右键单击 – 变换-移动 – 水平- -32 px),然后将右锚点的控点缩短 15 px,以便将其尾巴变薄变尖。

AI绘制热气球插画教程

 

步骤 2.6

通过复制结果形状(Ctrl-C + Ctrl-F),添加气球底部较暗的部分,我们将通过选择并删除其顶部锚点来调整该部分。使用#C15142为新形状着色。

AI绘制热气球插画教程

 

步骤 2.7

使用较大气球作为第二个副本(Ctrl-C)来作为高光部分,我们将将其粘贴在前面(Ctrl-F)。将其颜色更改为#EA7B65,然后单独选择并将其顶部和底部锚点推到内部,大约16 px左右(右键单击 变换里面可以用数值控制,具体取决于您从哪个锚点开始,反方向就用负数)。

AI绘制热气球插画教程

 

步骤 2.8

使用得到结果形状复制(Ctrl-C + Ctrl-F)出来创建较暗的下半部分,我们将通过首先将其颜色更改为#D86552,然后移除其顶部锚点,然后使用 Ctrl-J 键盘快捷键关闭路径来进行调整。完成后,请确保在继续执行下一步之前,选择它并打组(Ctrl-G)气球的所有合成形状。

AI绘制热气球插画教程

 

步骤 2.9

使用 8 x 112 px 的矩形来添加气球的嘴巴,我们将使用#664240进行着色,然后居中对齐到气球的左边缘,随后使用较大的基础形状的副本(Ctrl-C + Ctrl-F)将其屏蔽(右键单击 + 制作剪切蒙版)。

AI绘制热气球插画教程

 

步骤 2.10

使用 12 x 4px 矩形 (#664240) 创建鼻锥,我们将通过使用方向键单独选择它然后将左锚点推到内侧大约1px 来进行调整,然后让它与较大的气球重叠 2Px。

AI绘制热气球插画教程

 

步骤 2.11

使用 40 x 32 px 矩形 (#D86552) 添加机翼的主形状,我们将通过调整左上角的半径为32px来改变形状。具体数值看图把!

AI绘制热气球插画教程

 

步骤 2.12

使用 8 x 32 px 矩形 (#664240)来作为较暗的部分,我们将使用基础形状的副本进行剪切蒙版,然后使用8 x 8px的圆圈(#664240)装饰它,我们将其放置再如图所示的位置。完成后,请确保在继续执行下一步之前,选择并打组(Ctrl-G) 所有形状。

AI绘制热气球插画教程

 

步骤 2.13

使用我们刚刚完成的图形然后创建副本(Ctrl-C + Ctrl-F)添加到底部,我们将水平翻转它,然后放置于气球的底部。完成后,请确保将它们发送到所有其他形状下方。

AI绘制热气球插画教程

 

步骤 2.14

使用40 x 8px 椭圆 (#664240)创建面对我们的机翼,我们将通过选择并将其锚点向左推 4 px 来进行调整,将得到形状从气球的末端前挪动16px。

AI绘制热气球插画教程

 

步骤 2.15

使用四组每组3个 4 x 2 px 的椭圆(#664240)添加细节,请参考下图来放置这些圆把!

AI绘制热气球插画教程

 

步骤 2.16

使用12 x 8px 椭圆 (#664240)添加侧引擎盖,我们将通过选择内部锚点向左推 2 px 来调整。按参考图像所示放置生成的形状。完成后,你就把这些东西打组。

AI绘制热气球插画教程

 

步骤 2.17

一旦我们完成了对热气球的绘制工作,我们可以使用三个1 px 圆角矩形 (#FFFFFF) 来表现热气球速度感或者是尾气把,我们将在飞船周围以 8 px 的距离放置这些矩形。

AI绘制热气球插画教程

 

步骤 2.18

通过添加几个浮动的云(#FFFFFF)来完成最终的插画,遵循用于创建背景云相同方法。完成后,不要忘记使用 Ctrl-G 键盘快捷键选择和打组所有形状。

AI绘制热气球插画教程

 

3. 如何创建渐变叠加

在我们锁定当前图层并移动到下一个图层之前(这将是第三个图层),我们需要将背景的两个组和热气球的主体创建新的副本 (Ctrl-C) 并且添加到剪贴板中,因为我们将使用它们来创建叠加。

 

步骤 3.1

首先,我们希望使用 Ctrl-F 键盘快捷方式将刚刚添加到剪贴板的副本粘贴到当前图层上。

AI绘制热气球插画教程

 

步骤 3.2

接下来,我们需要通过将形状转换为复合形状来使形状是单个较大的形状。首先选择它们,然后打开路径查找器面板,然后在高级菜单里面找到并点击”制作复合形状”。

AI绘制热气球插画教程

 

步骤 3.3

创建复合形状后,我们可以打开渐变面板,并使用左#662D91右#FBB03B来创建线性渐变。

AI绘制热气球插画教程

 

步骤 3.4

我们现在打开不透明度面板,并将渐变的混合模式设置为”颜色加深”,确保将其不透明度降低到仅为30%。

AI绘制热气球插画教程

 

4. 如何添加纹理

添加渐变叠加后,我们可以锁定当前图层,然后向上移动到最后一个图层(这将是第四个图层),我们将通过添加漂亮的杂质来完成我们的小插画。

 

步骤 4.1

我们首先需要复制 (Ctrl-C),然后粘贴 (Ctrl-V) 自定义纹理到当前图层,确保调整其大小,使其最终覆盖整个画板。

AI绘制热气球插画教程

 

步骤 4.2

一旦我们的纹理到位,我们要做的就是剪切它(右键点击 + 使剪切蒙版)怎么操作前面也讲了很多此,不再重复了,然后确保将其不透明度降低到 60% 。

AI绘制热气球插画教程

 

原文地址:youku

作者:Andrew Stefan

译文地址:UI中国

译者:米夏小雨