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

Photoshop CS5樣式教程:制作多彩的水晶膠囊按鈕

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


作者:佚名   出處:

本期教程中我們將設置圖層樣式效果來制作一個膠囊狀的水晶按鈕效果,制作中主要使用了“外發(fā)光”、“內(nèi)發(fā)光”、“漸變疊加”等圖層樣式效果。具體的方法讀者可跟隨教程同步制作并逐步了解。

 

(1)運行Photoshop CS5,創(chuàng)建一個背景。

(2)新建圖層并命名為“按鈕”,選擇“圓角矩形工具”,單擊工具選項欄中的“路徑”按鈕,創(chuàng)建路徑并將路徑載入選區(qū)。

(3)選擇“漸變工具”填充選區(qū),效果如圖所示。

(4)為“按鈕”圖層添加圖層樣式,單擊“外發(fā)光”項目,設置其各項參數(shù)。

(5)單擊“內(nèi)發(fā)光”項目,設置其各項參數(shù)

(6)按下“確定”按鈕,關閉“圖層樣式”對話框,效果如圖所示。


7)新建圖層并命名為“左半部”,按下鍵的同時單擊“按鈕”圖層,將“按鈕”圖層其載入選區(qū),并為選區(qū)填充前景色。

(8)選擇“橢圓選框工具”創(chuàng)建選區(qū),執(zhí)行“選擇”→“反向”命令,并刪除選區(qū)內(nèi)容,效果如圖所示。

(9)新建圖層并命名為“中部”,選擇“橢圓選框工具”繪制選區(qū)并填充前景色

(10)新建圖層并命名為“下高光”,按下鍵的同時單擊“按鈕”圖層,將“按鈕”圖層載入選區(qū),選擇“漸變工具”填充選區(qū)。

(11)按下組合鍵,執(zhí)行“自由變換”命令,調(diào)整后效果如圖所示。


12)更改圖層混合模式為“疊加”,效果如圖所示。

(13)新建圖層并命名為“上高光”,選擇“圓角矩形工具”,單擊工具選項欄中的“路徑”按鈕,創(chuàng)建路徑并修改路徑。

(14)將路徑載入選區(qū)并填充前景色。

(15)為“上高光”圖層添加“漸變疊加”圖層樣式,并設置其各項參數(shù)。

(16)按下“確定”按鈕,關閉“圖層樣式”對話框,更改圖層混合模式為“顏色減淡”,效果如圖所示。


17)創(chuàng)建圖層組命名為“膠囊按鈕”,并將“按鈕”、“左半部”、“中部”、“下高光”、“上高光”拖入該圖層組中。

(18)參照制作“膠囊按鈕”圖層組的方法,制作出“上按鈕”、“下按鈕”圖層,效果如圖所示。

(19)將“圖層”調(diào)板中隱藏的“裝飾”圖層組顯示,完成本實例的制作。



學習 · 提示

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

關注大神微博加入>>

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