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


新建一個(gè)400 * 250像素的文檔,背景填充藍(lán)色:#106D98。


2、把當(dāng)前圖層復(fù)制一層,得到圖層副本,隱藏“玻璃邊框”圖層,保持選區(qū),執(zhí)行:選擇 > 修改 > 收縮,數(shù)值為1,確定后按Delete 刪除。確定后不要取消選區(qū)。

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


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

5、新建一個(gè)圖層,命名為“下載”,用鋼筆工具勾出選區(qū),并填充綠色,用來制作動態(tài)效果。

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


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

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

最終效果:

學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),制作晶瑩剔透的玻璃球圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)設(shè)計(jì),巧用PS制作透明感的圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計(jì)不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個(gè)簡單逼真的環(huán)形播放按鈕圖標(biāo)
推薦教程
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 塑料按鈕的制作方法
- ps網(wǎng)頁開關(guān)按鈕
- 用ps制作高光橘色RSS按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- photoshop制作網(wǎng)頁用水晶按鈕
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!