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

2019-11-08 16:13:10 來源/作者: 未知 / 彬帆 己有:810人學(xué)習(xí)過

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

先看看效果圖

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

 

第1步

建立漸變背景

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

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

 

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

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

 

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

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

 

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

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

 

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

 

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

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

 

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

 

 

第2步生成晶格化背景

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

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

 

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

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

 

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

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

 

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

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

 

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

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