馬賽克像素風(fēng)格的誕生源于早期 8 位/16 位計算機(jī)有限的存儲空間和圖像表達(dá)能力。都說時尚是一個輪回,現(xiàn)在我們能看到很多海報設(shè)計采用馬賽克的形式,以營造更強(qiáng)的趣味感的形式來吸引人的注意力。
這次就給大家演示簡單容易上手的這 4 種馬賽克形式的海報案例展示:
夏天到了,大家一起來吃瓜吧!先畫一個簡單的西瓜圖標(biāo),在 Ai 里執(zhí)行【對象】→【柵格化】。
繼續(xù)在 Ai 里選擇【對象】→【創(chuàng)建對象馬賽克】,就可以得到下面這個馬賽克西瓜,是不是灰常簡單!拼貼數(shù)量這里跟本身圖的大小有關(guān),大家可以多嘗試~
這個馬賽克西瓜現(xiàn)在都是一個個方塊組成,把邊緣的色塊規(guī)整一下,就可以啦!
用同樣的方法再畫一個笑臉跟對話框增強(qiáng)趣味:
然后我們再來做一下背景,一組夏天的清涼配色送給大家,這里我用的是 Ai 里的網(wǎng)格工具用錨點來添加漸變色。
最后環(huán)繞圖形排文字,這張圖形馬賽克海報就完成啦!
我這里選用粗細(xì)筆畫變化比較大的一款宋體,后面馬賽克的效果處理會更明顯些。
打開 PS 建一個新的畫板【1200×1600】,背景色改黑色,文字白色,然后把文字圖層轉(zhuǎn)換成→【智能對象】,選擇【濾鏡】→【像素化】→【馬賽克】,數(shù)值如下。
新建一個【閾值】圖層,數(shù)值如下:
就可以得到這個馬賽克字體的效果啦!
在 PS 里蓋印一個圖層然后把圖拉進(jìn) Ai 里進(jìn)行【圖像描摹】,然后【擴(kuò)展】,就可以得到矢量的馬賽克字啦!然后可以更改顏色,這次我想做一個更潮流電子的感覺,所以選用了綠色,然后再加入一些裝飾線條增強(qiáng)畫面感。
這里我還選了一個像素的英文字體來增強(qiáng)畫面形式感,再加入其他文字信息跟裝飾圖案。
然后再加入一些漸變色塊,增強(qiáng)顏色層級,豐富畫面。
本來這里也只打算做一張案例的,萌萌心血來潮說,要不再試試?這不就又多做了一張,真是歡(要)天(了)喜(老)地(命)了。
第一張把人物拉進(jìn) PS 里處理,選擇→【圖像】→【模式】→【灰度】處理成黑白的,然后再選擇→【圖像】→【模式】→【位圖】數(shù)值如下(半調(diào)網(wǎng)屏數(shù)值越大,方塊就越小,反之亦然)。
然后再選擇→【圖像】→【模式】→【灰度】,在灰度的模式下再選擇【RGB】模式即可,把人物摳出來,我是提前在有顏色的情況下先扣了圖,半調(diào)效果做了之后,按之前扣好圖的人物輪廓再取一個半調(diào)的人物輪廓即可。
接著我們再來做背景半調(diào)的處理,我直接用的 PS 透明背景截圖然后用處理人物的方法同樣處理了一個半調(diào)背景,再疊加顏色即可(偷了個小懶)。
繼續(xù)豐富畫面,選一個高挑的英文,在 Ai 里先擴(kuò)展一下,然后再選擇【對象】→【封套扭曲】→【用網(wǎng)格建立】。
用選擇工具,分別選中上中下三行的錨點,進(jìn)行移動,中間的往右移動,上下兩邊往左邊移動,即可得到:
最后環(huán)繞人物擺上文字信息就可以啦!
不要停,繼續(xù)做第二個案例,其實第二個案例用到的方法會更簡單,一秒出圖不夸張,第二個想做復(fù)古一些樂隊的的感覺,于是找了一張人比較多的圖,拉進(jìn) PS 里,新建一個閾值圖層,這不,效果就出來了!
跟上面一樣的方法,我先在有底色的那張上把人物扣好,然后再用這個輪廓把閾值圖層的人物摳出來,好像差點什么?哦,樂隊的吉他!然后我趕緊找了把吉他放上去!
我覺得還可以再豐富一下畫面,于是我用 Ai 填充圖案的方法,加了點馬賽克的紋理,再找了張斑駁的紋理疊在上面,這樣復(fù)古感就更強(qiáng)烈了!
最近疫情又反復(fù)了,這不今天下著雨也收到了社區(qū)讓我們?nèi)プ龊怂岬耐ㄖ谑俏译S手拍了張圖,不得不說,拍出了我的辛酸,于是我決定,這次的案例就用它了!誰手機(jī)里還沒有幾張街拍呢!
熟悉的套路,在 PS 里做效果,選擇→【圖像】→【模式】→【灰度】處理成黑白的,然后再選擇→【圖像】→【模式】→【位圖】→【圖案仿色】。
得到這個畫面后,再選擇→【圖像】→【模式】→【灰度】,在灰度模式上再選擇【RGB】模式,再選擇→【圖像】→【調(diào)整】→【漸變映射】,這個背景就處理好啦~
最后配上我辛酸的文案,最后這張海報就做好啦!大家可以試試這種簡單方法拯救一下你相冊里的照片哦。
本次教程就結(jié)束啦!快帶我去你的收藏夾吃灰吧!
作者:大熊
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》那些要打馬賽克的設(shè)計…
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( ssll180.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司