Photoshop教程:設(shè)計(jì)復(fù)古絲帶風(fēng)格網(wǎng)頁(yè)導(dǎo)航(3)
您喜歡這種效果嗎?今天否本帶大家一起來(lái)看看它究竟是如何制作出來(lái)的!
首先在Photoshop中新建一個(gè)文檔-約500 × 500大小,并填滿#dac8aa 的顏色。
現(xiàn)在,我們找一個(gè)類似紙張紋理的素材。 您可以隨意尋找自己喜歡的自然紋理,然后執(zhí)行“去色”快捷鍵Ctrl+Shift+U :
之后,改變圖層模式為:疊加,改變不透明度為60%。 合并兩個(gè)圖層。
Ok,為了表現(xiàn)紙質(zhì)的密度,我們?cè)偈褂?ldquo;銳化”來(lái)加強(qiáng)質(zhì)感,可以適當(dāng)多來(lái)幾次。
現(xiàn)在我們開(kāi)始創(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è)步驟。 為了使我們的彩帶更具立體感我們使用顏色減淡工具 (大。125像素,范圍:高光,曝光:20%),我們?cè)谛枰奈恢蒙线M(jìn)行涂抹,注意不要涂抹過(guò)量,我們會(huì)得到如下效果:
同樣我們相反的使用顏色加深工具 (大。80像素,范圍:陰影,曝光:30%),將彩帶旁邊進(jìn)行減暗,這樣做的目的是增加亮度對(duì)比度,使之更具立體感。
我們需要添加一些網(wǎng)格,讓它看起來(lái)更像織布。 創(chuàng)建一個(gè)3 × 3像素大小的新文件,用選區(qū)畫(huà)出如下圖形。
然后進(jìn)入“ 編輯 > 定義圖案 ,保存它。 之后,回到我們的主畫(huà)布。按住CTRL點(diǎn)擊圖層面板中的彩帶圖層,然后使用油漆桶工具(選擇圖案填充模式),進(jìn)行填充!
取消選區(qū)后將網(wǎng)格透明度改為40% 并且將圖層模式改為疊加。
現(xiàn)在,我們應(yīng)該在箭頭所指位置添加一些細(xì)節(jié)的陰影,就大功告成了。
如下圖所示我們很清楚的可以看到,用多邊形套索工具選擇這樣一個(gè)選區(qū),然后同樣用黑色——透明的漸變色創(chuàng)造陰影效果,不過(guò)注意將一定要將陰影放到彩帶的底下一層。
還可以使用“模糊工具”對(duì)陰影進(jìn)行模糊。
在其他地方同樣的方法添加陰影。
現(xiàn)在看相當(dāng)不錯(cuò)。教程也快結(jié)束了,不過(guò)我們還可以稍微再做一點(diǎn)工作。 轉(zhuǎn)到背景層,選擇加深工具 (大。300像素,范圍:陰影,曝光:30%),如圖所示將背景層部分減暗。
看!這就是你的結(jié)果,采用了不到半個(gè)小時(shí)我們又成功的學(xué)會(huì)了一個(gè)技術(shù)!
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
推薦教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- banner教程,用ps制作960*90的廣告圖片
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 陰影效果,教你制作各類陰影教程
- 用ps制作豎列導(dǎo)航
- Photoshop制作網(wǎng)站導(dǎo)航圖