用AI做一个像素马里奥

用户头像
成都/UI设计师/9年前/1509浏览
用AI做一个像素马里奥

用AI快速做一个像素卡通的方法。

23ee58b64387a801219c772ba7ca.jpg

这次我会告诉大家如何用AI的矩形网格工具+实时填色工具,快速做一个萌萌的像素马里奥。

大家重点看AI技巧,和绘制思路哦。

 

1、准备工作


Step1: 画草图

首先,我们用画笔工具快速画一张马里奥的草图。这里我用了一个毛笔笔刷,因为这样草图会看起来比较像铅笔或马克笔手绘的,有生气不死板。画好之后,把所有的线条群组起来,然后锁定。


 

Step2: 设置矩形网格工具

在直线工具栏里,找到矩形网格工具。双击它,会出现一个设置面板。照下图这样设置就好啦。


 6c0258b64495a801219c7762f0b2.jpg

 


Step3: 网格放到草图上面

把网格放到你刚才画的草图上面,调整草图大小,让草图和网格完美匹配。


f9d758b6449fa801219c77e83d86.jpg

 


Step4: 设立基础画板

最后一个准备工作就是建立基础画板。我给马里奥的帽子、头发、皮肤、眼睛分别设定了主色,方便填色的时候使用。这些色相在使用中,也会根据图像适当调整。(我的理解:比如加深主色,做阴影,减弱主色,做高光之类的。)


f0ae58b644b0a801219c77fcdd13.jpg

 

 

2、表格填色


Step1: 实时填色工具(K)快速上色

选择表格,使用实时填色用具(快捷键K),先给马里奥的帽子上色。上着上着,你会发现,貌似有些草稿线条没法和小格子完美融合,多一个格子吧,会超出草稿,少一个格子,又填不满。这种时候,我会先随它去。因为反正等填完颜色,我还回倒回来调整帽子的形状。

这就是这个教程的核心技巧啦,敲黑板~


5d7858b644baa801219c774dddfb.jpg

 


Step2: 上色确保形对称

一个格子一个格子的上色是会无聊到死的。实时上色工具可以一次拖很多格子,所以点一次其实可以上很多个格。

上色的时候,不能完全和手稿一致,因为你得确保马里奥的形是对称的。

在做帽子的M徽章时,我先涂了一个圆形,然后用红色在里面画了一个简单M。

为了增加层次,我还在帽子边缘涂了一层深红色。


509258b644c8a801219c77fe9e13.jpg 

 

 

Step3:脸部上色

然后,我开始给马里奥的脸部上色。先用画板中最深的颜色,给他的瞳孔和眉毛上色。



Step4: 用深色勾出五官

这里讲他怎么画马里奥眼睛的(略过)。。

涂脸部的时候,我选用了一个中度的肤色铺底,然后用稍微深一点的肤色勾画出他的大鼻子、下巴和耳朵。


71cf58b644dea801219c77cbc26b.jpg 

 


Step5:添加描边

给红帽子描了个深红色的边。调了调帽子的形状,让它变得像一个圣诞帽。


0c0258b644efa801219c77c706b5.jpg 

 

3、增加细节和层次


Step1: 给鼻子加上高光

我觉着马里奥的鼻子要有光,于是我给上了一个浅奶油色当做高光,然后在周围上了一圈蜜桃奶油色(杏色?)

M字的白色和红色看着有点不协调,于是我在两边加了蓝色作为过渡。


2b6058b64507a801219c7709ff9a.jpg

 


Step2: 蓝色球

接着他讲如何画那个蓝色球球,略过。照着画就好了。


 774758b64587a801219c7774b187.jpg



Step3:  添加高光阴影的细节

给帽子加点高光,给脸来点阴影,打造层次感。画到这里是比较纠结的,因为你得不停地停下笔,放大缩小,缩小放大,去看整体效果是否OK。所以,我建议大家新开一个窗口屏幕,就不用反复切换啦(谁有两个屏啊!)


225258b64536a801219c7799f6ce.jpg

 


4、删掉网格,大功告成


Step1: 网格扩展、删除

画到你觉得足够好了,不用调了,我们就可以移除网格啦。选中整个网格,然后对象——扩展。再取消群组,可以了。这样,我们的马里奥从网格里释放出来,变成了许多独立小方块。把这些方块群组一下,赶快开始最后一步吧


d67358b64569a801219c77e916ac.jpg

 

Step2: 添加描边

给马里奥一个细细的描边。方法是:复制这个方块组,用路径查找器合并,选取一个颜色,放在马里奥的下方。

注意所有转角和边缘都是直角,不能是圆角。


7ac958b64598a801219c77675d74.jpg

 

OK YOU MAKE IT~


放一个自己跟着教程做的麦兜

b4f958b646a0a801219c77b98f3e.jpg

17
阅读原文
|
举报
|
29
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
登录注册