在開(kāi)始制作以前你必需要掌握相關(guān)的PHOTOSHOP基礎(chǔ)知識(shí)。希望你能喜歡這個(gè)教程。。

通過(guò)本教程,你將學(xué)會(huì)如何制作一個(gè)下圖所示的一個(gè)動(dòng)感十足的網(wǎng)頁(yè)按鈕。。

用Photoshop打造動(dòng)感網(wǎng)頁(yè)按鈕

下面我們開(kāi)始制作。

首先你需要用鋼筆工具作出一個(gè)和圖中相類似的形狀,形狀完成后用CTRL+ENTER轉(zhuǎn)換成選區(qū);再隨便使用一個(gè)顏色填充;在打開(kāi)雙擊此圖層打開(kāi)圖層樣式對(duì)話框,勾選漸變疊加做以下設(shè)置:

用Photoshop打造動(dòng)感網(wǎng)頁(yè)按鈕

再在其上面建立一個(gè)新圖層并用鏈接按鈕將它們鏈接起來(lái),在按CTRL+E將這2個(gè)圖層合并。(這么做的目的是用一個(gè)空的圖層與帶有圖層樣式的圖層鏈接合并后,可以把帶有圖層樣式的圖層樣式效果保留下來(lái)。

如果沒(méi)有做的話,下面的加深減淡工具在對(duì)帶有圖層樣式的圖層進(jìn)行編輯的時(shí)候,將看不見(jiàn)加深減淡工具對(duì)此圖層編輯后的效果。)

現(xiàn)在在選用工具箱中的減淡工具,選中頂部色設(shè)置欄中的噴槍按鈕,設(shè)置畫筆的大小為100PX,范圍為中間調(diào)。在球體上部區(qū)域給球體增加立體效果:

用Photoshop打造動(dòng)感網(wǎng)頁(yè)按鈕


再用加深工具在球體下部對(duì)其加深做進(jìn)一部細(xì)化,設(shè)置和上面設(shè)置相同?,F(xiàn)在執(zhí)行選擇-修改-收縮命令,將球體的選擇區(qū)收縮2個(gè)象素后點(diǎn)確定;在執(zhí)行選擇-反選命令,用圖象-調(diào)整-色階命令將球體的外邊緣調(diào)的亮些。

用Photoshop打造動(dòng)感網(wǎng)頁(yè)按鈕

現(xiàn)在按CTRL+單擊球體圖層,在載入球體選擇區(qū)后用選擇-變換選區(qū)命令將球體選區(qū)上移

用Photoshop打造動(dòng)感網(wǎng)頁(yè)按鈕

在用圖象-調(diào)整-色階命令將內(nèi)部的選擇區(qū)調(diào)的亮些。

用Photoshop打造動(dòng)感網(wǎng)頁(yè)按鈕

在次重復(fù)以上步驟將選擇區(qū)下移到球體中合適位置用圖象-調(diào)整-色階命令進(jìn)行調(diào)整。

用Photoshop打造動(dòng)感網(wǎng)頁(yè)按鈕

現(xiàn)在用減淡工具在對(duì)球體局部進(jìn)行亮度處理,設(shè)置噴槍,畫筆大小為30。

 

標(biāo)簽:按鈕

隨機(jī)推薦