利用PhotoShop制作超酷網(wǎng)站登錄按鈕

來源:不詳 作者:佚名 學(xué)習(xí):633人次
利用PhotoShop制作超酷網(wǎng)站登錄按鈕效果圖:



首先利用鋼筆工具繪制如下形狀并用純色填充。
圖層 >> 圖層樣式 >> 漸變疊加,并按下圖設(shè)置漸變條。

選擇減淡工具,并將選擇100像素的軟筆刷在圖形正中涂抹出如下立體效果。

選擇加深工具,筆刷大小同上,涂抹圖形底部。

按住Ctrl并點(diǎn)擊圖形層獲得選區(qū),選擇 >> 修改 >> 收縮,收縮量2像素,反選,圖像 >> 調(diào)整 >> 色階,調(diào)整出高光邊緣。

反選,向上移動選區(qū)。

圖像 >> 調(diào)整 >> 色階,得到如下效果。

同上,得到如下效果。



選擇減淡工具,設(shè)置筆刷大小為30,涂抹圖形邊緣,得到發(fā)亮效果。

選擇加深工具,繼續(xù)加深圖形下半部分。

現(xiàn)在在球體圖層下面建立一個新圖層,然后按CTRL單擊球體圖層載入選區(qū),用變換選區(qū)命令將選擇區(qū)擴(kuò)大一些并填充一個單色。雙擊剛建立的用單色填充了的圖層用以打開圖層樣式設(shè)置,選中漸變疊加樣式作出一個從黑色到深灰色的垂直漸變。



在背景層上面建立一個新的圖層,用橢圓選框工具從球體中心位置作出正圓選區(qū)在用黑色填充取消選擇。

在用橢圓選框工具逐一選中并刪除該層中不需要的部分。

現(xiàn)在回到球體下那個用漸變樣式編輯了的圖層,在它上面建立一個新的空白圖層然后用鏈接將2者鏈接起來后按CTRL E與起合并。(為什么要這么做?原因我前面已經(jīng)講過這里不在贅述)在用減淡工具對邊緣進(jìn)行高光部分的亮度處理。

現(xiàn)在選中背景圖層上的用黑色填充的圖層,雙擊打開其圖層樣式設(shè)置,設(shè)置漸變疊加樣式:漸變編輯器中的設(shè)置為深灰-灰-深灰-灰-深灰。在在上面建立一個空圖層鏈接后合并。

在用加深減淡工具加大局部對比,畫筆大小50象素。

在保持此圖層選擇區(qū)是選中的情況下,執(zhí)行選擇-修改-收縮命令,收縮2個象素值;接著執(zhí)行選擇-反選,用圖象-調(diào)整-色階命令,將外部邊緣的亮度值調(diào)的低一些。

現(xiàn)在在背景層上建立一個新圖層,用多變形套鎖工具作出和以下相類似圖象。



在這個剛作好的圖層上執(zhí)行選擇-修改命令修改2個象素。用色階命令將選擇區(qū)中的亮度值調(diào)的低些。


用加深工具對內(nèi)部加深處理。

在用選擇-變換選區(qū)命令將選擇區(qū)縮小些,在用加深工具進(jìn)行加深處理。

繼續(xù)重復(fù)以上步驟,直到認(rèn)為滿意為止。


現(xiàn)在按CTRL J把此圖層復(fù)制出4個放置在圖象中的合適位置。

在背景圖層上建立一個新圖層,在用鋼筆工具作出線狀的路徑轉(zhuǎn)換成選區(qū)后用深點(diǎn)的天藍(lán)色填充,注意不要取消選擇。

在保持選擇情況下執(zhí)行選擇-修改收縮命令,收縮3個象素。對“線”內(nèi)部的顏色用減淡工具進(jìn)行處理到合適的亮度;在執(zhí)行選擇-反選命令對“線”的外部進(jìn)行暗調(diào)處理。

在把線的這個圖層也多復(fù)制幾個合并后移動到圖象中的合適位置。

現(xiàn)在來添加文字,在最頂部的圖層上建立文字圖層。

按CTRL J把文字圖層復(fù)制一份,執(zhí)行編輯-變換-垂直翻轉(zhuǎn)命令,移動到合適位置在設(shè)置圖層混合模式為疊加


現(xiàn)在把文字圖層與其文字倒影層一起合并在用橡皮擦工具擦除多余的部分。



現(xiàn)在雙擊此圖層打開圖層樣式設(shè)置做以下設(shè)定:

以上就是這個教程的全部制作經(jīng)過,到此全部結(jié)束,在來看看結(jié)果吧。



學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
天際2007-08-22 03:28
不錯,很不錯,謝謝樓主的分享!!

關(guān)注大神微博加入>>

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