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

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

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps設計時尚風格數碼科技電子商務網站模

ps設計時尚風格數碼科技電子商務網站模

時間:2024-02-26 06:45作者:下載吧人氣:32

先看看效果圖

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設計時尚風格數碼科技電子商務網站模

標簽電子,商務網站,模板,數碼科技,風格,設計,時尚,Photo

相關下載

查看所有評論+

網友評論

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

公眾號

主站蜘蛛池模板: 美女视频黄的免费视频网页 | 日韩欧美在线视频 | 看一级特黄a大一片 | 成人免费在线播放 | 草草影院第一页yycccom | 92av在线 | 亚洲影视一区二区 | 午夜mm131美女做爰视频 | 国产精品久久久久久网站 | 成人免费网站视频 | 国产精品手机在线亚洲 | 性盈盈影院影院 | 国产一级毛片网站 | 欧美成人精品欧美一级乱黄 | 久久88香港三级台湾三级中文 | 99久久国产免费 - 99久久国产免费 | 国产午夜三级 | 国产免费一区二区三区 | 一级一片免费播放 | 韩国毛片 免费 | 国产亚洲精品美女一区二区 | 久久国产一区二区三区 | 国产一级毛片夜一级毛片 | 亚久久伊人精品青青草原2020 | 欧美日韩精品一区二区 | 国产精品自拍亚洲 | 99久久综合国产精品免费 | 视频一区二区三区在线 | 久久99热精品免费观看k影院 | 久久在线观看免费视频 | 国产成人精品一区二区免费视频 | 色九九| 免费视频观看在线www日本 | 久草在线视频新时代视频 | 欧美一级一一特黄 | www.99精品| 欧美精品成人 | 中文字幕在线观看91 | 日韩精品a在线视频 | 一级毛片免费不卡夜夜欢 | 福利社在线视频 |