利用PhotoShop制作超酷網站登錄按鈕效果圖：

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

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

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

按住Ctrl并點擊圖形層獲得選區，選擇 >> 修改 >> 收縮，收縮量2像素，反選，圖像 >> 調整 >> 色階，調整出高光邊緣。

反選，向上移動選區。

圖像 >> 調整 >> 色階，得到如下效果。

同上，得到如下效果。

選擇減淡工具，設置筆刷大小為30，涂抹圖形邊緣，得到發亮效果。

選擇加深工具，繼續加深圖形下半部分。

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

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

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

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

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

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

在保持此圖層選擇區是選中的情況下，執行選擇-修改-收縮命令，收縮2個象素值；接著執行選擇-反選，用圖象-調整-色階命令，將外部邊緣的亮度值調的低一些。

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

在這個剛作好的圖層上執行選擇-修改命令修改2個象素。用色階命令將選擇區中的亮度值調的低些。

用加深工具對內部加深處理。

在用選擇-變換選區命令將選擇區縮小些，在用加深工具進行加深處理。

繼續重復以上步驟，直到認為滿意為止。

現在按CTRL J把此圖層復制出4個放置在圖象中的合適位置。

在背景圖層上建立一個新圖層，在用鋼筆工具作出線狀的路徑轉換成選區后用深點的天藍色填充，注意不要取消選擇。

在保持選擇情況下執行選擇-修改收縮命令，收縮3個象素。對“線”內部的顏色用減淡工具進行處理到合適的亮度；在執行選擇-反選命令對“線”的外部進行暗調處理。

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

現在來添加文字，在最頂部的圖層上建立文字圖層。

按CTRL J把文字圖層復制一份，執行編輯-變換-垂直翻轉命令，移動到合適位置在設置圖層混合模式為疊加

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

現在雙擊此圖層打開圖層樣式設置做以下設定：

以上就是這個教程的全部制作經過，到此全部結束，在來看看結果吧。