淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程

來源:www.theoat.com.cn 作者:米你教育 學(xué)習(xí):11798人次

今天我們來為一款電磁爐做一張?jiān)斍閳D,這個(gè)屬于淘寶詳情頁中的一部分,大家可以嘗試去做一個(gè)完整的詳情頁

先來看看效果:

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

詳細(xì)圖文教程:

步驟一

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

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

步驟二

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

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

步驟三

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

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

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

步驟四

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

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

步驟五

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

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

步驟六

在相應(yīng)的配圖下方輸入文字,讓功能性更加突出,更易識(shí)別。

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

步驟七

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

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計(jì)教程_www.theoat.com.cn

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

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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