恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AI+PS温暖元气鼠插画(草图+配色+纹理+创作思路讲解)
0.0°
2020-02-15 原创文章 教程 举报 14249 98 263 8

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


灵感来源


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

 


草图阶段:动作造型设计


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


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

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


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


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


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



从几何的角度建立大形


STEP 01


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

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

STEP 02


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

STEP 03


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

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



画出手脚造型


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


STEP 04


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

STEP 05


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



补充细节


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


STEP 06


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

STEP 07


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


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

STEP 08


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

STEP 09


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


背景氛围装饰



STEP 10


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


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

STEP 11


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


增加简易阴影


STEP 12


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


形状彻底完稿


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




PS提升纹理质感


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


STEP 13


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

STEP 14


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


视频播放点这里


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


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

STEP 15


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


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


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

STEP 16


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


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


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

STEP 17


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


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

STEP 18


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

STEP 19


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


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

STEP 20


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


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


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


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


提取码:d33h 



插画后期调色


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


最后的效果如下:



  • 元气鼠风格来源


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


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


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


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


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



(End)








Powered by Froala Editor

微信公众号:飞屋设计微杂志

更新:2020-02-15

收藏

98人已收藏

飞屋睿

http://www.ifeiwu.com

  • 149

    作品

  • 1.8w

    粉丝

  • 0

    关注

  • 学插画的高起点是从艺术品借鉴灵感:现代抽象风格插画图形设计
  • 无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
  • 我的商业插画设计书《商业插画设计思维魔方》终于出版啦!
  • 神仙级控线练习,文艺极简水彩线描简笔画植物:草叶集(二)
相关标签
插画设计

    猜你喜欢

      2020-02-15 原创文章 教程 举报 14249 98 263 8

      AI+PS温暖元气鼠插画(草图+配色+纹理+创作思路讲解)

      0.0°

      你确定要举报AI+PS温暖元气鼠插画(草图+配色+纹理+创作思路讲解)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年02月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      263
      98
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录