点阵 | 分享,学习像素画

世上最美妙的画面是人们的“想象力”,这就是像素画的魅力所在。

极简像素画教程——加林仙人

本文转自:像素画教程-天幻网 作者:喵27

前 言 :

从我做第一个头像到现在制作勇者30的专题,都或多或少地接触到像素图的制作,我本人也非常喜欢像素图,做得多了,也就有了点心得,发个帖与大家交流下,希望大家喜欢。

像素图,又称为“点阵图”,顾名思义,就是一个个点拼起来的图。一开始由于条件限制,像素图被大量运用于电子游戏中,而技术条件早已成熟的当下,像素图由于鲜活可爱的特点,仍然流行于各种系统图标和软件界面中,甚至跳出“位图”领域,进入矢量设计中。

本教程将通过几个实例来解说像素图的制作,制作软件为Photoshop CS3,欢迎交流探讨。

实例 :

jialin-1

要求:将左边加林仙人的脑袋部分做成16*16像素的像素图。

说明:本例通过Photoshop(以下简称PS)的处理,将普通位图制作成像素小图标。对PS操作过程将详细解说。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

在PS中打开素材图,用“矩形选框工具(M)”选取加林仙人的头部位置。

选取前可用“缩放工具(Z)”将素材图放大至适合屏幕,以方便选取。按住Shift键可保证矩形选框为正方形。

将选定区域复制到新文件中。快捷键为:Ctrl+C → Ctrl+N → 确定 → Ctrl+V。

jialin-2

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

jialin-3

jialin-4
缩小后的图

图像 → 图像大小 → 将图缩小为16*16像素。快捷键为:Ctrl+Alt+I → 将宽度和高度修改为16 → 确定。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

用“缩放工具(Z)”将图放大,开始描外围的点,一般为了与外界区分,边缘用较深的颜色。

此类像素图有一个很大的特点,那就是左右对称,所以在描点时可以参考另一边的图,描点也只要描一半就够了。

jialin-5

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

jialin-6

用“矩形选框工具(M)”选取图像内部颜色相近的点,图层 → 新建填充图层 → 纯色 → 确定 → 选取颜色后确定。先大致把耳朵、眼睛、嘴和阴影这几大区域填充好。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

jialin-7

将填充图层合并,框选边界外的色块后Delete,使背景透明。复制左半边的图层后,编辑 → 变换 → 水平翻转,拼成一张完整的脸。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

最后是描绘细节和反复调整的阶段,包括轮廓位置、内部颜色选取等等。需要注意的是像素图比较小,每个细节不可能都描绘到,但必须有所体现。比如不可能画出每根胡子,但必须有明显的一两根。

关键部位色彩要鲜明,比如眼睛。无法细致描绘的部位只好用相近的颜色,比如嘴巴,但猫嘴的特色必须保留。在保证图像清晰的前提下适当加一些过渡色,特别是边缘位置,可以营造立体的效果。

jialin-8

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

jialni-9

上面是最终完成的效果,不敢说最好,但至少描绘出了一张与原图较为相近的猫脸=?=。



发表评论

44 queries in 0.347 seconds.