當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>淘寶美工>教程內(nèi)容

淘寶美工,電磁爐主題淘寶詳情頁設計教程

來源:tgudhdp.cn 作者:米你教育 學習:11798人次

今天我們來為一款電磁爐做一張詳情圖,這個屬于淘寶詳情頁中的一部分,大家可以嘗試去做一個完整的詳情頁

先來看看效果:

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

詳細圖文教程:

步驟一

首先創(chuàng)建一個750*1000像素分辨率72的文檔

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

步驟二

因為產(chǎn)品的配色主要是黑色和藍青色,看起來科技感十足也很高端,配色上我就選擇了產(chǎn)品本身的配色,將背景填充為黑色,調(diào)入產(chǎn)品。

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

步驟三

像這種實用類的電器產(chǎn)品產(chǎn)品詳情圖更多的是對產(chǎn)品的功能介紹,因此我將產(chǎn)品擺放到最下方,上方重點突出其功能性。

因為產(chǎn)品是黑色的,在黑色背景上看起來并不突出,我使用柔角畫筆工具,畫筆顏色就采用產(chǎn)品上的藍青色,在產(chǎn)品下方點擊繪制一個光效,產(chǎn)品是長條形狀,所以光效略微壓扁了些。

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

步驟四

在最上方輸入主標題文案,標題文案較少,我添加了裝飾性英文,這也是常用手法,看起來也很高端有逼格,配上外框的裝飾看起來更加整體。

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

步驟五

中間位置主要表現(xiàn)其功能性,在中間位置輸入副標題,并且跟主標題采用了相同的風格設計,都是添加英文以及外框。然后在外圍配以功能性的配圖。

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

步驟六

在相應的配圖下方輸入文字,讓功能性更加突出,更易識別。

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

步驟七

最后利用多邊形工具為詳情圖添加裝飾完成制作

淘寶美工,電磁爐主題淘寶詳情頁設計教程_tgudhdp.cn

這個是按照淘寶詳情頁750像素寬度來做的,大家可以發(fā)揮下做出完整詳情頁

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
正能量實事求是2018-05-08 02:34
鉛筆畫2018-05-08 10:19
一會交作業(yè)
林冬很贊2018-05-08 04:29
感謝您的分享~~~~~~
傲世天防2018-05-08 02:05
想仔細了解一下
江陰長江大橋2018-05-07 03:11
簽到
淡淡疼的時代2018-05-07 03:08
打卡
樹葉飄落2018-05-07 03:07
大神
落葉已成灰2018-05-07 03:06
勃起

關注大神微博加入>>

網(wǎng)友求助,請回答!