Photoshop制作立體水晶感的網頁圖標

用Photoshop制作web2.0的徽章，這比我們之前介紹過的感覺更立體也更美觀，這類徽章與標志你能經常在電子商務網站中看到，主要起到醒目與牽引浏覽者視線的作用，喜歡這種效果圖的朋友可以一起來學習了。
出自:Websbook翻譯

1. 在PS裡新建文件

這裡我使用 400 x 400 大小，背景為條紋藍色

2. 制作徽章形狀

使用PS裡的多邊形工具

在PS頂部設置如下，邊數為30

顏色為#4fb2ea，完成後如下圖：

3. 制作效果

我們要為徽章形狀添加如下圖層樣式：外發光，內發光，漸變效果

完成後如圖，你可以自己設置參數來實現類似效果!

4. 創建邊框高光

點選形狀圖層，使其顯示選中狀態

將選框收縮2px，選擇>修改>收縮

新建立圖層，在新圖層上將選框填充為白色，隨後保持選框選中狀態，想下和右各移動1px選框，按delete刪除多余的白色部分，完成後效果類似下圖

之後調整圖層混合模式為正片疊底，不透明設置為70%

再次按ctrl點選徽章形狀，產生選框，縮小2px,之後新建圖層(新圖層位置因該在最上面)，從左上角到右下角填充漸變色

使用多邊形選框工具，選中一半白色形狀，將它刪除，如下圖

調整剩下的圖層混合模式為柔光或正片疊底，並將不透明度調整為30%~70%左右

5. 最後部分

添加文字，你可以先制作一個藍色的文字，隨後變形調整它的角度如下圖，再復制文字，將其顏色設置為白色，與藍色的底部移動1px位置，看上去有立體感就行

 

(.