photoshop教程:設(shè)計(jì)絲帶風(fēng)格的網(wǎng)頁(yè)導(dǎo)航

您喜歡這種效果嗎？今天否本帶大家一起來(lái)看看它究竟是如何制作出來(lái)的！



首先在photoshop中新建一個(gè)文檔-約500 × 500大小，并填滿＃dac8aa 的顏色。



現(xiàn)在，我們找一個(gè)類似紙張紋理的素材。 您可以隨意尋找自己喜歡的自然紋理，然后執(zhí)行“去色”快捷鍵Ctrl+Shift+U ：





,之后，改變圖層模式為：疊加，改變不透明度為60％。 合并兩個(gè)圖層。



Ok,為了表現(xiàn)紙質(zhì)的密度，我們?cè)偈褂谩颁J化”來(lái)加強(qiáng)質(zhì)感，可以適當(dāng)多來(lái)幾次。



現(xiàn)在我們開始創(chuàng)建彩帶。 首先用矩形選框工具創(chuàng)建如圖的選區(qū)，并填充為綠色（＃95b900）記得要在新圖層完成哦！。



以同樣的方式創(chuàng)建黃色（＃e9db03）和紅色（＃b94a00）兩個(gè)顏色的彩帶。








,接下來(lái)我們要保證三種顏色的彩帶是在同一圖層的情況下按Ctrl+J復(fù)制出一個(gè)新的彩帶！并旋轉(zhuǎn)如圖角度：



原來(lái)的層同樣要旋轉(zhuǎn)，使他們之間產(chǎn)生交叉。



現(xiàn)在我們選擇底層的彩帶，按住CTRL點(diǎn)擊圖層面板中的此層，得到他的選區(qū)，新建一層，使用漸變工具創(chuàng)建出一個(gè)陰影。
漸變使用黑色——透明的方式！



接下來(lái)我們合并除“紙層”以外的圖層，也就是說(shuō)讓彩帶變?yōu)橐惑w。


,接著使用多邊形套索工具，選中如圖所示的范圍進(jìn)行刪除！



我們使用文字工具為飄帶添加一些文字裝飾，記得是用“自由變換”命令對(duì)文字進(jìn)行旋轉(zhuǎn)調(diào)整！。



同樣我們將文字層和彩帶層合并，添加如圖所示圖層樣式。



現(xiàn)在，效果應(yīng)該是這樣的，多了一些陰影：





,接下來(lái)我們給彩帶增添一些布紋的真實(shí)感，選用濾鏡 “ 紋理”選擇紋理化 ：



我們可以看到彩帶有了凸凹感：



然后到下一個(gè)步驟。 為了使我們的彩帶更具立體感我們使用顏色減淡工具 （大?。?25像素，范圍：高光，曝光：20％），我們?cè)谛枰奈恢蒙线M(jìn)行涂抹，注意不要涂抹過(guò)量，我們會(huì)得到如下效果：



同樣我們相反的使用顏色加深工具 (大?。?0像素，范圍：陰影，曝光：30％），將彩帶旁邊進(jìn)行減暗，這樣做的目的是增加亮度對(duì)比度，使之更具立體感。





,我們需要添加一些網(wǎng)格，讓它看起來(lái)更像織布。 創(chuàng)建一個(gè)3 × 3像素大小的新文件，用選區(qū)畫出如下圖形。