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

圖39

　　第十九步：添加聯(lián)系方式的小部件選擇矩形選框工具，設(shè)置半徑為3px，畫出合適尺寸的矩形框，運(yùn)用和第二步一樣的步驟在矩形框中添加相同的樣式，這樣可以設(shè)計(jì)出同導(dǎo)航欄一樣的樣式。

圖40

　　在小部件中添加內(nèi)容，設(shè)置標(biāo)題文字字體為Georgia，圖片從素材中選擇，為在圖片上添加了一個(gè)顏色疊加層（#F7E5C4），使其與網(wǎng)頁的整體布局融合的更好。

　　然后用圓角矩形工具添加一個(gè)圓角選框作為email地址的輸入框，填充顏色為#FFFFFF。

圖41

　　到這一步，主體區(qū)域的所有內(nèi)容就完成了，下邊是底部區(qū)域的制作。

　　第二十步：添加底部區(qū)域的背景底部背景的制作方法和第二步第三步相同，你需要將此區(qū)域的高度設(shè)置的比導(dǎo)航區(qū)域略高，這樣可以放下更多的內(nèi)容。

圖42

　　第二十一步：添加底部的內(nèi)容下面，在底部添加一下鏈接。用矩形選框工具創(chuàng)建一個(gè)矩形選區(qū)，并填充顏色為#323232，然后將鏈接文字的顏色設(shè)置為#FFFFFF，添加文字。

圖43

　　接下來將圖層的混合模式設(shè)置為柔光，降低不透明度到63%，重復(fù)以上步驟添加需要的鏈接。

圖44

　　最后要做的事情就是在頁腳導(dǎo)航的上方添加社會化媒體的分享按鈕，然后在頁腳的右側(cè)添加網(wǎng)站標(biāo)志及版權(quán)的聲明。（社會化分享的圖標(biāo)在素材中）

圖45

　　好了，所有步驟完成。

　　最終效果圖

圖46

　　原文地址：Photoshop設(shè)計(jì)漂亮的網(wǎng)頁模板教程