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

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

用Photoshop打造動感網(wǎng)頁按鈕

下面我們開始制作。

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

用Photoshop打造動感網(wǎng)頁按鈕

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

如果沒有做的話,下面的加深減淡工具在對帶有圖層樣式的圖層進行編輯的時候,將看不見加深減淡工具對此圖層編輯后的效果。)

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

用Photoshop打造動感網(wǎng)頁按鈕


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

用Photoshop打造動感網(wǎng)頁按鈕

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

用Photoshop打造動感網(wǎng)頁按鈕

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

用Photoshop打造動感網(wǎng)頁按鈕

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

用Photoshop打造動感網(wǎng)頁按鈕

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

 

標簽:按鈕

隨機推薦