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

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