马赛克的艺术设计（那些要打马赛克的设计）

转自公众号：胡晓波工作室

提到马赛克，大家会想到什么呢？是不是爷爷家那台黑白电视没信号的时候出现的画面，还是小时候玩的街机格斗游戏里的人物（那......似乎是看小猪佩奇长大的我们不懂的世界）

马赛克像素风格的诞生源于早期 8 位/16 位计算机有限的存储空间和图像表达能力。都说时尚是一个轮回，现在我们能看到很多海报设计采用马赛克的形式，以营造更强的趣味感的形式来吸引人的注意力。

这次就给大家演示简单容易上手的这 4 种马赛克形式的海报案例展示：

夏天到了，大家一起来吃瓜吧！先画一个简单的西瓜图标，在 Ai 里执行【对象】→【栅格化】。

继续在 Ai 里选择【对象】→【创建对象马赛克】，就可以得到下面这个马赛克西瓜，是不是灰常简单！拼贴数量这里跟本身图的大小有关，大家可以多尝试~

这个马赛克西瓜现在都是一个个方块组成，把边缘的色块规整一下，就可以啦！

用同样的方法再画一个笑脸跟对话框增强趣味：

然后我们再来做一下背景，一组夏天的清凉配色送给大家，这里我用的是 Ai 里的网格工具用锚点来添加渐变色。

最后环绕图形排文字，这张图形马赛克海报就完成啦！

我这里选用粗细笔画变化比较大的一款宋体，后面马赛克的效果处理会更明显些。

打开 PS 建一个新的画板【1200x1600】，背景色改黑色，文字白色，然后把文字图层转换成→【智能对象】，选择【滤镜】→【像素化】→【马赛克】，数值如下。

新建一个【阈值】图层，数值如下：

就可以得到这个马赛克字体的效果啦！

在 PS 里盖印一个图层然后把图拉进 Ai 里进行【图像描摹】，然后【扩展】，就可以得到矢量的马赛克字啦！然后可以更改颜色，这次我想做一个更潮流电子的感觉，所以选用了绿色，然后再加入一些装饰线条增强画面感。

这里我还选了一个像素的英文字体来增强画面形式感，再加入其他文字信息跟装饰图案。

然后再加入一些渐变色块，增强颜色层级，丰富画面。

本来这里也只打算做一张案例的，萌萌心血来潮说，要不再试试？这不就又多做了一张，真是欢（要）天（了）喜（老）地（命）了。

第一张把人物拉进 PS 里处理，选择→【图像】→【模式】→【灰度】处理成黑白的，然后再选择→【图像】→【模式】→【位图】数值如下（半调网屏数值越大，方块就越小，反之亦然）。

然后再选择→【图像】→【模式】→【灰度】，在灰度的模式下再选择【RGB】模式即可，把人物抠出来，我是提前在有颜色的情况下先扣了图，半调效果做了之后，按之前扣好图的人物轮廓再取一个半调的人物轮廓即可。

接着我们再来做背景半调的处理，我直接用的 PS 透明背景截图然后用处理人物的方法同样处理了一个半调背景，再叠加颜色即可（偷了个小懒）。

继续丰富画面，选一个高挑的英文，在 Ai 里先扩展一下，然后再选择【对象】→【封套扭曲】→【用网格建立】。

用选择工具，分别选中上中下三行的锚点，进行移动，中间的往右移动，上下两边往左边移动，即可得到：

最后环绕人物摆上文字信息就可以啦！

不要停，继续做第二个案例，其实第二个案例用到的方法会更简单，一秒出图不夸张，第二个想做复古一些乐队的的感觉，于是找了一张人比较多的图，拉进 PS 里，新建一个阈值图层，这不，效果就出来了！

跟上面一样的方法，我先在有底色的那张上把人物扣好，然后再用这个轮廓把阈值图层的人物抠出来，好像差点什么？哦，乐队的吉他！然后我赶紧找了把吉他放上去！

我觉得还可以再丰富一下画面，于是我用 Ai 填充图案的方法，加了点马赛克的纹理，再找了张斑驳的纹理叠在上面，这样复古感就更强烈了！

最近疫情又反复了，这不今天下着雨也收到了社区让我们去做核酸的通知，于是我随手拍了张图，不得不说，拍出了我的辛酸，于是我决定，这次的案例就用它了！谁手机里还没有几张街拍呢！

熟悉的套路，在 PS 里做效果,选择→【图像】→【模式】→【灰度】处理成黑白的，然后再选择→【图像】→【模式】→【位图】→【图案仿色】。

得到这个画面后，再选择→【图像】→【模式】→【灰度】，在灰度模式上再选择【RGB】模式，再选择→【图像】→【调整】→【渐变映射】，这个背景就处理好啦~

最后配上我辛酸的文案，最后这张海报就做好啦！大家可以试试这种简单方法拯救一下你相册里的照片哦。

本次教程就结束啦！快带我去你的收藏夹吃灰吧！

本文转自胡晓波工作室，图片来源网络，版权归原所有者所有，本文仅供分享交流，如有侵权，请联系我删除，谢谢！

,