80、90的年轻人想必对于“像素艺术”并不陌生, 小时候风靡的魂斗罗、超级玛丽游戏, 我们听着刺耳的8bit音乐,操纵着红白机上粗糙的角色模型,尽管现在我们深处在高分辨率的时代,但是像素化的特殊美学和它本身带有的情感联想仍然深深吸引着我们. 

01 像素艺术是什么?

像素艺术不仅仅是由像素构成的艺术，而是唤起早期计算机和电子游戏图像外观的艺术。 

像素艺术最早出现在上世纪70、80年代的八位计算机上, 由于早期的电子游戏分辨率较低,所以电子游戏的美学风格和画面也受到限制, 因此像素艺术是出于需要而产生的。在8bit年代, 艺术家们不得不绞尽脑汁，并将图像归结为本质, 比如几个红色像素必须暗示马里奥的帽子, 一两个像素必须理解为他的手或脸。 

在20世纪90年代的16位时代，像素艺术变得更加详细，但精神保持不变。艺术家们有一个更大的画布可以工作，但他们仍在使用单个像素——每个像素在创建整体图像方面发挥着重要作用。 

02 像素插画的原则

在正式学习如何绘制像素插画前,你需要了解几个原则: 

2.1 颜色

在八位/十六位计算机的年代,现代艺术使用的颜色比现代的高分辨率的颜色少得多,所以为了还原那个年代的味道, 尽量选择少量的颜色,并且尝试混合两种颜色产生第三种颜色的印象.

这句话有两种理解:

1. 正如黑白网格的图案,远看会给人灰色的感觉.

2. 通过调整两种色相的透明度混合,衍生出第三种颜色. 

对于将两种颜色混合这一点, 我发邮件请教了像素艺术家Emi Monserrate,他给出了一些像素混合的例子:

2.2 确定像素的大小. 像素越小,细节就越大. 

2.3 谨慎决定像素重叠部分的去留. 

2.4 锯齿的处理:

1)去除多余像素 

2)平滑锯齿,使之有规律可循,即可以是均等分布的像素,也可以是有序递增或者有序递减. 

3)有效利用锯齿.有些锯齿对于表现人物是起到一定作用的, 比如: 红色部分的锯齿就是为了表现人物的眉毛部分. 

2.5 反锯齿的运用: 

适当运用反锯齿(运用两种色相中的中间色调和轮廓),可以为画面增添细节;过度运用,可能会使画面充满噪音. 

2.6 单像素 or 群像素: 

避免使用单个的像素, 因为会增加画面的凌乱感, 除非你是有意为之. 

03 像素插画的类型

根据轮廓画法差异,可以大致分为八种,初学者比较推荐第一种, 因为它简单易上手. 

04 如何绘制像素插画?

4.1 如何选择画布大小?

 画布像素越大,细节越多画面越清晰,但是需要更多的时间绘制. 

常用尺寸: 

• 8px*8px 

• 16px*16px(初学者建议)

• 24px*24px

• 48px*48px

• 64px*64px

• 128px*128px

4.2 一种适合初学者的练习方式

练习绘制同一个角色在不同尺寸的画布上,有时候一个像素的改变也可能起到关键性的作用. 

4.3 如何选择软件?

首先, 要明确的是, 真正重要的是创作者的想法,而不是软件,所以不必过于纠结使用哪一种软件. 工具不限, 这里提供一些参考: 

4.4 开始画吧! 

我将分别演示在PS和AI中的操作方法.(Ai是矢量绘图,所以改变大小不失真,这是相对于PS来说的优点)

(一) Photoshop 

step 1: 新建画布

这里强调一个注意点, 单位一定是“像素”, 至于大小可以根据需求确定. 

step 2: 选择铅笔工具,大小改为 1 像素.

这里我们不用画笔工具,因为画笔画出来的是反锯齿的效果: 

step3: 愉快绘制吧!

这是我绘制的“卷毛女孩”头像: 

step4: 打开图像大小,更改为目标尺寸,将重新采样设置为“邻近(硬边缘)“,然后正常导出即可!

(二) Illustrator 

step 1: 选择“矩形网格工具”,双击弹出设置弹窗.

step 2: 根据自己的需要去调节设置. 

step 3: 选择填充颜色,再选择实时上色工具.

step 4: 开始愉快的创作吧,但是还没结束哦!

step 5: 创作结束后,右击取消编组, 对象-实时上色-扩展, 选中隔离网格,删除!这样子随意改变大小也不会失真.

05 像素艺术家推荐

1. Pixel Jeff

风格: 游戏、科技、赛博朋克 

传递门: https://www.behance.net/pixeljeff 

2. Kirokaze pixel

风格: 复古年代、怀旧 

传递门: https://www.behance.net/kirokaze 

3. Romain Courtois

风格: 游戏、超现实 

传递门:https://www.behance.net/romaincourtois 

4. Lucile Patron

风格: 角色、温暖治愈、奇妙 

传递门: https://www.behance.net/Fulifuli 

5. Emi Monserrate

风格: 卡通角色、游戏 

传递门: https://twitter.com/emimonserrate 

参考: 

https://www.adobe.com/creativecloud/design/discover/pixel-art.html

https://www.youtube.com/watch?v=lfR7Qj04-UA

https://www.youtube.com/watch?v=9OfeNDukXm8

https://www.youtube.com/watch?v=x-QnptGi68c 

本文由郝小七指导https://i.ui.cn/ucenter/1638352?type=work

Powered by Froala Editor