本教程介紹簡單的電子商務網(wǎng)站制作方法。網(wǎng)站大致由四大部分構(gòu)成:頂部導航、中間橫幅、中間主要產(chǎn)品列、底部。中間部分最為重要,盡量要制作精美大氣一點,這樣才有吸引力。

最終效果
Photoshop制作簡潔大氣的電子商務網(wǎng)站首頁
<點小圖查看大圖>


1、首先第一步,需要下載這個紋理圖片。
Photoshop制作簡潔大氣的電子商務網(wǎng)站首頁

 

 

2、在PS中打開紋理圖片,然后點擊“編輯>定義圖案”,給予圖案的命名,并單擊OK。做完這個準備工作,可以關閉該文件。然后創(chuàng)建一個新文件,size:1100*1300px。

3、使用油漆桶工具,設定圖案,選擇剛制作好的圖案紋理。點擊畫布,得到如下圖的效果。


Photoshop制作簡潔大氣的電子商務網(wǎng)站首頁


4、在頁面上方使用圓角矩形工具,創(chuàng)建一個圓角矩形,位置如下圖所示。參數(shù)值:半徑5px,size:330*45px。


Photoshop制作簡潔大氣的電子商務網(wǎng)站首頁


5、對該矩形添加如下圖層樣式。你可以找到漸變的顏色值。


Photoshop制作簡潔大氣的電子商務網(wǎng)站首頁


6、請記住這個矩形圖層樣式,因為在下面的步驟中會多次用到它。下一步,需要創(chuàng)建一個搜索框,如下圖所示。我們開始再一次使用圓角矩形工具。


Photoshop制作簡潔大氣的電子商務網(wǎng)站首頁

 

標簽:

相關文章

隨機推薦