Photoshop制作禮品店網(wǎng)站模板(6)

本文使用了簡(jiǎn)單的Photoshop圖層樣式與形狀圖形就能完成，作為網(wǎng)頁(yè)設(shè)計(jì)的新手可以先從此類(lèi)教程開(kāi)始，對(duì)于頁(yè)面的設(shè)計(jì)思路主要運(yùn)用了色塊構(gòu)圖技巧，將整個(gè)頁(yè)面劃分成一個(gè)個(gè)色塊，使用相似或相同色調(diào)使頁(yè)面整體效果統(tǒng)一！現(xiàn)在我們就來(lái)看下如何制作這個(gè)愛(ài)情禮品購(gòu)物網(wǎng)站：

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

為其增加如下圖層樣式:

結(jié)果如下:

使用"自定義形狀"工具,選擇愛(ài)心形狀

制作如下圖的愛(ài)心

為愛(ài)心加上圖層樣式:

結(jié)果如下:

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

加上圖層樣式:

結(jié)果如下

加入一些文字

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

加上如下圖層樣式

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

加入文字與圖片

現(xiàn)在我們來(lái)處理下頁(yè)面細(xì)節(jié),比如為標(biāo)題文字前加個(gè)減號(hào)等,具體頁(yè)面如下

最后將已經(jīng)做好的LOGO放上