咨询电话:400-810-1418服务与监督电话:400-006-6572

AI+PS温暖元气鼠插画图文教程解析

发布时间:2020-02-06 12:08:14

在学习插画的时候,很多人都会问一个问题“临摹我都会了,但是请问如何原创呢?”。今天我们就通过这个元气鼠的画法来谈创作思维的建立,相信通过这一波操作,你一定可以慢慢摸索到自己的原创学习路径。

灵感来源 

新浪微博在搞#画出新年#的活动,看到大家都画小老鼠画得好开心,自己也不免有点心痒痒。于是就想到了这样一个拟人创作的小老鼠的想法。刚好年前自己的健康值略有点低,给自己振奋一下。

草图阶段:动作造型设计 

草图的阶段无需多讲,这在之前我就反复强调过。如果草图上没办法原创,开始画的阶段就是用点心思去琢磨。

下面是我的草图,这段时间我习惯用勾线笔来强调线条。

0.jpg

在草图上大家可以看到,其实虽说是老鼠,头部的确是小老鼠的模样,但是身体的其他部分都很拟人。这也是卡通鼠一个很重要的地方,采用拟人的画法,也许更贴近我们人的主观亲近感。

我给老鼠设计了一个比较炫酷动感的造型,也是表达“元气饱满”的方式。动作设计也是一开始在草图就需要表达的维度。

如果大家觉得这部分没有灵感,建议可以看看各种功夫电影:李连杰、成龙、甄子丹……成熟的功夫电影都有专门的功夫动作设计,这些都能拿来当作参考。当然我这里所画的小老鼠更像是hiphop里的Bboy的造型,这部分也是临时起意的。

这部分扯得有点多,目的就是要让大家在草图就建立起“原创”这个概念。

从几何的角度建立大形 

STEP 01

从草图来看,开始拆解老鼠的身体部位。将头、身体、四肢等各个位置都简化为基础几何形。从下面的图示里,大家可以看出这类拆解方法。

1.jpg

规划好几何形的分布,我们就可以打开AI,新建一个1600*1600px的文档。用钢笔工具开始画出老鼠的头部。头部形状是由一个矩形和一个三角形所组成,因此我们可以直接把这个形状画出来。给这个形状填充色为#9F4344,它是老鼠的皮肤色彩。

1-2.jpg

STEP 02

采用钢笔工具,画出小老鼠所穿的T恤。在建立大形的时候,要清楚哪些形状属于同一个色彩,这时就直接用钢笔工具画出同一色块的的形状。给这个形状填充色为#FFE5D4。然后再画出小老鼠的腰部,腰部的色彩仍然是皮肤的颜色。

2.jpg

STEP 03

画出小老鼠的腿部,我们给小老鼠设计穿了裤子,裤子的颜色填充为#FFFEDE。臀部的形状可以先用直线画出,再将尖锐的角度转为弧形。

3.jpg

到这一步,基础大形就完成了。注意在原创的时候,就是要学会用大的基础形来归纳整个形体。尽量学会简洁但又要保持清晰。

画出手脚造型 

拟人的画法来画出小老鼠,其实和画人的手脚是类似的。

STEP 04

画出小老鼠的手部,由于这是一个拟人化的动物,因此手指就按人类的手来画就可以。当然可以把手画得小巧一点,这样也和老鼠的形态有某种类似感。这时你可以用钢笔工具,画出比较复杂的手指形状,填充为皮肤的颜色。

4.jpg

STEP 05

接下画出小老鼠的鞋子,并且把脚踝的部分也画出来。鞋子用三角形来表现即可。最后给整个背景铺上一个矩形,填充为#FFC092。

5.jpg

补充细节 

画细节的时候,依然要兼顾到几何形的表达,兼顾到整体的风格统一。

STEP 06

首先来补充小老鼠头部的细节构造:耳朵、眼睛、鼻子、嘴巴。这里可以拿出草图来作为参考。

6.jpg

STEP 07

接下补充衣裤的细节,这里的细节大多属于装饰功能,因此在满足审美的基础上,大家可以任意发挥。比如我在这里设计小老鼠穿的是条纹衫,你也可以变其为格子衫。

7.jpg

先制作出衣衫上的条纹图案,这里的条纹可以利用矩形来画出,颜色填充为#FF4500。倾斜18°。放在小老鼠的衣服上方。

STEP 08

然后选中小老鼠的衣服的形状(整块),然后将它复制一层粘贴到上方。同时选中复制层以及条纹图案(确保条纹图案是编组状态),鼠标右键>建立剪切蒙板。

8.jpg

STEP 09

再画上裤子的装饰细节。虚线可以进入线条进行设置。衣服和裤子的图案装饰都是可以原创的部分,比如改条纹为格子或者圆点。

9.jpg

背景氛围装饰 

STEP 10

小老鼠完成后,给背景氛围以装饰细节,增加奶酪、小圆点和糖果图案,铺满小老鼠周围的空间。

10.jpg

这些都是小老鼠热爱的美食,当然你也可以画出玉米、雪糕之类。这类装饰可以令画面更为活泼。

STEP 11

再为小老鼠的背景增加一个中文字“春”,来点亮主题,让这个文字的笔画能和前景互动。并增加更细小的圆点,进一步丰富画面。

11-1.jpg

11-2.jpg

增加简易阴影 

STEP 12

