當前位置:首頁 >教程首頁 > CINEMA 4D >2D&3D混合動畫:靈感寶盒製作過程

2D&3D混合動畫:靈感寶盒製作過程

發布時間:2019-09-05 17:45:11

一群因為腦洞特別大熱愛而走到一起的設計師,一隻高度默契的團隊,好玩的人聚在一起做好玩的事,讓每個項目都變成一次新的嚐試。

本次,PXO商業設計部門的三位藝術家來到了Adobe Live,開啟了一場二維與三維動畫結合的神奇之旅,一起來看下2D&3D混合動畫:靈感寶盒製作過程吧!

一、構思設定奠基礎

在2D與3D混合動畫的製作過程中,前期的構思設定尤為重要,這也是動畫設計的靈魂所在。而作為導演的林哲,必然也要肩負起前期方向與靈感內容的把控。

本期,他在PS中為我們繪製了開啟靈感寶盒的主人公人物形象:

1、打開Photoshop,繪製人物草圖,確定人物形象

1-1.gif

2、描邊工具對人物造型進行調整,使用鉛筆工具或者路徑工具完成描線。

1-2-1.gif

1-2-2.gif

3、同時繪製角色的3個視角圖,確定每個視角中角色的比例大小,並添加背景、顏色效果。

1-3.webp.jpg

4、確定短片的內容,完成故事板的繪製。

1-4.webp.jpg

二、2D動畫通上下

作為承上啟下的存在,2D動畫一方麵能夠將角色及故事以動態的形式展現出來;另一方麵,又能為3D動畫的製作提供時長、關鍵幀等重要的參數信息。

接下來,二維動畫師將會根據林哲所提供的內容,在Animate上一幀一幀地完成二維動畫的製作過程。

1、將前期的設定圖導入Animate中,參照寶盒大小描繪草圖,確定人物大概的運動軌跡。

2-1.jpg

2、逐幀繪畫草圖,通過草版動畫確定時長及運動節奏。

2-2.gif

3、將設定圖放在畫板旁邊,線層圖置於底部,經過反複的觀察和調整對角色進行修形。

2-3.gif

4、使用鉛筆工具或者鋼筆工具,不斷調節後,完成清線這項看似簡單實則費神的“體力活”。

2-4.gif

5、得益於油漆桶便利的取色功能,設計師可以快速完成最終的上色工作。

2-5.gif

三、3D動畫添效果

二維動畫設計師工作的同時,三維設計師必然也已經同步起來。經過3D設計師的妙手,寶盒才得以旋轉,呈現出三維立體的效果,好比錦上添花,帶來更加精彩絕倫的視覺享受。

1、首先,根據設定圖判斷具體造型後,在C4D中選擇膠囊對象進行建模,並且不斷調整參數,再選擇克隆或者其他方式拚接出一個完整的模型。

3-1.gif

為了呈現出寶盒打開的效果,3D設計師需要再建造出兩個半星星模型。

2、在新建對象中選擇角錐,同樣經過參數調整後,將角錐左右轉動60度再對稱,選擇連接及焊接,即可得到大概的模型輪廓。

3-2.gif

3、為了得到最符合設定效果的星星,3D設計師單獨調整一個角的形狀以及弧線,通過前一步的相同方式,將其連接,得到最終版的模型。

3-3.gif

4、將二維動畫部分導入AE中,記錄關鍵時間點。回到C4D中確定關鍵幀,即星星轉動角度以及打開的時間。

3-4.webp.jpg

5、調整貝塞爾曲線,調節寶盒轉動速度。

3-5.gif

3-5-2.gif

6、確定不同區域顏色,添加素描樣式後調整材質球,達到線框效果。

3-6.gif

7、在渲染設置中選擇合適的分辨率、幀範圍及Alpha通道,將寶盒渲染導出。

3-7.gif

8、添加Adobe的logo和寶盒周圍的元素,調整其材質的相關參數,最後讓其旋轉,並同樣對其進行渲染。

3-8.gif

當二維及三維都準備就緒後,便可將兩組動畫輸出的渲染一同導入AE中,進行最終的合成和渲染。就是這樣,此次帶有Adobe專屬Logo的靈感寶盒便製作完成啦~~

4.gif

來源:PIXOMONDO

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定