網(wǎng)頁(yè)設(shè)計(jì)教程-橙色標(biāo)題欄的內(nèi)容框設(shè)計(jì)（附psd下載）

先看下橙色標(biāo)題欄的內(nèi)容框設(shè)計(jì)（也是常用的折角）最終效果：

1. 新建文檔 大小為400×400像素

2. 繼續(xù)把背景改為 #000000 然后準(zhǔn)備工作就完成了，開(kāi)始關(guān)鍵步驟；

3.使用圓角矩形工具畫(huà)出一個(gè)類(lèi)似下面10px半徑的一個(gè)圓矩形；

4. 然后通過(guò)右擊圓角矩形圖層，選擇混合選項(xiàng)，輸入數(shù)值如下；

5. 做出如下效果的圓角矩形來(lái)；

6. 接下來(lái)使用矩形選框工具，框選出類(lèi)似于下面的一個(gè)選擇框，并用白色填充它

7. 顯然的，我們不會(huì)保持它的白色，所以讓我們繼續(xù)選擇我們的圖層，然后右擊輸入下面的混合選項(xiàng)；

8. 再做出類(lèi)似下圖的效果

9. 接下來(lái)，我們將做的是我們的'旗幟'的褶皺（折角）。它會(huì)給我們帶來(lái)我們所需要的角度。使用多邊形套索工具，并創(chuàng)建一個(gè)類(lèi)似于以下的選擇，并填寫(xiě)＃FFFFFF

10. 然后，輸入下面的混合選項(xiàng)到其層:

11. 換另一側(cè)重復(fù)同樣的步驟，你應(yīng)該做出來(lái)有一些看起來(lái)像這樣；

12. 接下來(lái)的事情，我們要做的是加上我們的內(nèi)容框中的標(biāo)題。所以讓我們繼續(xù)，拿出你的文字工具，輸入一些文字，你的標(biāo)題:

13. 白色看上去有點(diǎn)平淡。所以，我們想要做什么，是正確的點(diǎn)擊您的輸入層和下面的混合選項(xiàng)

14. 大體是這個(gè)樣子，這樣看起來(lái)好多了

15. 繼續(xù)，把你的文字層復(fù)制，并確保所有的混合選項(xiàng)被關(guān)閉，在這個(gè)新的層和字體顏色設(shè)置為＃FFFFFF。將您的原始文字層下面這層，然后用方向鍵向下移動(dòng)1px的。（這樣就做出了一個(gè)像素的高亮投影）

16. 亮度太強(qiáng)了，調(diào)低到28%，效果類(lèi)似于這樣:

17. 大功告成，這樣你可以再添加一些裝飾用的圖標(biāo)，看上去就好很多了。

下載信息  [文件大?。?5.43 KB 下載次數(shù)： 次]

點(diǎn)擊下載文件:contentboxpsd