Photoshop打造超酷的設(shè)計(jì)類網(wǎng)頁橫幅
站酷 發(fā)布時(shí)間:2011-02-06 15:42:30 作者:小武
我要評(píng)論

設(shè)計(jì)類網(wǎng)頁最重要是創(chuàng)意,畫面要有一定的新意和視覺沖擊力。因此在選擇素材的時(shí)候多選一些藝術(shù)感較強(qiáng)的圖片,然后發(fā)揮想象去渲染,做出自己滿意的效果。
最終效果

1、新建一個(gè)895×307px的圖層,分辨率為300,背景顏色為白色,顏色模式為RGB。

2、打開人物素材,拖到剛剛新建的圖層上面。


3、新建圖層,使用鋼筆工具圈出圖片上半部分,需要帶點(diǎn)弧度,然后使用快捷鍵ctrl+enter 使其進(jìn)入選區(qū)。


4、選擇漸變工具,設(shè)置漸變的顏色,并用吸管工具調(diào)整漸變顏色,顏色分別為:#a4dce7、#f8f7cf、#ea93d4。

5、點(diǎn)擊漸變菜單上面部分的色標(biāo),設(shè)置不透明度。

6、然后選擇線性漸變,拉個(gè)漸變出來,如果顏色太濃,可以使用橡皮擦工具稍微擦拭。

7、使用同樣的方法,將圖片下部分也做上漸變。

8、新建圖層,選擇橢圓選框工具,在圖片上畫個(gè)圓。

9、設(shè)置羽化40XP,填充白色(灰色也可)。

10、選擇矩形選框工具,在剛剛那個(gè)羽化的圓圈中間拉個(gè)矩形。

11、拉好選區(qū)之后,按一下鍵盤上的Delete鍵,刪除多余部分。

12、選擇PS上部工具欄中的:編輯-變換-選擇,將圖層旋轉(zhuǎn)到下圖的位置。

13、使用QQ截圖,將PS的工具欄截圖下來,用PS打開。使用編輯-變換-變形,將其變形為下圖的樣子。

14、復(fù)制變形完的圖層,選擇:濾鏡-模糊-動(dòng)感模糊,設(shè)置角度為8,距離為30。

15、將上面用動(dòng)感模糊處理過的圖層拖到前面變形工具欄圖層下方。

16、使用同樣的方法,作出另外一個(gè)工具欄。

17、使用絲帶的筆刷畫幾個(gè)絲帶,設(shè)置一下顏色漸變(使用絲帶素材也可)。

18、對(duì)絲帶也進(jìn)行剛才的模糊步驟。

19、新建圖層,使用矩形選框工具在圖片上拉一個(gè)矩形。填充#ffa800,設(shè)置透明度為60%。

20、在上面打上字。

21、把剛剛打的字柵格化,與黃色的圖層合并。使用魔術(shù)棒工具,在X前面、N后面點(diǎn)一下,再按一下Delete。


22、使用同樣的方法,制作其它文字。

23、最后,加上一些高光和裝飾品,在圖片的右上角,加上您的版權(quán)(不加也可)這次的炫酷標(biāo)題欄就OK了。

1、新建一個(gè)895×307px的圖層,分辨率為300,背景顏色為白色,顏色模式為RGB。

2、打開人物素材,拖到剛剛新建的圖層上面。


3、新建圖層,使用鋼筆工具圈出圖片上半部分,需要帶點(diǎn)弧度,然后使用快捷鍵ctrl+enter 使其進(jìn)入選區(qū)。


4、選擇漸變工具,設(shè)置漸變的顏色,并用吸管工具調(diào)整漸變顏色,顏色分別為:#a4dce7、#f8f7cf、#ea93d4。

5、點(diǎn)擊漸變菜單上面部分的色標(biāo),設(shè)置不透明度。

6、然后選擇線性漸變,拉個(gè)漸變出來,如果顏色太濃,可以使用橡皮擦工具稍微擦拭。

7、使用同樣的方法,將圖片下部分也做上漸變。

8、新建圖層,選擇橢圓選框工具,在圖片上畫個(gè)圓。

9、設(shè)置羽化40XP,填充白色(灰色也可)。

10、選擇矩形選框工具,在剛剛那個(gè)羽化的圓圈中間拉個(gè)矩形。

11、拉好選區(qū)之后,按一下鍵盤上的Delete鍵,刪除多余部分。

12、選擇PS上部工具欄中的:編輯-變換-選擇,將圖層旋轉(zhuǎn)到下圖的位置。

13、使用QQ截圖,將PS的工具欄截圖下來,用PS打開。使用編輯-變換-變形,將其變形為下圖的樣子。

14、復(fù)制變形完的圖層,選擇:濾鏡-模糊-動(dòng)感模糊,設(shè)置角度為8,距離為30。

15、將上面用動(dòng)感模糊處理過的圖層拖到前面變形工具欄圖層下方。

16、使用同樣的方法,作出另外一個(gè)工具欄。

17、使用絲帶的筆刷畫幾個(gè)絲帶,設(shè)置一下顏色漸變(使用絲帶素材也可)。

18、對(duì)絲帶也進(jìn)行剛才的模糊步驟。

19、新建圖層,使用矩形選框工具在圖片上拉一個(gè)矩形。填充#ffa800,設(shè)置透明度為60%。

20、在上面打上字。

21、把剛剛打的字柵格化,與黃色的圖層合并。使用魔術(shù)棒工具,在X前面、N后面點(diǎn)一下,再按一下Delete。


22、使用同樣的方法,制作其它文字。

23、最后,加上一些高光和裝飾品,在圖片的右上角,加上您的版權(quán)(不加也可)這次的炫酷標(biāo)題欄就OK了。

相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非常基礎(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30