老板讓我一天設(shè)計10張圖怎么辦?30分鐘,搞定詳情頁主圖設(shè)計!【杰視幫】

前排提示,今日教程內(nèi)容過于硬核,請酌情配水服用!

上周末,我們展示了部分優(yōu)秀學(xué)員的P4D練習(xí)作品,不少朋友表示:
“你秀歸你秀,但下班前出不了圖都白忙~”

包括在過往的作品展示中,也會有不少的朋友心存疑問:
不管是華麗甚至略顯花哨的P4D練習(xí)作品,還是宏大而精致的合成作品,看上去是很漂亮,但工作中感覺不實(shí)用??!
有本事,你拿P4D用兩三個小時做張主圖?

簡單,用不著兩三個小時,30分鐘就給你搞定。
來人,把王子老師搬上來救場!


我們以一款洗衣機(jī)為案例,演示一下如何用最短的時間快速出一張KV稿。

在商業(yè)項(xiàng)目中,我們在拿到產(chǎn)品的同時,附帶也會收到甲方的需求與喜好,尤其在遇到專業(yè)的甲方時,還會附上一些他們所希望的調(diào)性圖。

當(dāng)然,如果沒有現(xiàn)成的調(diào)性圖,我們也可以去花瓣站酷等網(wǎng)站找一找同類產(chǎn)品甚至其對標(biāo)競品的參考圖。

在這里,我們選擇一個更高級,這兩年也比較火的風(fēng)格:侘(cha)寂風(fēng)。

拿捏好設(shè)計風(fēng)格,我們將產(chǎn)品放入畫面,開始繪制草圖。

關(guān)于空間搭建的比例和結(jié)構(gòu),在這里,給大家透露一個我們設(shè)計中經(jīng)常使用的比例:白銀比例。

非科班的同學(xué)聽到黃金分割、白銀比例這樣的詞是不是就感到頭大?認(rèn)為其不過是教科書上的理論知識。
黃金比例0.618,白銀比例1:1.414,這百度一查都知道,在實(shí)際應(yīng)用中并沒有太大作用。
像黃金分割、白銀比例這樣經(jīng)典的美學(xué)比例是經(jīng)過了多年的沉淀與考驗(yàn),是得到了古今中外的美學(xué)與藝術(shù)圈的普遍認(rèn)同。

我們今天的案例就將白銀比例作為比例尺,去設(shè)計背景墻在畫面中的占比。
按比例繪制兩個矩形,保證其長度比是1:1.414。

等比放大到畫面寬度后,我們就可以根據(jù)這個比例繪制墻體位置。

先不說這樣精密的構(gòu)圖是不是真的有明顯變好看,至少這樣構(gòu)圖解釋給老板,老板會覺得很高級。

草圖繪制完成后,開始搭臺子。
兩個簡單的矩形,這臺子,好搭吧?
鋼筆工具或者矩形工具任君挑選,以結(jié)果為導(dǎo)向,搭出來就算成功。

我們觀察侘寂風(fēng),他的場景材質(zhì)多是一些簡單的混凝土素材,我們模仿這種風(fēng)格,去花瓣找一些混凝土材質(zhì),運(yùn)用剪切蒙版進(jìn)行貼圖。
見慣了各種復(fù)雜貼圖的各位,給一個矩形貼圖肯定不成問題了~

唯一需要注意的是在貼頂部素材時,一定借助操縱變形匹配場景的透視。

你看,五分鐘,完成了臺子搭建。

當(dāng)然了,雖然追求急速出稿,在細(xì)節(jié)設(shè)計上,我們依然要足夠細(xì)。
混凝土效果的墻面不會是干凈到一成不變的,真實(shí)的墻面多少會有一些裂縫和凹點(diǎn)。
因此,我們可以找一些有變化的紋理,在原有的基礎(chǔ)上,多次疊加。

要體現(xiàn)出層次感的紋理,圖層模式記得選擇疊加。

疊完之后整體偏亮?一根曲線將它的亮度整體壓下去。

下方也是做同樣的材質(zhì)疊加。

材質(zhì)貼圖搞定了,進(jìn)入下一步處理:光影。
光影的制作我們之前也分享過,我們以快速出圖為導(dǎo)向,可以新建一條曲線整體壓暗。

借助反向蒙版,根據(jù)我們擬定的光源做出產(chǎn)品形成的陰影。

影子的邊緣借助濾鏡模糊和模糊工具進(jìn)行模糊,防止過于鋒利。

只要是有接觸的兩個元素之間,就一定要去制作它的閉塞陰影。


底部臺子的影子處理好以后,有朋友會擔(dān)心背景單一的水泥墻是否會過于單調(diào)。
怎么解決這種單調(diào)的現(xiàn)象?
我們通過參考的收集不難發(fā)現(xiàn),很多3C數(shù)碼產(chǎn)品的詳情頁為了營造出簡約而不簡單的視覺效果,會在背景用投影的形式增加元素。

我們也可以用這樣的方法豐富我們墻面的紋理。
如果找不到滿意的影子圖案,我們也可以直接找到合適的素材,用去色、正片疊底和模糊的方式處理。

你看,墻面的設(shè)計就不顯單調(diào)了。

大體的設(shè)計完成后,記得臺面轉(zhuǎn)折面的棱角處理,記住訣竅:一像素高光,一像素陰影,高斯模糊,完成。

那么問題來了,前景怎么處理呢?

既然是30分鐘快速出圖,我們大可不必搞些復(fù)制的元素設(shè)計,來一個又快又顯逼格的插件水面倒影制作大法。

需要插件的童鞋可以私信聯(lián)系我們領(lǐng)取~
一鍵搞定,效果又快又好~

在背景上,我們也遵循從簡的模式,用一個純色的背景,配合打光做好明暗的漸變。

追求細(xì)節(jié)的同學(xué)也可以略微加一點(diǎn)遠(yuǎn)山之類的素材,但記得要將素材去色,匹配場景的中性格調(diào)。

根據(jù)個人喜好,我們也可以用色彩平衡給場景做一個整體的偏色處理,但要控制飽和度,不要讓色彩過于鮮艷。

接下來,網(wǎng)上找一些最尋常的綠葉作為我們的前景裝飾。

將綠葉高斯模糊處理,防止前景搶鏡。

全部處理好后,老規(guī)矩,蓋印一層,到camera raw里做一個整體的渲染處理。

最后,加上文案,30分鐘急速出圖,完稿~

分享這個小教程,希望傳遞給大家的是,P4D并不只是為了炫技做一些復(fù)雜的場景,是一門真正在實(shí)戰(zhàn)中幫助設(shè)計師快速完稿的技術(shù)。
我們平時展示的學(xué)員練習(xí)作品之所以多是復(fù)雜的元素,是因?yàn)槲覀冊诮虒W(xué)中是鼓勵學(xué)員多做加法,去自由地發(fā)揮自己的創(chuàng)意,在這種練習(xí)中把日后工作中可能涉及到的每一種技法都練習(xí)完善。

這樣,到了實(shí)際工作中,面對不那么復(fù)雜的頁面,做減法就相對顯得更容易上手了。

希望這些設(shè)計的思路與技巧能幫助大家快速出圖,告別熬夜加班的苦難。

喜歡的童鞋點(diǎn)個贊吧~
有什么疑問歡迎下方評論探討~
關(guān)注我們,第一時間獲取最新資訊~