原文鏈接：http://www.webdesign.org/web/photoshop/web-layout/st-valentine-layout.14631.html

本文使用了簡單的photoshop圖層樣式與形狀圖形就能完成，作為網頁設計的新手可以先從此類教程開始，對于頁面的設計思路主要運用了色塊構圖技巧，將整個頁面劃分成一個個色塊，使用相似或相同色調使頁面整體效果統一！現在我們就來看下如何制作這個愛情禮品購物網站：

|||

首先在photoshop中新建立一個文件：大小 760 x 770 ，顏色 #2d2d2d。選擇圓角矩形工具(半徑設置5px)畫一個如下圖形狀

為其增加如下圖層樣式:

結果如下:

|||

使用"自定義形狀"工具,選擇愛心形狀

制作如下圖的愛心

為愛心加上圖層樣式:

結果如下:

|||

再次使用"圓角矩形"制作如下圖效果:

加上圖層樣式:

結果如下

|||

加入一些文字

用"圓角矩形"制作如下圖形:

加上如下圖層樣式

你看到我又為頁面上部加了個圓角矩形,圖層樣式如上

|||

加入文字與圖片

現在我們來處理下頁面細節,比如為標題文字前加個減號等,具體頁面如下

最后將已經做好的logo放上