扁平插画中的阴影是可以非常简化的,比如用深色直接画出三角形,在需要增加阴影的部分画上,就能点出阴影所在位置,这是最近我发现最能有效表现轮廓,既不过分强调立体感,又能摆脱扁平的“扁”的方法之一。

12.jpg

12-2.jpg

形状彻底完稿 

最后可以根据主题,比如“春节”、“新年”再多增加一些文字,这样就完成了最基本的形状描绘。

PS提升纹理质感 

把我们在AI中做好的小老鼠,复制粘贴到PS里。这里需要注意,纯色背景和整个前景可以分开复制。分开复制的好处就是我们可以直接对前景增加纹理,而不影响到背景。

STEP 13

我们打开PS,新建一个2000*2000px的文档,设置一个背景,背景色同为在AI当中的背景色。然后将AI中的前景小老鼠(包括背景装饰)一起复制粘贴到PS当中来。

13.jpg

STEP 14

选用我自己自制的颗粒感笔刷,制作方法可以参见下面这个视频(视频里有详细讲解)。如果是不想自制笔刷,也可以用画笔中的“特殊效果画笔>喷溅画笔”来代替。它们都能为画面增加“颗粒感”,让画面变得更粗粝,具有温度感。

14.jpg

先新建一个图层,将这个图层设置为前景对象图层的剪贴蒙板。利用钢笔工具画出路径并选中小老鼠的头部,你也可以把这个操作看成我们先框出一块区域,然后利用画笔开始进行涂抹绘制。

选用的色彩,可以在暗面用比皮肤色彩略深的颜色,相反,向光的部分就用比皮肤色彩更浅更亮的颜色。

STEP 15

继续绘制皮肤部分的其他光影质感的效果。这时要特别注意受光面和背光面的安排,当然也不需要太过写实。把握好审美和写实之间的平衡关系。

这部分的颗粒,我们可以简单称它为“流动”颗粒,也就是它是在这块区域内流动的,没有固定的边缘的。流动颗粒可以帮助塑造物体的立体感,有助于打破扁平插画的“扁平感”,因此画笔在运用时,主要是轻轻“点”上去的。

注意:采用画笔的方式,主要还是看你的画笔性能而定。

15.jpg

STEP 16

接下我们利用钢笔工具来画出部分形状,这时同样运用颗粒感画笔,但是这里的画笔用法是刷过去的,下笔可以重一点。要画出具体的形状。

这部分的颗粒,我们可以称它为“固态”颗粒,它呈现的是一个形状的块面,但是带有颗粒的质感。它的作用主要是强化扁平插画当中的层次感和细节感。

固态颗粒不需要太多,在适当的地方强化一下细节,比如小老鼠的牙齿,还有耳朵的轮廓,部分高光,就能点活画面。

16.jpg

STEP 17

运用同样的方法,给小老鼠其他的身体部分增加光影质感细节。在画小老鼠的衣服的时候,由于衣服已经有条纹图案了,所以这里需要新建一个图层,把这个图层的混合模式设置为“正片叠底”,在这个混合图层上涂抹颗粒,让衣服的部分变暗,然后再回到之前的图层,继续增加颗粒。

为什么要新建一个混合图层?因为如果直接给衣服上颗粒,会影响到衣服的条纹图案,当颗粒需要画出的面积较大时,就可以考虑多一个混合图层来完成。

17.jpg

STEP 18

给裤子也打造出质感的表现。灵活运用多种类型的颗粒感。

18.jpg

STEP 19

接下给背景装饰也增加颗粒纹理质感,但不要太多,重点是突出前景小老鼠。圆形基础之上用画笔画出螺旋图案。

螺旋图案所用的画笔为“湿介质画笔>传统漫画家”,再给文字也刷上一点金色的纹理。

19.jpg

STEP 20

最后为整个画面铺上一个做旧质感的颗粒纹理,将这个纹理图层混合模式改为“亮光”。为这个图层增加一个蒙板,蒙板上用渐变做出黑白的径向渐变。

你也可以运用其他纹理,这一步只是增加整体的颗粒统一感,渲染氛围。

20.jpg

这是我所用的颗粒纹理图案的合集下载地址(百度网盘):

链接:https://pan.baidu.com/s/1v_jox11cHZ6CZsmuqYzlRg

提取码:d33h

插画后期调色 

插画的调色是可选项,不是必要步骤。方法和摄影后期是一样的原理,我在这里用了色阶、自然饱和度和色彩平衡工具进行微调。注意一定要微调,参数都不需要太大。

最后的效果如下:

20.jpg21.jpg

元气鼠风格来源

2020年的春节比较特殊,无论有灾没灾,希望大家都能尽快恢复元气。元气鼠的画法其实和之前我曾经做过的一组作品是一脉相承的,都是采用相同的色调、形状表达。小老鼠可能更好画一点,所以我把它做成了教程。

如果你跟着教程做了一遍以后,建议大家可以进阶画人物,安排相应场景,灵活多用。尤其是纹理的环节,类似视觉的探索过程,非常有意思。你可以用其他的纹理,有时候画笔也可以当纹理……

有些小伙伴说这样画起来太细节,花时间,太需要耐心。其实设计本身就需要极大的耐心,否则很难解锁新层次。有时间大家可以去B站关注我,我会不时发一些插画直播。

来源:飞屋设计微杂志