利用PhotoShop制作超酷網(wǎng)站登錄按鈕
來源:不詳
作者:佚名
學(xué)習(xí):633人次
利用PhotoShop制作超酷網(wǎng)站登錄按鈕效果圖:
首先利用鋼筆工具繪制如下形狀并用純色填充。
圖層 >> 圖層樣式 >> 漸變疊加,并按下圖設(shè)置漸變條。
選擇減淡工具,并將選擇100像素的軟筆刷在圖形正中涂抹出如下立體效果。
圖像 >> 調(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é)果吧。
首先利用鋼筆工具繪制如下形狀并用純色填充。
圖層 >> 圖層樣式 >> 漸變疊加,并按下圖設(shè)置漸變條。
選擇減淡工具,并將選擇100像素的軟筆刷在圖形正中涂抹出如下立體效果。
選擇加深工具,筆刷大小同上,涂抹圖形底部。
按住Ctrl并點(diǎn)擊圖形層獲得選區(qū),選擇 >> 修改 >> 收縮,收縮量2像素,反選,圖像 >> 調(diào)整 >> 色階,調(diào)整出高光邊緣。
圖像 >> 調(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í) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計(jì)不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個簡單逼真的環(huán)形播放按鈕圖標(biāo)
- 播放按鈕,設(shè)計(jì)視頻音樂播放按鈕教程
- 按鈕教程,設(shè)計(jì)一個圓形的點(diǎn)擊按鈕
- 暫停按鈕,設(shè)計(jì)金色暫停按鈕教程
推薦教程
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個透明的雪景圖標(biāo)
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- photoshop制作網(wǎng)頁用水晶按鈕
- 用ps制作高光橘色RSS按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 塑料按鈕的制作方法
- ps網(wǎng)頁開關(guān)按鈕
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!