忍者小插画教程【AI教程】

新的一年,Baby们这段时间你们在家饱满了多少呢。为了自身的和谐发展,我们所热爱的设计技能同样没有落下的理由哦~

今天正好看到dribbble上一幅不错的插画,来和可爱的小伙伴们一起分享下。插画描述的是可爱忍者飞奔着要告诉我们什么好消息,具体什么好消息,比如你要涨薪资啦,拥有了新状态迎接新挑战啦,新的理想越来越近啦。。。

练习(如上图)

分为:线、填充、颜色三部分,以Illustrator(AI)绘制工具来完成绘制。

第一步:打开Illustrator(AI)新建画布800*600px 分辨率72ppi  颜色RGB模式

第二步: 将原图拖入画布,适当降低不透明度。对齐并锁定(锁定图层防止误操作)

第三步: 新建图层,降低不透明度(看清原图即可)如图:

到此马上就要进入我们的正题了,在这之前我们先来整体看下这幅插画方便我们一步步去绘制。 整体可以分为四个部分来看依次为:头、上半身、下半身及腿部、喇叭(如图)

第一步:头部 头部包含了眼部,头巾,发带三部分依次如下(不分先后):

第二步:喇叭

第三步:上半身

努力哦~还有一步,就差不多结束了。 第四步:下半身 下半身可以拆分为腿部、裤子、飘带三部分。

努力哦~还有一步,就差不多结束了。

第四步:下半身

下半身可以拆分为腿部、裤子、飘带三部分。

第五步:调整

线的部分到这里就结束了,来整体调整下。有一点要说明的是,后期为了方便我们更快绘制填充,这里只要不影响最后的效果就没有对线条做进一步的优化。 耐心的Baby可以尝试自己优化下效果会更棒哦~

填充部分可以利用上一步描边(线)直接转化就好了,这部分就略过详细过程只做整体概述。

头部

喇叭

上半身

下半身

让我们来整体看一下,并适当调整。

还不错哦~再加些明暗显得更加有体感些吧。

这样填充的部分就算是完成了,是不是很简单呢。插画也完成了将近85%接下来选择你喜欢的颜色尽情的挥洒吧~

上面已经确定了明暗关系,所以只需要在HSB模式下修改色相和明度来得到我们想要的颜色就可以了。

第一步:

选中想要修改填充,点击右边属性栏的填充(这里以19版本AI为例)

第二步:

先调整明度(S)滑块,会发现色相也会随之发生变化。

第三步:

调整出想要的颜色。

第四步:

按照上面的步骤逐一的改变每个填充的颜色就好啦。同时,之前的步骤有明暗的区分,很大程度减少了我们颜色纯度不一的情况。 完成图(如下)

到这里插画基本就完成了,但一种颜色怎么能满足充满想象力的我们呢可是又不想再去用之前的方法来再修改一次颜色,Illustrator(AI)早就为我们想到了这一点,下面就为大家揭晓这个骚操作~

第一步:

把刚刚做好的插画复制到新的图层选中图层,“编辑->编辑颜色->重新着实图稿”进入新的界面(如图)

第二步:

选中当前颜色区域右侧小方块,调整下方色相即可完成当前颜色的调节并把想要修改的颜色逐一进行(如图)完成后点击确定。

完成图

一起来自由发挥下吧~

小结:

分享就到这里啦~

小伙伴们有什么疑问,欢迎在下方的评论区一起交流学习哦~

加油,棒棒哒~

Alfrey Davilla | vaneltia

原图链接:
https://dribbble.com/shots/5979669-Ninja-Megaphone

Illustrator
(0)

相关推荐

  • 教你自制信箱插画(AI教程)

    小编:今天给大家分享的是由@混世魔王翻译的教你自制信箱插画的AI教程,这是一篇中下难度的教程,主要介绍了矢量图形的运用,以及AI中的图层样式的使用.教程十分详细,对于新手练手也是个不错的选择,所以小伙 ...

  • 线性小插画绘制【教程】

    小编:这个教程旨在告诉大家使用PS制作小插画,和常见的布尔运算的使用-锻炼大家边看教程边做边思考的好习惯.如果大家在使用PS的过程中有什么不明白或者不理解的地方可以在下方的留言板中留言-我将统一回答大 ...

  • 制作3D小房子插画【AI教程】

    小编:@陈欣518今天,又为大家带来福利啦!教大家用AI简单4步创造出一个3D小房子.每次网站布置3D小物件的插画作业时,很多小伙伴是束手无策的.不知道从哪下手,不知道透视怎么画.甚至不知道到底是用P ...

  • 小老鼠插画【AI教程】

    大家好,我是谷里,最近迷上了Ai里的形状生成器工具的使用,相信大家都看到过大神们用很多圆画出来的绚丽图标,以前我以为都是用布尔运算画出来的,感觉好麻烦哦,后来才知道形状生成器这个工具,真是让我爱不释手 ...

  • Illustrator教程ai教程AI案例插画绘制小萝莉

    主要使用了高斯模糊功能,钢笔工具,和直接选择工具,符号工具等.有兴趣的朋友可以试试.还有就是新建闪点画笔,绘制路径,让画笔随着路径走.效果如图. 操作方法 01 1.新建一文档,A4大小,颜色模式RG ...

  • 天地有大美!打造沙丘日月星辰背景插画[AI教程]

    小编:今天带大家学习制作沙丘日月星辰背景插画,最后可用来做三个不同时间变化的手机界面背景.过程中我们可以学到渐变色的用法技巧,保持对于主色的控制以及掌握AI中渐变工具和符号喷枪等工具-最后的效果是非常 ...

  • 简单4步,轻松打造扁平风颗粒感插画【AI教程】

    小编:今天@Ethan为大家带来一篇插画教程,简单4步轻松搞定,过程简单效果出彩,不懂AI的小伙伴也不用怕,完全可以跟着教程实现出来,赶快来尝试一下吧! 1.制作插画背景 首先创建文档(文件>新 ...

  • 2.5D插画【AI教程】

    大家好,我是谷里,今天来分享一下2.5D插画临摹的做法,2.5D不需要考虑透视,透视的边界不会平行,因为近大远小,本教程是用Ai做的,本教程中定了的角度在后期不变,这样衔接起来更简单,所以和原图角度不 ...

  • 如何利用网格和圆角插件绘制小标(AI教程及圆角插件分享)

    对于线性ICON的绘制,AI绝对是王道利器~!咱们再加上一款小插件必然是如虎天翼啊~!!!(插件支持版本:CS-CC) 文章中所提及到的AI圆角插件: 插件安装序列号:MKT-31710464029 ...