詳情頁這么設(shè)計,老板再也沒有理由讓我加班了!【杰視幫】
今天,給大家上一個立學(xué)可用的詳情頁快速出圖教程。

電商發(fā)展到現(xiàn)在,基本已經(jīng)是月月有大促,周周有活動,想方設(shè)法刺激消費者下單外,也變相對電商設(shè)計師的設(shè)計效率有了更高的要求。
?
那么,如何根據(jù)甲方提供的素材,配合主題,快速出稿呢?
?
今天的教程,這不就來了。
來看看需求清單:
設(shè)計產(chǎn)品:極米投影儀?
設(shè)計風(fēng)格:簡約、大氣、主體明確?
設(shè)計周期:30分鐘
?
既要展現(xiàn)出產(chǎn)品的科技感,又要簡約大氣,還只有30分鐘的時間,這可怎么搞?
?
不慌,我們先在網(wǎng)上找一個一點透視的臺子素材。

可以發(fā)現(xiàn),這個背景素材太花哨,不能直接采用。
?
所以,我們只保留臺子,上下兩部分的色彩重新填充,保證色彩的一致。

把投影儀拉進來,轉(zhuǎn)化成智能對象,方便大小及位置的調(diào)整。
?
然后,先在大腦中預(yù)設(shè)投影儀和投射出的節(jié)目單的大概位置。

做到心中有數(shù)后,導(dǎo)入節(jié)目單界面。
?
同樣轉(zhuǎn)換為智能對象,開始調(diào)整透視。

對于透視不好的同學(xué),沒關(guān)系,我們可以借助黑科技。
?
選擇【多邊形工具--邊99--星形--縮進邊依據(jù)99%】。

在畫面中任意定一個點,就可以拉出多條輔助線。

復(fù)制線條中的一部分,旋轉(zhuǎn),疊加,讓輔助線變得更加密集。

這樣,能夠讓我們更好的控制節(jié)目界面的大小、角度與位置,保證畫面的統(tǒng)一。

輔助線做好后,就可以開始第一個界面的制作。
?
根據(jù)輔助線的走向,調(diào)節(jié)圖片大小。降低不透明度,做出透光感。

剩下的界面也貼合輔助線的線條,依次放入。
?
注意分清主次,主體突出,非主體適當(dāng)削弱,形成大小不同,高低錯落的層次感。

現(xiàn)在大概的效果已經(jīng)出來了,就可以開始制作定光分面了。
?
假設(shè)光從左上角照射。

利用矩形工具,拉出一個色塊,大范圍圈出光的照射區(qū)域。

色塊顏色不要用白色,比背景顏色亮一些就行。
?
拉一些漸變,羽化模糊邊緣。利用畫筆,對色塊邊緣再次調(diào)整,讓光影有一個遠近的縮放。

利用曲線壓暗頂面,展現(xiàn)產(chǎn)品質(zhì)感。

背景大致調(diào)好后,同樣利用曲線調(diào)整投影儀的明暗和對比度,讓投影儀和整體背景更加協(xié)調(diào)。
?
調(diào)整時,注意避開投影儀鏡頭的位置,保持鏡頭處的透亮。

然后直接【復(fù)制圖層--柵格化--填充黑色】,給投影儀順便做一個陰影。
?
加一點點高斯模糊,讓影子更加柔和。

下面開始光效的制作。
?
選擇一個合適的光效素材,拖動到畫面中。

把之前做好的圖層分組,直接將模式改為濾色,調(diào)整光效的大小和角度。

利用色階減弱光效中的灰光,讓畫面的黑白看起來更通透。

根據(jù)投影儀投出的光效,為節(jié)目單界面增加細節(jié)。
?
直接新建圖層,打開鋼筆工具,做出光束的大致路線。

將圈中的區(qū)域添入色塊,改為線性減淡或顏色減淡,降低不透明度,這里用的是20%。

選擇與光源匹配的藍色,羽化模糊邊緣。
?
通過圖層的復(fù)制、變形、畫筆擦拭,讓畫面出現(xiàn)一些光照效果。

同時,考慮光束對節(jié)目單的影響。將靠近光源的一側(cè)調(diào)亮,背光的一側(cè)調(diào)暗。

也可以直接復(fù)制圖層,通過高斯模糊模擬光暈。

根據(jù)上面的邏輯,我們再給主界面的上下加上光效,為海報增加細節(jié)。

再根據(jù)透視原理,做出主界面和投影儀的倒影,體現(xiàn)大理石臺面的質(zhì)感。

最后,進入cameraw濾鏡,根據(jù)需求,進行微調(diào),加入文案。

這樣,一張電商詳情頁海報就做好了。


一些簡單的素材,配合光影的變化,加上光效的疊加就可以展示投影儀科技感強,畫質(zhì)優(yōu)秀,節(jié)目豐富的賣點。

不過,希望大家在跟著教程做圖時,千萬不要死記硬背,別機械化地去復(fù)制我們教程中的步驟。
?
感受每一步背后邏輯、
思考為什么要這么做?
這么做,有什么效果?
?
雖然在快節(jié)奏的工作壓力下,我們更傾向于有現(xiàn)成的公式讓我們套版;
?
但是,像之前所說的一樣,如果大家希望在這條賽道上走得更遠,成為別人口中的大神,那還是需要沉淀下來,找到破局之道,尋找自己設(shè)計的稀缺性。

技術(shù)在不斷更新,軟件不斷在升級,想學(xué)習(xí)所有軟件,掌握所有插件,即使一天埋頭25個小時也是做不到的。
?
化繁為簡,知其然也要知其所以然。
?
只有這樣,才能讓你在這個卷中卷的時代,不被熬死,也不被淘汰,保住頭發(fā),好好生存。
