ps制作3D立體Logo網(wǎng)站抬頭網(wǎng)頁(yè)設(shè)計(jì)教(6)
Hi~在這輯Step by Step中,我將教大家使用幾個(gè)簡(jiǎn)單的漸變和圖層樣式制作超酷的3D網(wǎng)頁(yè),如果你想讓你的網(wǎng)頁(yè)脫穎而出,那你絕對(duì)不能錯(cuò)過(guò)這輯,
開(kāi)始吧~
效果圖:
Step 1
創(chuàng)建一個(gè) 1000x750像素大小的文件,雙擊背景圖層將其變?yōu)榭删庉嫷?font color="">圖層,并打開(kāi)圖層樣式>顏色疊加,用#47382e疊加。
Step 2
打開(kāi)標(biāo)尺(視圖>標(biāo)尺),按下圖添加一些參考線
Step 3
用矩形工具創(chuàng)建一個(gè)矩形,將該圖層命名為header.
Step 4
將前景色設(shè)為黑色,選擇橢圓工具創(chuàng)建一個(gè)陰影區(qū)域,大小要高于白色的矩形。將橢圓形圖層命名為shadow,并將其置于header圖層下面。
然后打開(kāi)濾鏡>轉(zhuǎn)換智能濾鏡,之后濾鏡>模糊>高斯模糊,半徑為10像素,并把不透明度設(shè)為60%,得到下圖效果:
Step 5
選中header圖層,雙擊打開(kāi)圖層樣式,選擇漸變疊加,按照下圖參數(shù)設(shè)置。
Step 6
使用直線工具畫(huà)一條亮紅色直線,然后再用黑色畫(huà)另外一條直線(1像素),之后將紅線和黑線圖層編組,組命名為 vDivider。打開(kāi)圖層>圖層蒙版> 現(xiàn)實(shí)全部。
使用徑向漸變工具,從黑色到白色,自上而下拉去,在組上添加漸變效果。
Step 7
使用文字工具創(chuàng)建導(dǎo)航欄(字體白色)。然后將所有標(biāo)簽編組,命名為White Links。復(fù)制這個(gè)組,將其置于white links組下面,將字體顏色設(shè)為黑色,
然后將其向上和向左移動(dòng)1像素大小的位置。這樣是為了制作3D效果。
Step 8
按照 Step 6的方法制作分欄線。
Step 9
選擇所有分欄線圖層將其編組,并命名為hDividers?,然后打開(kāi)圖層>圖層蒙版>顯示全部。使用線性漸變(黑-白)在蒙版做漸變效果
Step 10
保存下面的紋理圖片,然后用ps打開(kāi),選擇編輯>定義圖案,將其命名為 webPattern。復(fù)制header圖層,命名為pattern。然后雙擊打開(kāi)圖層樣式,
取消漸變疊加,打開(kāi)圖案疊加,選擇之前我們創(chuàng)建的webpattern圖案疊加,然在pattern圖層上添加圖層蒙版,在圖層蒙版創(chuàng)建徑向漸變效果。
Step 11
現(xiàn)在來(lái)添加LOGO和勺子。敲入Chinavisual.com,其中Chinavisual使用粗一些的字體。然后添加圖層樣式:
Step 11
下載勺子圖片,然后添加圖層樣式
完工~
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 視覺(jué)中國(guó)
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類(lèi)陰影教程
- 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制作另類(lèi)分隔線
- photoshop如何設(shè)計(jì)音樂(lè)主題海報(bào)
- Photoshop打造非常精致的條紋水晶導(dǎo)航欄
- PHOTOSHOP制作游戲界面及游戲網(wǎng)站界面
- ps玻璃網(wǎng)頁(yè)教程
- ps基礎(chǔ)制作白紙翹邊的立體陰影特效教
- 利用PhotoShop制作卡通風(fēng)格導(dǎo)航欄
- 用ps制作一個(gè)簡(jiǎn)單的導(dǎo)航
- Photoshop教程:設(shè)計(jì)一個(gè)黑色網(wǎng)站導(dǎo)航條
- PS網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)立體卷頁(yè)特效制作教