<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          那些要打馬賽克的設計…

          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.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合