我们都爱像素风

创建于:2016-04-20

创建人: craft

441 信息 2188 成员
与像素画,像素风格游戏有关的讨论都可以发表在这里

新手向-用Adobe Illustrator(AI)来做像素画的教程

Baine 2016-05-20

从来没做过教程,稍微做了一个简单一点的大家就凑合着看吧。

软件:Adobe Illustrator CC

用时:不超过1个小时


01.

首先我们来看一下最终要做出来的东西:Image title

嗯没错是一个人,其实是一个救生员。


02.


AI不像其他软件那样可以直接绘制像素块,我们需要做一些准备工作:

a:建立一个新的文件,大小你们随便,我这里用的是1000px²

b:建立一个无边框的矩形,大小为20X20px,填充为白色,如果你喜欢黑色红色绿色屎黄色也都可以。Image title

c:选择矩形,按shift+ctrl+m来进行移动复制,向水平移动20px,选择复制,不断地按ctrl+D,来重复复制直到你觉得你的像素块够多了,我这里一直复制到五十个。

d:同理c,将第一行的像素块向下移动复制,最后得到一个由20x20的矩形拼成的1000x1000的大矩形,我们就获得了一个可以用来画像素画的画板。Image title


03.


开始画吧,首先我们在这个画板上通过选择每个方块,修改其颜色来进行“绘制”,先画出人物的轮廓。这一步里轮廓起的准不准好不好看不要紧,后面可以不断地修改。(如果一只按着shift可以同时选中多个方块,用来画像素画是很方便的。)

Image title

接下来,用灰色或者你喜欢的颜色,在人物的明暗交界处标出交界线,这样后期上色会很方便:

Image title

接下来给人物上基本的色块,ai可以一次选中很多很多个对象,所以活用这个能力可以让上色这一步进行得很快:

Image title


上好大色块之后,对整个人体进行细微的调整,把奇怪的细节改掉,然后给各个部位加上合适的高光、阴影等:

Image title

这样这个角色基本的内容就已经完成了,大部分像素画到这一步也就可以接近结束,但是我们用的是AI,用AI画像素画还有着更加优秀的能力。


04.

2d像素风,如果不增加像素的数量,很难体现出层次,丰富的质感和细节,但是如果用AI的画,可以通过一个非常简单的功能实现这种事情。

继续我们刚才画的人物,我们选中人物的头盔部分,编组,复制一份:

Image title


复制的一份用“窗口-路径查找器-联集”扩展成一个整体,放在旁边,继续选择我们之前编组的头盔部分,选中-效果-风格化-投影

Image title


然后投影的数据是:

Image title

不透明度:75% ;模糊:4px;x,y移动0;

然后你就会发现头盔下面出现了可爱的投影,但是头盔的上边外侧也有投影,显然我们不想要,这时候刚才扩展的那个图形就有用了,

选中刚刚的图形,把他置于顶层,然后用白箭头调节以下图形的长度,让他的下半部分能够正好包容整个投影的大小,然后把这个图形和头盔对其,同时选中这两个-右键-建立剪切蒙板。

Image title


然后你就会看到投影只出现在与脸交接的部分,这是当然的,因为上面的阴影被剪切掉了。

同理,我们用这个方式可以给很多细节部分增加层次,比如眼睛带和扣:

Image title


那么这就是整个教程的内容了,再给大家看一下完成状态:

Image title

放在场景里:

Image title

希望有用~

结尾放一个吾王的剑:

Image title


近期喜欢的会员

 
eastecho 2016-05-20

Baine 哇塞,好教程!

 
craft 2016-05-20
挺有帮助,不过没想到你居然是用 AI 来点像素。=w=
 
siliang 2016-05-20

好东西,必顶

 
Baine 2016-05-21

craft  AI大法好233333

 
Baine 2016-05-21

eastecho 喜欢就好~

 
Baine 2016-05-21

siliang 谢谢~喜欢就好~

 
XiaoMi 2016-05-26

我怎么没想到用AI画像素,这样放大还不失真,好办法!

 
mutoo 2016-05-26

XiaoMi AI是基于矢量的,由于浮点数的误差,放大后会有很多细缝。

 
Baine 2016-05-30

mutoo 似乎按照比例来放大可能就会尽量避免这个问题来着?

 
melonqq 2016-07-21

一个个点~~~~佩服!

 
guoboism 2017-01-21

用Ai画像素。。。丧心病狂

 

加入 indienova

  • 建立个人/工作室档案
  • 建立开发中的游戏档案
  • 关注个人/工作室动态
  • 寻找合作伙伴共同开发
  • 寻求线上发行
  • 更多服务……
登录/注册