日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > PS電子商務在線購物網站美工教程

PS電子商務在線購物網站美工教程

時間:2024-02-25 19:30作者:下載吧人氣:14

簡介:一篇簡單快速構架商務網站的教程。在本教程中,我將告訴你如何用時髦的布局方法制作電子商務型的在線購物網站。你可以使用這個布局做出任何你喜歡的電子商務購物平臺及CMS系統。

效果圖:

PS電子商務在線購物網站美工教程

1、首先第一步,需要下載這個紋理圖片。

PS電子商務在線購物網站美工教程

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

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

PS電子商務在線購物網站美工教程

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

PS電子商務在線購物網站美工教程

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

PS電子商務在線購物網站美工教程

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

PS電子商務在線購物網站美工教程

7、為該層添加如下圖層樣式。為方便后面使用,需要保存下這個圖層樣式的配置信息,加入到樣式庫中。

PS電子商務在線購物網站美工教程

PS電子商務在線購物網站美工教程

PS電子商務在線購物網站美工教程

8、現在你可以點擊” New Style ”按鈕,應用到下一個需要做的矩形樣式上,并加入一些文字和圖標。

PS電子商務在線購物網站美工教程

9、接下來創建一個黑色的導航。

PS電子商務在線購物網站美工教程

10、對導航欄使用下面的圖層樣式。并保存這個style。

PS電子商務在線購物網站美工教程

11、在導航欄中創建另一個形狀,然后將它柵格化。我選擇用橡皮擦工具,刪除上部的形狀,然后將添加黃色。

PS電子商務在線購物網站美工教程

12、有時候,做頁面切片時,你需要一些焦點狀態,表示當前鼠標操作時間。
這就是接下來要做的,使用矩形工具創建按鈕,繼續使用黃色的圖層樣式。

PS電子商務在線購物網站美工教程

13、向導航內添加一些文本。如下圖所示。

PS電子商務在線購物網站美工教程

14、制作banner,隨著Apple網站UI設計的成功范例,越來越多的網站采用趕緊大版面的banner圖片吸引大家的注意力。
所以,在導航欄中我將添加一個MacBook Pro筆記本電腦圖片。

PS電子商務在線購物網站美工教程

15、然后在banner圖片內添加一些圓角矩形工具按鈕。

PS電子商務在線購物網站美工教程

16、在banner下方,創建一個白色區域,用于添加一些產品。

PS電子商務在線購物網站美工教程

17、在這個區域內展示出你要展銷的產品圖片,我隨機排列了一些圖片做例子。

PS電子商務在線購物網站美工教程

18、在每個產品之間用直線工具畫一些線條做分割,這些線條用淺灰色即可。

PS電子商務在線購物網站美工教程

19、接下來開始制作左側豎排導航。用圓角矩形工具制作黃色Title,黃色title之下制作一些灰色的形狀。如果你仔細看一下我的PSD文件,你會看到這些灰色形狀實際上

是黑暗的形狀,

但他們有一個非常低的透明度:大約20%。你可以在層調色板中改變透明度值。

PS電子商務在線購物網站美工教程

20、使用圓角矩形工具,創建一些按鈕,在按鈕內添加一些文本。

PS電子商務在線購物網站美工教程

21、創建一個簡單的頁腳。

PS電子商務在線購物網站美工教程

22、最后一步,創建一個Logo樣式,如下圖所示,通常情況下,網站的logo下面會有對應的Tagline,看個人需求而定。

PS電子商務在線購物網站美工教程

23、這是最后的結果。我希望你會喜歡這個電子商務網站的布局。
您可以使用本教程來創建自己的店鋪,為不同類型的CMS像Presta Shop, osCommerce, creLoaded, Magento, etc等等。

PS電子商務在線購物網站美工教程

標簽網頁,設計教程,購物網站,在線,設計,電子商務,PS
查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

盖楼回复X

(您的评论需要经过审核才能显示)

主站蜘蛛池模板: 亚洲精品高清在线观看 | 亚洲午夜综合网 | 经典三级久久久久 | 一级特级aaa毛片 | 97视频免费上传播放 | 免看一级a一片成人123 | 99ri在线精品视频在线播放 | 国产成人综合精品 | 日韩一级精品久久久久 | 美女被免费网站视频软件 | 亚洲国产欧美视频 | 国产成人在线影院 | 日本高清视频www夜色资源 | 国产伦精品一区二区三区四区 | 欧美日韩精品在线播放 | 国产精品福利视频萌白酱 | 国产手机在线小视频免费观看 | 69xxxx欧美老师 | 欧美日本一区二区 | 碰碰碰精品视频在线观看 | 国产日韩欧美精品一区 | 免费乱码中文字幕网站 | 国产三级在线观看播放 | 美女黄色免费在线观看 | 九九精品免视看国产成人 | 玖玖玖精品视频免费播放 | 国产精品久久毛片蜜月 | 一级做a爰片久久毛片唾 | 特级一级毛片免费看 | 国产成人综合怡春院精品 | 国内视频自拍 | 国产初高中生粉嫩无套第一次 | 国产精品高清视亚洲精品 | 欧美一级性视频 | s8国产成人精品视频 | 欧美一级特黄aa大片在线观看免费 | 99毛片| 久久日本精品一区二区免费 | 老王午夜69精品影院 | 国产精品va一级二级三级 | 色伊人国产高清在线 |