photoshop簡(jiǎn)單設(shè)計(jì)博客的頭部框架網(wǎng)頁(yè)教程

《photoshop簡(jiǎn)單設(shè)計(jì)博客的頭部框架網(wǎng)頁(yè)教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、PS作業(yè)2：簡(jiǎn)單設(shè)計(jì)博客的頭部框架網(wǎng)頁(yè)教程本教程介紹非常簡(jiǎn)潔的網(wǎng)頁(yè)制作方法。作者重點(diǎn)介紹頂部及導(dǎo)航欄的制作。打造過(guò)程：首先是渲染背景和底紋，然后再制作頂部裝飾和文字。可以根據(jù)實(shí)際需要加入自己喜歡的圖案或素材。最終效果1、創(chuàng)建一個(gè)1000x750像素大小的文件，雙擊背景圖層將其變?yōu)榭删庉嫷膱D層，并打開(kāi)圖層樣式>顏色疊加，用#47382e疊加。2、打開(kāi)標(biāo)尺（視圖>標(biāo)尺），按下圖添加一些參考線。3、用矩形工具創(chuàng)建一個(gè)矩形，將該圖層命名為header.4、將前景色設(shè)為黑色，選擇橢圓工具創(chuàng)建一個(gè)陰影區(qū)域，大小要高于白色的矩形。將橢圓形圖層命名為shadow，并將其置于header

2、圖層下面。然后打開(kāi)濾鏡>轉(zhuǎn)換智能濾鏡，之后濾鏡>模糊>高斯模糊，半徑為10像素，并把不透明度設(shè)為60%，得到下圖效果：5、選中header圖層，雙擊打開(kāi)圖層樣式，選擇漸變疊加，按照下圖參數(shù)設(shè)置。6、使用直線工具畫(huà)一條亮紅色直線，然后再用黑色畫(huà)另外一條直線（1像素），之后將紅線和黑線圖層編組，組命名為vDivider。打開(kāi)圖層>圖層蒙版>現(xiàn)實(shí)全部。使用徑向漸變工具，從黑色到白色，自上而下拉去，在組上添加漸變效果。7、使用文字工具創(chuàng)建導(dǎo)航欄（字體白色）。然后將所有標(biāo)簽編組，命名為WhiteLinks。復(fù)制這個(gè)組，將其置于whitelinks組下面，將字體顏色設(shè)為黑色，然后將

3、其向上和向左移動(dòng)1像素大小的位置。這樣是為了制作3D效果。8、按照第六步的方法制作分欄線。9、選擇所有分欄線圖層將其編組，并命名為hDividers，然后打開(kāi)圖層>圖層蒙版>顯示全部。使用線性漸變（黑-白）在蒙版做漸變效果。10、保存下面的紋理圖片，然后用ps打開(kāi)，選擇編輯>定義圖案，將其命名為webPattern。復(fù)制header圖層，命名為pattern。然后雙擊打開(kāi)圖層樣式，取消漸變疊加，打開(kāi)圖案疊加，選擇之前我們創(chuàng)建的webpattern圖案疊加，然在pattern圖層上添加圖層蒙版，在圖層蒙版創(chuàng)建徑向漸變效果。11、現(xiàn)在來(lái)添加LOGO和勺子。敲入Chinavi

4、sual.com，其中Chinavisual使用粗一些的字體。然后添加圖層樣式。12、下載勺子圖片，然后添加圖層樣式。最終效果：