1、最終圖片預(yù)覽教程細(xì)節(jié)：程序：Photoshop CS4難度：中等估計(jì)完成時(shí)間：60分鐘先來(lái)看一下我們將要?jiǎng)?chuàng)建的網(wǎng)站設(shè)計(jì)。所需要的素材： HYPERLINK http:/www.grafp/textures/old-style-grunge-texture/ t _blank 下載破舊材質(zhì) HYPERLINK http:/www.grafp/textures/old-wood-seamless-texture/ t _blank 下載無(wú)縫的木頭材質(zhì) HYPERLINK http:/tutsp/plus-program/psd-plus/ t _blank 花朵圖片 HYPERLINK http:

2、/tutsp/plus-program/psd-plus/ t _blank 樹(shù)葉圖片第1步在這個(gè)教程中，我們將用到一些商業(yè)圖片來(lái)創(chuàng)建這個(gè)有質(zhì)感的網(wǎng)站布局。首先讓我們創(chuàng)建一個(gè)1000像素X1000像素大小的文檔。第2步從 HYPERLINK http:/www.grafp/ t _blank Grafp下載無(wú)縫的木頭材質(zhì)。這里是下載地址： HYPERLINK http:/www.grafp/textures/old-wood-seamless-texture/ t _blank 下載無(wú)縫的木頭材質(zhì)。在Photoshop中打開(kāi)”texture-small.jpg”圖片，然后選擇編輯定義圖案。給圖

3、案命名，點(diǎn)擊確定?，F(xiàn)在將圖片關(guān)閉掉。第3步選擇背景圖層，按下Ctrl+J，這個(gè)快捷方式將會(huì)復(fù)制背景圖層。選擇新復(fù)制的圖層，然后選擇圖層圖層樣式圖案疊加，使用之前你創(chuàng)建的那個(gè)圖案。第4步使用矩形工具創(chuàng)建一些不同顏色的垂直條紋。第5步按下Ctrl鍵，在圖層調(diào)板中點(diǎn)擊每一個(gè)形狀圖層，將這些條紋圖層都選擇上。第6步當(dāng)所有形狀都選擇上以后，按Ctrl+E鍵（這個(gè)快捷方式會(huì)將所有的圖層合并成一個(gè)圖層），將圖層混合模式更改為顏色漸淡，不透明度值更改為40%-50%之間。第7步現(xiàn)在添加上另外一張圖片。再次訪問(wèn) HYPERLINK http:/www.grafp/ t _blank grafplus，下載 HY

4、PERLINK http:/www.grafp/textures/old-style-grunge-texture/ t _blank 破舊風(fēng)格的圖片。將這個(gè)圖片放置在文件的最頂層。選擇文件置入命令，選擇這張圖片。第8步確保你選擇了這個(gè)圖層，然后應(yīng)用一個(gè)簡(jiǎn)單的投影。圖層圖層樣式投影。第9步使用矩形選區(qū)工具作出如下的選區(qū)。第10步確保你已經(jīng)選擇上了破損材質(zhì)的圖層，然后按Ctrl+J鍵（此快捷方式將會(huì)通過(guò)剪切）。選擇新圖層，將圖層旋轉(zhuǎn)180度（編輯變換旋轉(zhuǎn)180度）。使用移動(dòng)工具將新圖層放置于所有圖層的上方。然后添加上你的Logo。在這個(gè)教程中，我使用的文字是”P(pán)SDtuts+”。第11步將Log

5、o的圖層混合模式更改為顏色加深。第12步使用相同的技術(shù)切割一些按鈕和頁(yè)腳。結(jié)果如下：第13步如果你想創(chuàng)建一個(gè)不同顏色的特別的按鈕，你需要選擇該按鈕所在的圖層，然后按下Ctrl+U調(diào)出色相/飽和度對(duì)話框，勾選色彩化選擇框，然后向左或向右移動(dòng)滑塊來(lái)得到你想要的結(jié)果。第14步在右邊，使用矩形工具創(chuàng)建一個(gè)白色的形狀。第15步使用線條工具在白色形狀上面創(chuàng)建一些細(xì)線條。線條使用的顏色是#d3d1d2。第16步在圖層面板中選擇白色形狀圖層和線條圖層，然后按Ctrl+E合并圖層。選擇橡皮工具，使用小一些的，圓形的畫(huà)筆刪除圖層中的一部分使其看上去像是一張真實(shí)的紙。第17步添加下列圖層樣式。第18步使用水平文字工

6、具添加一些文字。我使用的字體是Myriad Pro（你可以在windows 7和Vista中找到這種字體）。第19步現(xiàn)在在網(wǎng)頁(yè)中間添加另外一張圖片，在圖片的右邊添加兩個(gè)箭頭。箭頭的形狀你可以在自定義形狀中去找。第20步在 HYPERLINK http:/tutsp/plus-program/psd-plus/ t _blank PSD Plus源文件中，你會(huì)找到兩張商業(yè)圖片。當(dāng)然如果你不是我們的會(huì)員，你可以在網(wǎng)上搜索同樣的圖片。第一張是一片樹(shù)葉，第二張是一朵紅花。在Photoshop中打開(kāi)這兩張圖片，去除背景。兩張圖片都有大概4000像素分辨率的品質(zhì)，你可以使用魔術(shù)橡皮工具或其他你喜歡的方法去除背景。第21步將樹(shù)葉圖片放置于白