當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>按鈕圖標>教程內(nèi)容

Photoshop設計精致的透明玻璃按鈕

來源:未知 作者:bbs.16xx8.com 學習:5919人次


作者:大眼仔~旭 作者:佚名   出處:

作者寄語:本教程教大家制作一款簡單又美觀的玻璃按鈕,不用任何圖層樣式就可以做出非常漂亮的效果。用最簡單的方法制作最漂亮的作品。
最終效果 
 
 
新建一個400 * 250像素的文檔,背景填充藍色:#106D98。 
 
1、新建一個圖層,命名為“玻璃邊框”,選擇矩形工具,半徑設置為25,然后拉出下圖所示的選區(qū)并填充白色。填色后不要取消選區(qū)。 
 
2、把當前圖層復制一層,得到圖層副本,隱藏“玻璃邊框”圖層,保持選區(qū),執(zhí)行:選擇 > 修改 > 收縮,數(shù)值為1,確定后按Delete 刪除。確定后不要取消選區(qū)。 
 
3、再新建一個圖層,選擇菜單:選擇 > 修改 > 收縮,數(shù)值為1,然后選擇漸變工具,拉上漸變。 
 
漸變色設置如下圖,兩邊為白色,中間位透明。由上至下拉出線性漸變。 
 
4、輸入自己需要的文字,字體顏色為白色。 
 
5、新建一個圖層,命名為“下載”,用鋼筆工具勾出選區(qū),并填充綠色,用來制作動態(tài)效果。 
 
6、調(diào)出“玻璃邊框”圖層的選區(qū),新建一個圖層填充白色,設置不透明度為:20%,用矩形選框工具刪除其不需要的部分,如下圖。 
 
7、選擇菜單:窗口 > 動畫面板,選擇下載圖層,新建空白幀,使用移動工具把下載圖層向下移幾格像素。 
 
8、按住Shift 鍵選擇兩個幀,為其添加過渡幀。 
 
9、再為其添加時間為0.6秒,儲存為Web格式所用,完成最終效果。 
 
最終效果: 
 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!