古典風(fēng)格的網(wǎng)站模板.doc

本教程主要用Photoshop設(shè)計(jì)一張古典風(fēng)格的網(wǎng)站模板，設(shè)計(jì)師們的作品集網(wǎng)站是他們?cè)诰W(wǎng)絡(luò)上的自我表現(xiàn)，絕大多數(shù)情況下這些網(wǎng)站表現(xiàn)了設(shè)計(jì)師的個(gè)人風(fēng)格。有很多種方法來(lái)創(chuàng)建作品集網(wǎng)站，下面一起來(lái)學(xué)習(xí)吧。作者：蘇打蘇塔 設(shè)計(jì)量販鋪原文：首先，讓我們看看最終的效果1. 首先打開(kāi)960 PSD。把畫(huà)布尺寸變成 1440 x 1220。我們改變畫(huà)布的話(huà)飲食，這樣我們就可以應(yīng)用大尺寸的紋理素材作為背景。2. 創(chuàng)建一個(gè)新圖層，命名為bgfill，填充顏色 “#aa926a”3. 打開(kāi)紋理，復(fù)制并且粘帖到我們的畫(huà)布中4. 創(chuàng)建一個(gè)新的圖層，命名為 gradient。選擇漸變工具，選擇線(xiàn)性漸變，從前景色到透明。從畫(huà)布的頭部到底端按住shift鍵拖拽漸變。5. 這就是我們現(xiàn)在的效果6. 好了，我們?cè)诋?huà)布的邊緣部分仍然想要一些紋理效果。這是為了寬屏幕用戶(hù)(1600+resoulation)考慮的，這樣在寬屏下看網(wǎng)站不會(huì)太枯燥。利用矩形選區(qū)選擇一個(gè)狹窄的區(qū)域然后填充漸變。7. 現(xiàn)在的效果8. 好了，我們要把紙張的紋理放置在頁(yè)面的中間。記住要在頭部的位置預(yù)留出一定的空間。好了，這就是我們現(xiàn)在的效果。利用標(biāo)尺對(duì)其頁(yè)面的邊緣。9. 我們要給這個(gè)紙張?zhí)砑右恍╆幱?，以增?qiáng)真實(shí)效果。按照下面的參數(shù)進(jìn)行設(shè)置10.好了，這就是現(xiàn)在的樣子11. 我們要在這個(gè)紙張上添加一個(gè)分割，利用剛剛下載的筆刷就可以了12.我們需要在頭部添加一些細(xì)節(jié)，讓它看起來(lái)不會(huì)太空。我們可以利用花形狀的筆刷。14. 我們要應(yīng)用到一些混合屬性。雙擊圖層打開(kāi)圖層屬性面板，找到圖案疊加，載入叫做 Grayscale patterns的圖案。下面是相關(guān)參數(shù)。15. 現(xiàn)在的效果。16.利用矩形選區(qū)創(chuàng)建四個(gè)菜單，填充不同的顏色。保證這幾個(gè)菜單圖層在紙張圖層的下面。我用的是漸變顏色，字體選擇的是Italic.17. 我們添加了一些內(nèi)容18. 利用形狀創(chuàng)建兩個(gè)箭頭。用任何一個(gè) grunge bursh輕輕的擦除形狀，讓他們看起來(lái)有一些紋理。添加斜面與浮雕，參數(shù)如下。19.我們?nèi)匀恍枰砑觾蓚€(gè)內(nèi)容分割線(xiàn)。用之前應(yīng)用過(guò)的筆刷來(lái)繪制分割線(xiàn)即可。20. 好了，添加一些圖標(biāo)和文字。保持圖標(biāo)的透明度在50%。字體為Skecth Rockwell，設(shè)置內(nèi)陰影，參