編者按：今天@P大點S微博?給同學們來一個新手教程，操作比較簡單，主要是幫基礎差的同學熟悉一下PS，素材和源文件已經打包好了，不妨來練個手。

本文為作者授權優設發布，未經作者本人授權請勿轉載，謝謝 ：）

PSD和素材下載請點擊：http://pan.baidu.com/s/1dEwmYHF

最終效果

首先，新建一個1000*1000px 的畫布，把背景素材放進去。

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

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

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

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

背景算是做好了，然后開始擼圖標。

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

然后給圓角矩形添加一個內發光

但是圖標的底部不應該是這樣的光，所以我們需要把內發光分離出來，然后用蒙版擦掉多余的效果。

回到圖層面板，在“內發光”上點右鍵，選擇“創建圖層”

內發光效果就分離成了一個單獨的圖層，然后創建蒙版，把底下的內發光擦掉。

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

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

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

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

然后應該是這個樣子：

接著做些小動作，給這個圖案加強效果~

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

重復步驟，多做幾個切口，然后得到這個樣子。

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

CTRL+J復制一個這個加了特效的圖層，移動到原圖層的下方。清除拷貝圖層的圖層樣式，添加一個投影。

整體的效果已經有了，但是還是有點死。給右上角來個高光試試。

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

接下來做雪地上的投影。

把所有和圖標有關的圖層（除了背景素材和雪地圖層以外的圖層）一起建個組，CTRL+ALT+E蓋印該組，得到一個合并后的圖層，CTRL+T垂直翻轉，移動到合適的位置。

加一個蒙版，拉一下黑白漸變，移動圖層順序。

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

本來到這里應該就可以結束了，但是我發現背景的色調和圖標有些不搭，CTRL+M調一調曲線。

最終效果：

歡迎關注可能是做原創教程最用心的公眾號：

【優設酷站22連發！】

1. 免費圖庫+導航收集站：《酷站兩連發！高品質免費圖庫站+專注WEB/APP導航收集站》
2. 音樂站+字體搜索：《酷站兩連發！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發！漸變色方案全聚合網站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發！寵物小精靈專屬配色網站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發！游戲配色網站+免費美女素材特供網站》
9. 在線配色+字體推薦：《酷站兩連發！在線配色神器+英文字體推薦網站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發！用代碼呈現DRIBBBLE作品+16進制顏色網站》
11. 無縫紋理+多邊形背景：《酷站兩連發！專注無縫紋理素材站+多邊形背景生成器》

原文地址：pdadians

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量104萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com