AI+PS教程!温暖元气鼠年插画

时间:2020-02-06
类别:AI教程
水平:入门
观众:1.4w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

教程作者:飞屋睿

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

前言:

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

灵感来源:

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

草图阶段:动作造型设计

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

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

AI+PS教程!温暖元气鼠年插画

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

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

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

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

从几何的角度建立大形

STEP 01

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

AI+PS教程!温暖元气鼠年插画

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

AI+PS教程!温暖元气鼠年插画

STEP 02

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

AI+PS教程!温暖元气鼠年插画

STEP 03

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

AI+PS教程!温暖元气鼠年插画

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

画出手脚造型

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

STEP 04

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

AI+PS教程!温暖元气鼠年插画

STEP 05

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

AI+PS教程!温暖元气鼠年插画

补充细节

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

STEP 06

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

AI+PS教程!温暖元气鼠年插画

STEP 07

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

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

AI+PS教程!温暖元气鼠年插画

STEP 08

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

AI+PS教程!温暖元气鼠年插画

STEP 09

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

AI+PS教程!温暖元气鼠年插画

背景氛围装饰

STEP 10

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

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

AI+PS教程!温暖元气鼠年插画

STEP 11

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

AI+PS教程!温暖元气鼠年插画

AI+PS教程!温暖元气鼠年插画

增加简易阴影

STEP 12

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

AI+PS教程!温暖元气鼠年插画

形状彻底完稿

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

AI+PS教程!温暖元气鼠年插画

PS提升纹理质感

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

STEP 13

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

AI+PS教程!温暖元气鼠年插画

STEP 14

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

视频播放点这里

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

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

AI+PS教程!温暖元气鼠年插画

STEP 15

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

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

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

AI+PS教程!温暖元气鼠年插画

STEP 16

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

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

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

AI+PS教程!温暖元气鼠年插画

STEP 17

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

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

AI+PS教程!温暖元气鼠年插画

STEP 18

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

AI+PS教程!温暖元气鼠年插画

STEP 19

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

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

AI+PS教程!温暖元气鼠年插画

STEP 20

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

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

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

链接:https://pan.baidu.com/s/1Ye7CpP-tM4N3ffhBbAgisQ

提取码:8uig

插画后期调色

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

最后的效果如下:

AI+PS教程!温暖元气鼠年插画

AI+PS教程!温暖元气鼠年插画

元气鼠风格来源

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

你可以点这里去看我的这组作品

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

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

我的B站直播间地址:https://live.bilibili.com/7064016

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

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

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

>> AI+PS教程!扁平滑轮少女风格插画
>> AI教程!扁平夸张风格人物插画

AI+PS教程!温暖元气鼠年插画

2 收藏 27

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

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

复制本文链接
img

发表评论 已发布 3

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片