PS技巧：利用Photoshop制作專業(yè)網(wǎng)頁設(shè)計(jì)模板(2)

　　第七步：去掉那些不需要的背景紋理第六步中的圖放到PS中后，我們發(fā)現(xiàn)尺寸要大于特色區(qū)域圖層，所以我們需要遮蓋住不需要的區(qū)域，按住Ctrl鍵并單擊特色背景區(qū)域圖層，PS會(huì)自動(dòng)選擇特色區(qū)域選區(qū)。

　　激活紋理圖片圖層，單擊下方的添加蒙版按鈕，這樣就可以遮蓋住那些不需要的區(qū)域了，然后更改該圖層的不透明度為35%。

圖11

　　選擇橫排文字工具，在特色區(qū)域中添加文字，并確保標(biāo)題文字和主體文字在不同的圖層中。

　　頭部的文字可以使用#FFFFFF顏色，主體部分則可以使用#2A2A2A。

圖12

　　我們可以為標(biāo)題文字添加一些樣式：

圖13

圖14

圖15

　　第八步：創(chuàng)建“About us”圓角按鈕選擇圓角矩形工具，設(shè)置半徑為5px，文字的顏色設(shè)置為#404040，其它樣式可以自己設(shè)置，在這里我們還同時(shí)要用到素材圖片中的circleright32，Ctrl+T設(shè)置好大小并移到合適的位置。

圖16

給圓角按鈕圖層添加一下樣式，使其顯得更加有趣：

圖17

圖18

圖19

　　第九步：添加一個(gè)漂亮的裝飾元素這個(gè)區(qū)域的最后一步是添加一個(gè)漂亮的裝飾元素以增加網(wǎng)頁整體的感覺，使用下載的Floral筆刷，設(shè)置前景色為#343434，在合適位置畫完之后，將圖層的混合模式改為強(qiáng)光；

圖20

　　第十步：創(chuàng)建幻燈片區(qū)域下面開始幻燈片區(qū)域的制作，選擇圓角矩形工具，設(shè)置半徑為5px，前景色為#FFFFFF，在網(wǎng)頁布局的右側(cè)添加一個(gè)合適尺寸的圓角矩形選區(qū)。

圖21

　　改變此圖層的填充為15%，是背景圖案可以透過此圖層顯示出來，然后添加陰影，如圖：

圖22

　　第十一步：在幻燈片區(qū)域添加圖片我們需要在此添加一個(gè)縮略圖，選擇一個(gè)合適的圖片并添加到幻燈片區(qū)域上方。在圖層面板中選擇縮略圖圖層，按住Ctrl點(diǎn)擊此圖層，PS自動(dòng)選擇縮略圖選區(qū)，執(zhí)行選擇-改變-收縮命令，設(shè)置參數(shù)10px，然后執(zhí)行選擇-反選（Ctrl+Shift+I），最后執(zhí)行編輯-清除。

圖23

　　第十二步：添加對(duì)于顯示