Adobe創意盛會視覺形象設計的背後

愛生活！愛設計！

2016年11月，

Adobe CREATE NOW創意盛會在上海舉行，

標誌著Adobe Creative Cloud在中國大陸地區的發布。

時至今日，

Adobe CC創意盛會已經走過北京、成都等城市，

在設計圈、創意界掀起一陣浪潮。

這場永不落幕的創意盛會上，

以龍為主題的主視覺形象格外引人注目。

Adobe CREATE NOW上巨龍亮相的20秒動畫

是哪位設計大神，

把這條龍設計得栩栩如生，惟妙惟肖，

還能翱翔天際，口噴火焰？

澳大利亞兩位設計師麥克·托塞托（Mike Tosetto，Never Sit Still）和蒂姆·克拉珀姆（Tim Clapham，Luxx）在Creative Cloud用於中國市場的巨龍圖案的動畫設計中擔任了核心角色。

Q1:設計這條龍有何契機？它是如何被設計出來的？

麥克：當時是Adobe公司聯繫到了我和蒂姆，希望我們能讓用於Creative Cloud中國大陸發布的主視覺動起來。那是一個非常漂亮的中國龍圖案。這條龍的設計師是布萊恩·葉（Brian Yep），一位來自加州的插畫師，Adobe從 Behance設計網站上找到了他。

Brian Yep的圖案原稿

蒂姆：我們的工作是利用那幅龍的圖案製作一個5秒鐘的開場動畫，用於主持人出場之前。我們當即回答「沒問題」，5秒鐘的動畫並不是什麼難事。

Q2:這一圖標是如何被賦予生命的？

麥克：我們對這一任務的認識是一個曲線的過程。布萊恩·葉的這一作品本是用Adobe Illustrator設計的。然而，這一圖案由數千個部分組成，我們必須通過其他軟體，讓這眾多部分作為一個整體動起來。

動畫測試

蒂姆：最初，我們把這條龍切分成了20個相關聯的組件。這樣一來，我們遇到了一個難題：拼接之處十分明顯，龍的輪廓也不理想。我們希望保持這條龍的流暢線條。所以我們重新設計，將其做成了一個長而平滑的整體形象而不是由數個獨立部分拼接起來。

被「肢解」的龍首

蒂姆：挑戰在於，如何讓這條龍全身都動起來，因為它的組成部分數量實在太過於龐大。這時，Adobe Cinema 4D就成為了最好的選擇。

麥克：Cinema 4D可以幫助我們「操控」這條龍，讓動畫中的龍看起來與布萊恩的原稿一般無二。這條龍給人以栩栩如生的感覺。這一步完成後，我們利用 Adobe After Effects對導出的作品進行最終合成、景深調整及最終渲染。

Q3:這一項目有何挑戰？

關於忠於原版

麥克：忠於原設計。沒有商量的餘地，我們的最終作品必須與原設計看起來一般無二。然而，原作品由數千筆觸組成。

原插畫線稿

蒂姆：這條龍的曲線代表著Creative Cloud的兩個首字母「C」。我們使用了Adobe Photoshop來對龍的曲線進行調整、分割以及空缺填補。為了創造出流暢的動作，我們將原圖進行了分解，而非重新繪製。我們不想對布萊恩這幅完美的作品有任何改動。

被拆分的雲

麥克：正因如此，我們甚至把原圖的每一片雲都拆分了出來，並且利用Adobe Cinema 4D讓每一個筆觸都動了起來。

關於時間

蒂姆：時間是一個很大的挑戰。原本僅5秒鐘的動畫被加長到了20秒。Adobe很喜歡這個圖案，希望它能扮演一個更為顯眼、具象的角色，並與CEO的產品宣布時刻形成呼應。

麥克：我們的團隊共有4人，都在加快進度。Adobe非常信任我們，我們必然要按時交出最優質的作品。

Q4：在這一項目中，你有何收穫？

麥克：由於這一項目包含著大量的運動部分，我們必須以一種與以往不同的思路來進行創作。

蒂姆：我們希望總結項目經驗。因此，我們製作了一個流程演示，展示了這一動畫背後的關鍵工作。這一演示很快、很有衝擊力，其他的設計師可以從中尋找靈感，了解創作過程。

動畫製作的流程演示

麥克：這一演示基本上完全是利用 Adobe Creative Cloud的各種工具創作出來的。包括利用Cinema 4D製作圖片，利用Photoshop製作圖像序列，利用Illustrator重新繪製，利用Premier Pro進行編輯，最後，將作品導出到After Effects。

蒂姆：製作這一流程演示是為了專業分享。在這一過程中，我們也多次利用了Behance設計網站。我們的項目現在在Behance上展示，截圖以及我們對創作過程的講解都可以在這一網站上找到。我愛Behance。

每日一設計挑戰

推薦訂閱

iBehance

設計師交流QQ群：

設計書單。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！