圖文教程:使用C4D製作富有個性的立體場景二維碼

隨著互聯網的飛速發展,我們的生活越來越離不開二維碼,團隊、企業、自媒體等內容創造者也更依賴二維碼作為吸引流量的重要途徑。今天通過這個簡單的圖文教程,我們來使用C4D製作一枚富有個性、生動立體的三維場景二維碼,讓你的二維碼與眾不同,吸引更多的人在你的微信朋友圈和公眾號中長按識別,當然你也可以用在你想得到的任何地方。

校長一句話教泡妞公開課:譬如寫一首情詩轉成二維碼,放在一個浪漫的場景中送給女神呢表白呢。

如需要本教程C4D源文件,請關注我們微信公眾號:IHDT_ATC,回復3dewm即可獲得下載地址。

最終效果:

===== 圖文教程開始 =====

1,首先打開你的二維碼(尺寸盡量大),數一下有多少格子。這裡以IHDT映速的微信公眾號二維碼為例,長寬都為31格,這裡注意要把最外面的白框也要算進去。

2,新建一個邊長為10的立方體,按C轉為可編輯的多邊形對象,給頂部一個深色的材質,周圍給一個白色的自發光材質。

3,建立MoGraph克隆對象,選擇矩陣陣列模式,按照圖示的參數製作無縫的立方體陣列。

4,新建一個材質在顏色通道中載入二維碼圖片,因為要通過圖片控制立方體陣列的狀態,白色是起作用黑色是不起作用,這裡可以如圖使用濾鏡做黑白反向,或者你在PS里直接黑白反向二維碼圖片也行。

5,給克隆對象一個Shader效果器,把上一步建立的材質給到效果器,如圖設置讓Shader效果器通過材質控制立方體陣列的高度尺寸,這時你的二維碼就變成立體的啦。

6,這裡注意,將材質標籤的投射模式改為Flat,然後要同時進入紋理編輯模式和軸心編輯模式,將這個紋理正好匹配到立方體陣列的大小。

7,當然如果你要做動畫,也可以按需加入各種效果器去影響動畫狀態。

8,新建一個平面對象,放置在合適的高度遮住底部的方塊,只讓二維碼格子中的立方體露出來,這樣就能得到正確的顯示方式。

9,Shift+F8打開內容瀏覽器,如圖找到C4D自帶的建築模型,按照你的想法和設計擺放場景吧,當然你也可以自己建模啦。

10,我擺放好的場景如圖,我是按街區擺放規划出了街道,另外要注意高的建築不要放在前景擋住二維碼的立方體陣列,要完全露在畫面中。

11,建立數個不同顏色的材質,給到場景,我的設置如圖。

12,建立攝像機,調整畫面的長寬比和構圖,這裡我使用1:1的正方形畫面。這裡要尤其注意,攝像機的鏡頭焦段要用非常大的,讓近大遠小的透視效果非常弱,如果透視過大,在攝像頭掃描和微信長按時是沒法識別的。

13,如圖,這是錯誤的透視效果。

14,另外也要注意不要這樣過低放置攝像機,要盡量讓二維碼的頂部更多呈現在畫面中。

15,構圖設置好後開始調燈光,新建一個點光源,如圖設置作為環境光,注意不要開陰影。

16,再建立一個燈光設為無限光類型,按圖設置模擬日光提供主陰影。

17,渲染結果如下,明暗關係合理但是不夠立體。

18,打開渲染設置,在後期效果里載入一個AO效果,如圖設置加深柔和的陰影效果,注意把默認的黑色調到深灰色,目的是避免二維碼部分的陰影顏色太深,會導致二維碼的對比度不夠無法識別。另外在這裡我給地面畫了街道的貼圖,你們可以根據自己的能力自己做。

19,渲染出圖,到PS里根據自己的喜好處理一下色調,這裡要重點調整二維碼部分的明暗對比度,這裡我提亮了陰影並加深了頂部的顏色,你們在調的時候可能要用手機不斷嘗試多次,記得在不丟失立體感的前提下盡量拉大二維碼頂部和周圍的亮度差,如圖左右是我的調整前後比對。

好啦這個簡單的教程就到這裡,非常簡單吧!希望將來能在微信上看到你們與眾不同的二維碼。

推薦閱讀:

窮得只剩CG:光環漸失的暴雪
博士做食品的相片級渲染有前途嗎?
在ART+的老師教學水平如何?

TAG:MaxonCinema4D | CG | 二维码 |