UI圖標(biāo)教程，用ps制作浪漫的冰晶圖標(biāo)(4)

本篇教程通過ps制作一個(gè)雪地冰晶圖標(biāo)，我們需要建一個(gè)畫布，把素材放進(jìn)去，為后期做準(zhǔn)備。整個(gè)教程比較簡(jiǎn)單，同學(xué)們可以試著練習(xí)一下，試著給自己需要去設(shè)計(jì)。

效果圖：

操作步驟：

首先，新建一個(gè)1000*1000px 的畫布，把背景素材放進(jìn)去。

素材的雪地不適合我們這次的效果，所以需要自己畫一個(gè)雪地。

先畫一個(gè)白色的矩形，與畫布底對(duì)齊。但是正常的雪地邊緣不會(huì)是一條直線，應(yīng)該有點(diǎn)細(xì)微的弧度，所以先用直接選擇工具（快捷鍵A）選擇矩形的路徑，然后添加兩個(gè)錨點(diǎn)，稍微拉一點(diǎn)弧度出來。

theoat.com.cn

這一步也可以直接用鋼筆勾。

然后給剛剛勾的形狀添加圖層樣式。

背景算是做好了，然后開始擼圖標(biāo)。

先新建一個(gè)512*512，圓角為90px的圓角矩形，與畫布水平、垂直居中，然后將雪人素材拖進(jìn)去，按住ALT點(diǎn)擊雪人圖層和圓角矩形圖層中間，創(chuàng)建剪切蒙版。

然后給圓角矩形添加一個(gè)內(nèi)發(fā)光

但是圖標(biāo)的底部不應(yīng)該是這樣的光，所以我們需要把內(nèi)發(fā)光分離出來，然后用蒙版擦掉多余的效果。

回到圖層面板，在“內(nèi)發(fā)光”上點(diǎn)右鍵，選擇“創(chuàng)建圖層”

內(nèi)發(fā)光效果就分離成了一個(gè)單獨(dú)的圖層，然后創(chuàng)建蒙版，把底下的內(nèi)發(fā)光擦掉。

接著回到圓角矩形，繼續(xù)添加圖層樣式

差不多已經(jīng)有晶瑩剔透的感覺了，接下來做圖案。

放一個(gè)自己喜歡的圖案，給這個(gè)圖案做圖層樣式。

圖案疊加的時(shí)候，如果圖案里面沒有合適的紋理，可以點(diǎn)擊右邊的齒輪，然后選擇“巖石圖案”，追加圖案。

然后應(yīng)該是這個(gè)樣子：

接著做些小動(dòng)作，給這個(gè)圖案加強(qiáng)效果~

添加一個(gè)蒙版，然后用多邊形套索工具做一個(gè)切口的選區(qū)，填充黑色。

重復(fù)步驟，多做幾個(gè)切口，然后得到這個(gè)樣子。

雖然效果是做好了，但是這個(gè)圖案感覺有點(diǎn)別扭，還需要加一個(gè)投影。

CTRL+J復(fù)制一個(gè)這個(gè)加了特效的圖層，移動(dòng)到原圖層的下方。清除拷貝圖層的圖層樣式，添加一個(gè)投影。

整體的效果已經(jīng)有了，但是還是有點(diǎn)死。給右上角來個(gè)高光試試。

畫一個(gè)白色的圓，稍微大一點(diǎn)；給一點(diǎn)高斯模糊，模糊半徑別太��；再把透明度調(diào)低。然后用同樣的辦法再做一個(gè)，這次的圓要小一點(diǎn)，模糊度低一點(diǎn)，透明度高一點(diǎn)。如果效果不好可以再加一層。然后得到這個(gè)樣子：

接下來做雪地上的投影。

把所有和圖標(biāo)有關(guān)的圖層（除了背景素材和雪地圖層以外的圖層）一起建個(gè)組，CTRL+ALT+E蓋印該組，得到一個(gè)合并后的圖層，CTRL+T垂直翻轉(zhuǎn)，移動(dòng)到合適的位置。

加一個(gè)蒙版，拉一下黑白漸變，移動(dòng)圖層順序。

然后用剛才做高光的辦法，做一下陰影。

本來到這里應(yīng)該就可以結(jié)束了，但是我發(fā)現(xiàn)背景的色調(diào)和圖標(biāo)有些不搭，CTRL+M調(diào)一調(diào)曲線。

最終效果：

圖標(biāo)效果做起來大同小異，同學(xué)們只需要認(rèn)真的按照步驟來做就可以了。