亲宝软件园·资讯

展开

结合AI软件绘制春字主题插画作品 photoshop插画设计教程

飞屋睿 人气:0
photoshop插画设计教程:结合AI软件绘制春字主题插画作品。下面是草图,设计师习惯用勾线笔来强调线条。

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

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

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

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

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

从几何的角度建立大形

STEP 01

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 02

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 03

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

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

画出手脚造型

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

STEP 04

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 05

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

补充细节

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

STEP 06

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 07

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

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 08

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 09

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

背景氛围装饰

STEP 10

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

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 11

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

增加简易阴影

STEP 12

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

形状彻底完稿

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

PS提升纹理质感

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

STEP 13

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 14

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

视频播放点这里

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

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 15

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

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

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 16

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

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

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 17

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

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 18

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 19

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

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

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

STEP 20

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

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

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

链接:http://pan.baidu.com/s/1v_jox11cHZ6CZsmuqYzlRg   提取码:d33h

插画后期调色

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

最后的效果如下:

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

photoshop插画设计教程:结合AI软件绘制春字主题插画作品。

加载全部内容

相关教程
猜你喜欢
用户评论