萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> Photoshop制作精致的透明玻璃按鈕

Photoshop制作精致的透明玻璃按鈕

作者寄語:本教程教大家制作一款簡單又美觀的玻璃按鈕,不用任何圖層樣式就可以做出非常漂亮的效果。用最簡單的方法制作最漂亮的作品。
最終效果


新建一個400 * 250像素的文檔,背景填充藍色:#106D98。
 

1、新建一個圖層,命名為“玻璃邊框”,選擇矩形工具,半徑設置為25,然後拉出下圖所示的選區並填充白色。填色後不要取消選區。

2、把當前圖層復制一層,得到圖層副本,隱藏“玻璃邊框”圖層,保持選區,執行:選擇 > 修改 > 收縮,數值為1,確定後按Delete 刪除。確定後不要取消選區。

3、再新建一個圖層,選擇菜單:選擇 > 修改 > 收縮,數值為1,然後選擇漸變工具,拉上漸變。
 

漸變色設置如下圖,兩邊為白色,中間位透明。由上至下拉出線性漸變。

4、輸入自己需要的文字,字體顏色為白色。

5、新建一個圖層,命名為“下載”,用鋼筆工具勾出選區,並填充綠色,用來制作動態效果。

6、調出“玻璃邊框”圖層的選區,新建一個圖層填充白色,設置不透明度為:20%,用矩形選框工具刪除其不需要的部分,如下圖。

 7、選擇菜單:窗口 > 動畫面板,選擇下載圖層,新建空白幀,使用移動工具把下載圖層向下移幾格像素。


8、按住Shift 鍵選擇兩個幀,為其添加過渡幀。

9、再為其添加時間為0.6秒,儲存為Web格式所用,完成最終效果。

最終效果:

copyright © 萬盛學電腦網 all rights reserved