簡單的技法就可以解決工作需求! 上榜經歷2020年9月21日 179期站酷文章總榜第3名2020年9月14日 178期站酷文章總榜第9名

簡單的技法就可以解決工作需求! 上榜經歷2020年9月21日 179期站酷文章總榜第3名2020年9月14日 178期站酷文章總榜第9名

簡單的技法就可以解決工作需求!,教程,菜心輕量文,原創文章站酷網,中國設計師互動平台。

很多人會過於追求新的技能、軟件等等,但我認為,把自己現有的技術利用好,並解決一些實際問題,等真的吃透現有技術後,再去拓展,才是比較穩妥的成長路徑。

今天就來分享一下前一陣子做的騰訊動漫app引導小動畫的製作,過程中就是利用自己現有的一些技能,用動畫敘述了一件很簡單的事情。

大概的過程如下:

1.項目背景

2.我失敗了

3.我有什麼

4.故事設定

5.靜態圖片

6.製作動畫

7.加點音樂

8.一個提醒

9.最後總結

1.項目背景

騰訊動漫把之前的社區改名圈子,圈子這個概念就不多說,很多產品都在做,就是相同愛好者互相交流。

圈子的圖標之前有講過,效果如下:

此次本來想做一個和平時一樣的靜態引導頁,告訴用戶圈子這個概念,就像以前的這種:

但是靜態的做了很多次了,而且產品也想稍微做的更吸引眼球一點,所以就產生了做動畫的想法。

2.我失敗了

實話實說,動效是做過一些,但是動畫,真的沒做過,心裡還是挺沒底的,於是周末和晚上開始去補習骨骼綁定、動態貼圖等等,但是周六學了一天發現,沒有任何進展,很多東西還是做不出來,即使做出來了,效果也非常不理想。

於是我就反思,使勁兒的反思:

其實道理很簡單,每一個行業都需要長時間的積累,無數次的試錯、細節的堆積,才能出現好的作品,像我這種沒什麼基礎,臨時就想做一個吊炸天的動畫,怎麼可能!

所以,我覺得,還是多想想自己現在有什麼,是否可以利用現有的技術來解決問題。


3.我有什麼

仔細一想,我有什麼?

第一個:普通的3d靜態圖,可以做。

第二個:ae軟件基礎

第三個:基礎的動效知識,位移、縮放這些簡單的知識。

雖然懂的東西不多,但想想辦法,應該是可以解決現有問題的,於是我決定避開復雜動畫,利用現有知識去做一個簡單動畫,以此來完成需求。

4.故事設定

產品側的訴求很簡單,想要的感覺就是,開始一個人很孤獨,後來發現了騰訊動漫圈子,進入到這個世界裡,然後不孤獨了,變得熱鬧、愉悅了。

那其實三個鏡頭就可以解決問題。

第一個畫面:黑子(品牌形象)一個人孤獨的走在大街上,還可以下點小雨

第二個畫面:黑子發現了一扇大門,門外面有很多話題,於是黑子走向了大門

第三個畫面:黑子進入新的世界,裡面變得明亮多彩,還有其他很多小伙伴。

靈魂草稿,如果看不懂,忽略即可:

5.靜態圖片

簡答的故事線有了,剩下的就是基於故事,做三個靜態畫面,大概效果如下:

鏡頭1:孤獨

鏡頭2:發現

鏡頭3:愉悅

當然,這已經是最後的效果了,中間修改過很多次,不停的打磨,才有了這個效果。


6.製作動畫

如果我想著做一個牛B的動畫,那注定會失敗,因為太多細節和技法我都不會,但是如果我把它想成“三張動態的圖片” ,那問題就簡單多了。

這時候只要利用簡單的動效知識,比如鏡頭位移、物體上下移動,光暈變化,物體旋轉、粒子發射器掉落一點雨滴,就可以滿足這個需求。這是一個非常奏效的設計策略

大家可以看下三個鏡頭的動效:

7.加點音樂

用c4d把每個鏡頭的png序列導出來,然後放在ae裡,在加上點背景樂,本來是自己做的背景音樂,但是怕音效素材有版權問題,就另找人做了。

最後的小動畫效果可點擊底部原文連接查看。


8.一個提醒

素材庫真的很重要,可以在我們比較緊急的時候,讓我們提高效率。

比如這次的星球元素,就是直接在練習作品中調取的:

再比如黑子的眼鏡,也是之前v會員做的:

9.最後總結


這算是一次很大的挑戰,中間有想過放棄,甚至懷疑過自己適不適合做設計,不過好在自己堅持下來了。

過於追求離自己較遠的事物,可能會使人變得迷茫,其實真的不用總想著自己沒有啥,多想想自己有啥,然後用好它,這就是你的與眾不同!

去做獨一無二的自己吧!

長點心,比啥都強!
點個贊,更強!

<!--

- 位站酷推荐设计师推荐 -

-->

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。