PS設(shè)計(jì)晶格化背景風(fēng)格運(yùn)動(dòng)APP軟件界面圖片

在界面設(shè)計(jì)中我們經(jīng)常會(huì)看到像晶格化效果的背景樣式。讓界面看起來(lái)豐富而有細(xì)節(jié)。那么這樣的效果是用形狀工具繪制出來(lái)的呢？還是有其他什么簡(jiǎn)單的方法？所以這一期MICU教大家圖和快速制作晶格化的界面效果。喜歡的朋友一起來(lái)學(xué)習(xí)吧。

先看看效果圖

第1步

建立漸變背景

首先在PS中新建一個(gè)iphone6(750X1334)的畫布。

然后新建一個(gè)圖層并雙擊圖層，在【圖層樣式】中選擇【漸變疊加】，“混合模式”為正常，“樣式”為線性，“角度”為-90度。

點(diǎn)擊“漸變條”，設(shè)置為深藍(lán)色到黑藍(lán)色的漸變，兩個(gè)顏色不要過度要太強(qiáng)烈。

使用工具欄中的【橢圓工具】繪制一個(gè)200x200的正圓形。

找一張照片素材Ctrl+T縮放發(fā)到合適的大小，按住Alt鍵在照片與圓形形狀圖層中點(diǎn)擊，添加剪切蒙版。

第2步、生成晶格化背景

制作好頭像效果后，再用頭像照片素材制作晶格化背景效果。下載好的插件(插件在MICU設(shè)計(jì)公眾號(hào)中回復(fù)27即可下載，運(yùn)行插件需要安裝java程序)

安裝好后，打開插件應(yīng)用程序。點(diǎn)擊插件的第一個(gè)按鈕選擇頭像照片，導(dǎo)入素材。

導(dǎo)入好素材后，在圖片中點(diǎn)擊關(guān)鍵點(diǎn)，點(diǎn)越多生成出來(lái)的晶格會(huì)越密集，點(diǎn)越少則越稀疏。

繪制好關(guān)鍵點(diǎn)后，點(diǎn)擊插件中的最后一個(gè)按鈕生成。設(shè)置命名后進(jìn)行保存。

將生成好的晶格化背景用PS打開。