Pixelmator像素教程:把人像照片转化成像素照片

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:情非得已

关键词

像素艺术铁杆粉丝,04年涉足该行业,那便是在下我了。然而后来我的工作室被盗窃了,丢失了硬盘里所有的备份,里面记录了很多曾经的像素工作,我心灰意冷,中断了好久。知道最近Alex Griendling的杰作给了我很大的鼓舞,我决定重头再来。

因此这部教程讲的就是如何将已有的照片打造成像素艺术的形式,本文使用的素材是伟大的拳王穆罕默德.阿里。首先要提醒的是,任何作品都不是一蹴而就的,整个过程可能要好几个小时,因此希望你们在按步骤制作时要耐心。

步骤一:

第一步便是搜集一张你想要像素化的照片。

Pixelmator像素教程:把人像照片转化成像素照片

步骤2:

像素化位图的方法多倒是多,但是位图不能像矢量图一样随意缩放还不失真。因此,我要祭出我的神器Pixelmator。在Pixelmator中打开图像并使用其中的工具,将Scale调为20px.

Pixelmator像素教程:把人像照片转化成像素照片

步骤3:

在Illustrator中打开图像,开始重建图像为矢量图。首先要创建基本像素块,这里我用了20 x 20 的正方形。不断的重复正方形色块,将画面变成网格式的效果,如下图。

Pixelmator像素教程:把人像照片转化成像素照片

步骤4:

打开混合工具(Blend Tool),将指定距离(Specified Distance)设置为20pt,开始创建行。

Pixelmator像素教程:把人像照片转化成像素照片

步骤5:

将行中布满小方格,如下图形成网格线的感觉。然后可以使用滴管工具(Eyedropper Tool)来点色

Pixelmator像素教程:把人像照片转化成像素照片

步骤6

进入Illustrator的参数设置中,改变参考线和网格(Guids&Grid )的参数,网格线间距20pt,细化(Subdivision) 1

Pixelmator像素教程:把人像照片转化成像素照片

步骤7:

这就是最开始时,图像带网格的视觉效果。

Pixelmator像素教程:把人像照片转化成像素照片

步骤8:

慢慢做、精雕细琢,你就能得到一张不错的物体矢量图。

Pixelmator像素教程:把人像照片转化成像素照片

结论:

适当的编辑和调整之后,可以加点个人风格在像素艺术图里。尽管我这人比较笨拙,但是经过努力,效果依然不错。

Pixelmator像素教程:把人像照片转化成像素照片

像素艺术赏析:

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

Pixelmator像素教程:把人像照片转化成像素照片

 收藏