PhotoShop制作超酷網(wǎng)站登錄按鈕_PhotoShop網(wǎng)頁設(shè)計(jì)
教程Tag:暫無Tag,歡迎添加,賺取U幣!
效果圖:
首先利用鋼筆工具繪制如下形狀并用純色填充。
圖層 >> 圖層樣式 >> 漸變疊加,并按下圖設(shè)置漸變條。
選擇減淡工具,并將選擇100像素的軟筆刷在圖形正中涂抹出如下立體效果。
圖像 >> 調(diào)整 >> 色階,得到如下效果。
同上,得到如下效果。
選擇減淡工具,設(shè)置筆刷大小為30,涂抹圖形邊緣,得到發(fā)亮效果。
選擇加深工具,繼續(xù)加深圖形下半部分。
現(xiàn)在在球體圖層下面建立一個(gè)新圖層,然后按CTRL單擊球體圖層載入選區(qū),用變換選區(qū)命令將選擇區(qū)擴(kuò)大一些并填充一個(gè)單色。雙擊剛建立的用單色填充了的圖層用以打開圖層樣式設(shè)置,選中漸變疊加樣式作出一個(gè)從黑色到深灰色的垂直漸變。
在背景層上面建立一個(gè)新的圖層,用橢圓選框工具從球體中心位置作出正圓選區(qū)在用黑色填充取消選擇。
在用橢圓選框工具逐一選中并刪除該層中不需要的部分。
現(xiàn)在回到球體下那個(gè)用漸變樣式編輯了的圖層,在它上面建立一個(gè)新的空白圖層然后用鏈接將2者鏈接起來后按CTRL+E與起合并。(為什么要這么做?原因我前面已經(jīng)講過這里不在贅述)在用減淡工具對邊緣進(jìn)行高光部分的亮度處理。
現(xiàn)在選中背景圖層上的用黑色填充的圖層,雙擊打開其圖層樣式設(shè)置,設(shè)置漸變疊加樣式:漸變編輯器中的設(shè)置為深灰-灰-深灰-灰-深灰。在在上面建立一個(gè)空圖層鏈接后合并。
在用加深減淡工具加大局部對比,畫筆大小50象素。
在保持此圖層選擇區(qū)是選中的情況下,執(zhí)行選擇-修改-收縮命令,收縮2個(gè)象素值;接著執(zhí)行選擇-反選,用圖象-調(diào)整-色階命令,將外部邊緣的亮度值調(diào)的低一些。
現(xiàn)在在背景層上建立一個(gè)新圖層,用多變形套鎖工具作出和以下相類似圖象。
在這個(gè)剛作好的圖層上執(zhí)行選擇-修改命令修改2個(gè)象素。用色階命令將選擇區(qū)中的亮度值調(diào)的低些。
用加深工具對內(nèi)部加深處理。
在用選擇-變換選區(qū)命令將選擇區(qū)縮小些,在用加深工具進(jìn)行加深處理。
繼續(xù)重復(fù)以上步驟,直到認(rèn)為滿意為止。
現(xiàn)在按CTRL+J把此圖層復(fù)制出4個(gè)放置在圖象中的合適位置。
在背景圖層上建立一個(gè)新圖層,在用鋼筆工具作出線狀的路徑轉(zhuǎn)換成選區(qū)后用深點(diǎn)的天藍(lán)色填充,注意不要取消選擇。
在保持選擇情況下執(zhí)行選擇-修改收縮命令,收縮3個(gè)象素。對“線”內(nèi)部的顏色用減淡工具進(jìn)行處理到合適的亮度;在執(zhí)行選擇-反選命令對“線”的外部進(jìn)行暗調(diào)處理。
在把線的這個(gè)圖層也多復(fù)制幾個(gè)合并后移動到圖象中的合適位置。
現(xiàn)在來添加文字,在最頂部的圖層上建立文字圖層。
按CTRL+J把文字圖層復(fù)制一份,執(zhí)行編輯-變換-垂直翻轉(zhuǎn)命令,移動到合適位置在設(shè)置圖層混合模式為疊加
現(xiàn)在把文字圖層與其文字倒影層一起合并在用橡皮擦工具擦除多余的部分。
現(xiàn)在雙擊此圖層打開圖層樣式設(shè)置做以下設(shè)定:
以上就是這個(gè)教程的全部制作經(jīng)過,到此全部結(jié)束,在來看看結(jié)果吧。
首先利用鋼筆工具繪制如下形狀并用純色填充。
圖層 >> 圖層樣式 >> 漸變疊加,并按下圖設(shè)置漸變條。
選擇減淡工具,并將選擇100像素的軟筆刷在圖形正中涂抹出如下立體效果。
選擇加深工具,筆刷大小同上,涂抹圖形底部。
按住Ctrl并點(diǎn)擊圖形層獲得選區(qū),選擇 >> 修改 >> 收縮,收縮量2像素,反選,圖像 >> 調(diào)整 >> 色階,調(diào)整出高光邊緣。
圖像 >> 調(diào)整 >> 色階,得到如下效果。
同上,得到如下效果。
選擇減淡工具,設(shè)置筆刷大小為30,涂抹圖形邊緣,得到發(fā)亮效果。
選擇加深工具,繼續(xù)加深圖形下半部分。
現(xiàn)在在球體圖層下面建立一個(gè)新圖層,然后按CTRL單擊球體圖層載入選區(qū),用變換選區(qū)命令將選擇區(qū)擴(kuò)大一些并填充一個(gè)單色。雙擊剛建立的用單色填充了的圖層用以打開圖層樣式設(shè)置,選中漸變疊加樣式作出一個(gè)從黑色到深灰色的垂直漸變。
在背景層上面建立一個(gè)新的圖層,用橢圓選框工具從球體中心位置作出正圓選區(qū)在用黑色填充取消選擇。
在用橢圓選框工具逐一選中并刪除該層中不需要的部分。
現(xiàn)在回到球體下那個(gè)用漸變樣式編輯了的圖層,在它上面建立一個(gè)新的空白圖層然后用鏈接將2者鏈接起來后按CTRL+E與起合并。(為什么要這么做?原因我前面已經(jīng)講過這里不在贅述)在用減淡工具對邊緣進(jìn)行高光部分的亮度處理。
現(xiàn)在選中背景圖層上的用黑色填充的圖層,雙擊打開其圖層樣式設(shè)置,設(shè)置漸變疊加樣式:漸變編輯器中的設(shè)置為深灰-灰-深灰-灰-深灰。在在上面建立一個(gè)空圖層鏈接后合并。
在用加深減淡工具加大局部對比,畫筆大小50象素。
在保持此圖層選擇區(qū)是選中的情況下,執(zhí)行選擇-修改-收縮命令,收縮2個(gè)象素值;接著執(zhí)行選擇-反選,用圖象-調(diào)整-色階命令,將外部邊緣的亮度值調(diào)的低一些。
現(xiàn)在在背景層上建立一個(gè)新圖層,用多變形套鎖工具作出和以下相類似圖象。
在這個(gè)剛作好的圖層上執(zhí)行選擇-修改命令修改2個(gè)象素。用色階命令將選擇區(qū)中的亮度值調(diào)的低些。
用加深工具對內(nèi)部加深處理。
在用選擇-變換選區(qū)命令將選擇區(qū)縮小些,在用加深工具進(jìn)行加深處理。
繼續(xù)重復(fù)以上步驟,直到認(rèn)為滿意為止。
現(xiàn)在按CTRL+J把此圖層復(fù)制出4個(gè)放置在圖象中的合適位置。
在背景圖層上建立一個(gè)新圖層,在用鋼筆工具作出線狀的路徑轉(zhuǎn)換成選區(qū)后用深點(diǎn)的天藍(lán)色填充,注意不要取消選擇。
在保持選擇情況下執(zhí)行選擇-修改收縮命令,收縮3個(gè)象素。對“線”內(nèi)部的顏色用減淡工具進(jìn)行處理到合適的亮度;在執(zhí)行選擇-反選命令對“線”的外部進(jìn)行暗調(diào)處理。
在把線的這個(gè)圖層也多復(fù)制幾個(gè)合并后移動到圖象中的合適位置。
現(xiàn)在來添加文字,在最頂部的圖層上建立文字圖層。
按CTRL+J把文字圖層復(fù)制一份,執(zhí)行編輯-變換-垂直翻轉(zhuǎn)命令,移動到合適位置在設(shè)置圖層混合模式為疊加
現(xiàn)在把文字圖層與其文字倒影層一起合并在用橡皮擦工具擦除多余的部分。
現(xiàn)在雙擊此圖層打開圖層樣式設(shè)置做以下設(shè)定:
以上就是這個(gè)教程的全部制作經(jīng)過,到此全部結(jié)束,在來看看結(jié)果吧。
Photoshop在線視頻教程 Photoshop視頻教程下載
- 多媒體學(xué)Photoshop CS4視頻教程 Photoshop CS3專家講座視頻教程 Photoshop照片處理視頻教程 最新Photoshop CS4教程 Photoshop婚紗與寫真實(shí)用教程 Photoshop CS4教程_基礎(chǔ)篇 Photoshop CS4教程_實(shí)例篇 Photoshop畫漫畫視頻教程 最新Photoshop CS4視頻教程 photoshop繪畫技巧視頻教程 Photoshop CS全面通教程(下) photoshop cs4視頻教程 PhotoshopCS2中文版視頻教程 PS CS4視頻教程 PS后期效果圖處理視頻教程 photoshop繪畫與合成視頻教程 Photoshop CS4 通道、特效視頻教程 Photoshop文字藝術(shù)效果100例視頻教程 Photoshop CS全面通教程(上) PS卡通畫教程 ps照片處理視頻教程 photoshopCS4中文版完全自學(xué)手冊 Photoshop照片處理實(shí)例視頻教程 Photoshop從頭學(xué)系列視頻教程 Photoshop CS4 視頻教程 Photoshop平面設(shè)計(jì)視頻教程 Photoshop實(shí)例教程海報(bào)制作
- PS人物數(shù)碼照片處理技法大全視頻教程 Photoshop CS 質(zhì)感傳奇素材CD 《大師之路》Photoshop CS2教程 祁連山打造逼真名貴男士手表 平面三維設(shè)計(jì)七種武器II Photoshop CS4完全自學(xué)教程 萬晨曦現(xiàn)場講授photoshop入門視頻教程 Photoshop制作機(jī)械蜘蛛 21互聯(lián)photoshop cs視頻教程 Photoshop CS3專家講堂視頻教程 Photoshop CS2 高手之路 Photoshop實(shí)例視頻教程 photoshop實(shí)例教程100例 Photoshop應(yīng)用技巧 FIF 小組Photoshop視頻教程 Photoshop CS3特輯視頻教程下載
相關(guān)PhotoShop網(wǎng)頁設(shè)計(jì):
- Photoshop制作卡通網(wǎng)站導(dǎo)航欄
- Photoshop教程:制作水晶徽章
- Photoshop制作超酷春天背景網(wǎng)頁
- Photoshop制作網(wǎng)站流程圖詳細(xì)過程
- PhotoShop制作網(wǎng)站導(dǎo)航
- PhotoShop設(shè)計(jì)網(wǎng)站內(nèi)容框
- Photoshop制作創(chuàng)意精美導(dǎo)航
- Photoshop制作網(wǎng)站首頁:控制版面與插入Spry對象
- Photoshop制作網(wǎng)站首頁:添加Flash視頻
- Photoshop制作網(wǎng)站首頁:制作導(dǎo)航菜單
- Photoshop制作網(wǎng)站首頁:切割網(wǎng)頁圖片
- Photoshop制作網(wǎng)站首頁:首頁內(nèi)容的制作
- 相關(guān)鏈接:
- 教程說明:
PhotoShop網(wǎng)頁設(shè)計(jì)-PhotoShop制作超酷網(wǎng)站登錄按鈕。