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

圖24

　　改變圖層的不透明度為75%，最后選咋橫排文字工具在此圖層上方添加對圖片的描述文字；

圖25

　　第十三步：在特色區(qū)域的下方添加一個(gè)分隔區(qū)域特色區(qū)域的最后一步是在其下方添加一個(gè)橫排的分隔區(qū)，方法同第二步和第三步，然后給該圖層添加內(nèi)陰影。

圖26

圖27

第十四步：給網(wǎng)頁主體區(qū)域添加背景顏色你可能已經(jīng)猜到了，主體區(qū)域是如圖那樣設(shè)計(jì)為三列，選擇矩形選框工具在下方空白區(qū)域新建一個(gè)合適尺寸的矩形選區(qū)，填充顏色為#FBF5EA.

圖28

　　第十五步：添加列標(biāo)題對于列的標(biāo)題，我們需要從素材中選擇可以代表列內(nèi)容的標(biāo)識符，并放在左列中。設(shè)置字體為Georgia，字體顏色為#323232，下一步使用鋼筆工具在列標(biāo)題下方添加一個(gè)邊界，樣式如圖所示：

圖29

　　設(shè)置前景顏色為#323232，然后選擇一個(gè)合適的筆刷并設(shè)置直徑為3px，新建圖層，利用筆刷描邊路徑。設(shè)置圖層樣式如下：

圖30

圖31

圖32

　　復(fù)制此圖層并向下移動圖層4px或5px，設(shè)置不透明度為24%左右。

圖33

　　第十六步：在左列中添加內(nèi)容標(biāo)題文字設(shè)置為#323232，主體文字顏色設(shè)置為#2A2A2A。（其它顏色也可以）。使用同步驟8一樣的方法添加“Read More”按鈕。中間行文字顏色設(shè)置為#484848。

圖34

　　第十七步：添加中間列的內(nèi)容在中間列，創(chuàng)建同左列相同的標(biāo)題文字，但必須更改文字旁邊的標(biāo)識符號（可以從素材中查找合適的圖片）

　　選擇圓角矩形工具，設(shè)置半徑為3px前景色為#FFFFFF，制作一個(gè)圓角的內(nèi)容邊框，并添加一些文字及描述。

圖35

　　添加圖層樣式：

圖36

圖37

添加圖片匹配內(nèi)容框中的描述，完成。

圖38

　　第十八步：在右列中添加內(nèi)容右列的樣式同其它兩列基本