那些要打马赛克的设计…

2022-8-11    seo达人



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

图片

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

图片

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

图片

 

 

图片

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

 

 

图片

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

图片

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

图片

新建一个【阈值】图层,数值如下:

图片

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

图片

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

图片

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

图片

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

图片

图片

 

 

图片

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

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

图片

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

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

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

图片

 

 

 

图片

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

图片

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

图片

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

图片

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

图片

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


作者:大熊

转载请注明:学UI网》那些要打马赛克的设计…

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档