上周杰克老師用實際案例給大家演示了光效對海報質感的重要性。
而在倒影這一塊,很多朋友還是一頭霧水,要麼簡單的複製翻轉向下拖,要麼照著抖音裡的操縱變形生搬硬套,但效果往往不像視頻裡盡善盡美,被甲方調侃不專業。為了給大家白嫖到高質量的倒影教程,這周秋水自掏腰包,大擺鴻門宴:
重賞之下必有勇夫,吳老師主動請纓,用實際案例給大家演示倒影到底應該如何繪製。
滿腦子騷知識的吳老師,上主菜前,前戲肯定要做足,我們先要搞清楚:
為什麼你長得這麼好看,但做出來的海報怎麼就這麼醜?
除了創意偏差,質感不夠是很多電商海報的共同痛點。創意不夠可以靠找參考,但質感不夠怎麼辦?除了學會光效的繪製,你還得學會影子的表達。影子不僅在突顯產品質感和增加畫面細節上能起到很大作用;
在合成融圖時,也能讓兩個毫無相關的素材顯得更加融洽。
這個夠簡單吧,結構規則,倒影範圍小,接觸面不是玻璃這樣的介質。只要你不是這麼做的:
那基本上都能做得八九不離十,操縱變形、局部翻轉、透視扭曲各種方法都可以很輕鬆做出這類規則幾何的透視效果。唯一需要注意的就是美感問題,很多地方會說影子要用正片疊底,要用柔光或者要用疊加模式,並將其奉為聖經,遇到倒影就直接套公式使用。
其實我們做倒影的時候是沒有固定模式的,也不一定要和真實的一模一樣。
因為真實的不代表好看的。C4D渲出來的夠真實吧?但它有時候渲出來的還就是沒有PS藝術加工過的好看。
所以呢,我們要考慮的是,在儘可能真實的前提下,怎麼去把倒影做好看。
通過分析場景光源,產品調性等因素,結合所有問題想出一個綜合的解決方法才是我們作為視覺設計師的職責。比如這張圖裡,產品是白色的。白色的物品在大理石這樣的材質上,它會發亮。所以說我們在圖層模式選擇上會選擇一個發亮的模式,比如濾色模式。然後根據接觸材質,適當做一個模糊效果,再略微調整不透明度即可。
成角透視下,單純複製翻轉已經很難做出倒影效果了,所以在這裡,向大家介紹第一個方法:
手搓大法!
我們先從牆面的倒影開始,我們先用鋼筆工具勾出牆體倒影外形,由於倒影是1比1還原鏡面上面的物體,所以要注意倒影長度應和物體高度保持一致。
另外,倒影不是純色填充,是一個由淺到深的狀態,在相交面上是存在一定的閉塞陰影,所以適當調節畫筆參數:
接下來,用鋼筆工具將側面的陰影輪廓勾出來,用同樣的方法做出它的倒影, 但要注意面與面的區分。
這時候會產生一個問題,桌板倒影和牆面倒影會產生重合,顯得特別髒
根據上方搭建邏輯,木板倒影是會遮擋住牆面倒影的,所以我們將牆面這部分倒影剪掉
這些倒影的繪製邏輯get後,我們來挑戰一下不規則圖形的倒影繪製。
像這種真實產品,用手搓倒影可以嗎?當然可以,但對於手法生疏的朋友可能有些苛刻了,所以給大家介紹倒影製作的第二種方法:
局部拼接法。
面對這樣有弧度和紋路的物品,直接複製翻轉是不現實了,我們只能耐心地一層一層來做。
首先,對於底部突出的稜角,我們先複製一層,向下移幾個像素,還原倒影的稜角,再用蒙版擦掉不需要的部分。
接下來呢,再複製一層,將原先的紋路刪除,垂直翻轉,大概對好整體位置。
但是,由於上一步刪掉了原有紋路,導致倒影丟失了細節。
所以我們再複製一層,只取紋路部分,向下平移到適當的位置。
再用蒙版擦除不必要的部分
在這裡,有同學好奇,為什麼鏡面倒影的紋路和實際物品的紋路是相同弧度的。難道不該是這樣的?
這位同學物理學得不錯,平面鏡成像中像到平面鏡的距離等於物到平面鏡的距離。但要注意的是,這裡是一個三維的立體面,不再是二維的平面。比如最低點到地面的距離是18釐米,那麼鏡像點地面的距離也是18釐米。
那麼為什麼兩邊都是向上翹呢,你看,因為是處在一個三維面上,地面不是一條直線,所以兩邊到地面的距離其實是這一段:
吳老師的靈魂手繪示意圖你看懂了嗎
好,我們繼續往下做。
再複製一個,適當放大,保證倒影和物體的高度保持一致。
最後複製一層,保留葉子,移到合適位置,配合蒙版適當做出漸變效果即可。
不過,對於這個場景,畢竟平面不是鏡子,不會反射出太多清晰的倒影,尤其在木紋材質的平面上,幾乎反射不出什麼細節,最終效果其實是這樣。
但畢竟是為了教學,所以即使最終效果模糊掉了細節,但我們要理解的是倒影的製作邏輯,以防哪天遇到什麼變態的甲方讓你把產品放到鏡子上。
這時候我們就要引出倒影製作的第三個方法:
面塊拆分法。
這個方法可以很好鍛鍊我們的空間思維,複製一層,垂直翻轉移動到合適的位置。
ctrl+T調出自由變換,按住ctrl用滑鼠左鍵將模擬倒影的邊緣與物體貼齊。
當然,因為木紋材質的反射原因,最終成品依然看不到太多細節,但大多數不規則物品都可以用這種拆分的方法製作倒影。
雖然倒影的細節被模糊掉了,但你會發現,有了倒影后,整個畫面的細節更豐富了。
我們再來看整體,是否感覺這一片光禿禿的面板非常單調?如果加一些瓶瓶罐罐又會產生細節過剩的麻煩,怎麼辦?很簡單,我們加倒影。
用上述方法,將遠景的倒影和玻璃等倒影都進行一個補充和強化,最終效果如下:
是不是很簡單,只要梳理好物體結構,倒影製作就是這麼輕鬆~那麼課後作業來了,這個倒影如何製作?
最後給大家補上前兩天的封面圖
傑視幫招:設計師/C4D設計/設計助理/文案策劃/項目助理
歡迎投簡歷與作品至:sissi@jsboom.com
傑視幫官網:m.jsboom.com 抖音/微博:傑視幫