2021-05-12 14:32:11
Photoshop怎樣製作精緻的透明玻璃按鈕
2019-12-14 04:32:51
最終效果
1
新建一個400 * 250畫素的文件,背景填充藍色:#106D98。2
1、新建一個圖層,命名為「玻璃邊框」,選擇矩形工具,半徑設定為25,然後拉出下圖所示的選區並填充白色。填色後不要取消選區。3
2、把當前圖層復制一層,得到圖層副本,隱藏「玻璃邊框」圖層,保持選區,執行:選擇 > 修改 > 收縮,數值為1,確定後按Delete 刪除。確定後不要取消選區。4
3、再新建一個圖層,選擇選單:選擇 > 修改 > 收縮,數值為1,然後選擇漸變工具,拉上漸變。漸變色設定如下圖,兩邊為白色,中間位透明。由上至下拉出線性漸變。
5
4、輸入自己需要的文字,字型顏色為白色。6
5、新建一個圖層,命名為「下載」,用鋼筆工具勾出選區,並填充綠色,用來製作動態效果。7
6、調出「玻璃邊框」圖層的選區,新建一個圖層填充白色,設定不透明度為:20%,用矩形選框工具刪除其不需要的部分,如下圖。8
7、選擇選單:視窗 > 動畫面板,選擇下載圖層,新建空白影格,使用移動工具把下載圖層向下移幾格畫素。9
8、按住Shift 鍵選擇兩個影格,為其新增過渡影格。10
9、再為其新增時間為0.6秒,儲存為Web格式所用,完成最終效果。 最終效果:相關文章