Marcus Eckert訪談

他的個(gè)人頁(yè)地址：

http://www.marcuseckert.com

http://dribbble.com/marcuseckert

1. 為何選擇做動(dòng)效設(shè)計(jì)師，而不是其他方向的設(shè)計(jì)？
我不知道我什么時(shí)候打算去做動(dòng)效設(shè)計(jì)師的，我之前在業(yè)余時(shí)間一直參加一些視頻比賽，后來(lái)覺(jué)得如果做一個(gè)動(dòng)效設(shè)計(jì)師，想必會(huì)非常有趣。我不擅長(zhǎng)插畫，靜態(tài)視覺(jué)很爛，但是在動(dòng)效方面，我小有成就。

2. 你的教育經(jīng)歷？你覺(jué)得離開學(xué)校后的學(xué)習(xí)，是自學(xué)來(lái)的快，還是在工作中學(xué)習(xí)來(lái)得快？
我從來(lái)沒(méi)有為了學(xué)習(xí)動(dòng)效設(shè)計(jì)而報(bào)過(guò)任何班。而我大學(xué)學(xué)的是社會(huì)學(xué)和心理學(xué)，動(dòng)效只是我的愛好。

3. 你的第一份設(shè)計(jì)工作是怎么獲得得？
我經(jīng)常參加動(dòng)效比賽，贏了幾個(gè)之后，有家公司問(wèn)我是否愿意給他們做幾個(gè)視頻。.

4. 你的日常工作生活是怎樣的？能詳細(xì)描述一下嗎？

一般起來(lái)的比較早，6點(diǎn)左右，然后吃飯看新聞、博客和郵箱。然后開始工作到中午，休息一個(gè)小時(shí)，繼續(xù)工作到6-8點(diǎn)，然后去散步、游泳或者干點(diǎn)別的。但有時(shí)候項(xiàng)目期限到了或者靈感來(lái)了，就奮不顧身了（我在家工作）

5. 未來(lái)有什么目標(biāo)？
掌握、了解更多的知識(shí)，做更多的角色Rigging動(dòng)畫，也想嘗試用用Nuke，去做點(diǎn)比賽動(dòng)畫、實(shí)驗(yàn)、3D效果什么的。同時(shí)編碼能力還需進(jìn)一步提高，希望能夠整合到我的工作流程中。

6. 你最喜歡做什么類型的動(dòng)效。
沒(méi)有特別喜歡的類型，只要有挑戰(zhàn)、有趣，我就會(huì)去做。

7. 你認(rèn)為工作中最困難的部分是什么（如果能回到過(guò)去，你希望在學(xué)校里學(xué)什么？）
和客戶打角度，我才是我個(gè)人原因吧。很多情況下“他們想要的”和“我認(rèn)為他們想要的”不一樣。

8. 靈感一般從何而來(lái)？

我一般會(huì)被網(wǎng)上發(fā)現(xiàn)的靈感設(shè)計(jì)所吸引。我會(huì)把他們保存到文件夾中，然后研究這些東西是怎么做的，視覺(jué)風(fēng)格屬于什么。

9. 當(dāng)創(chuàng)意瓶頸時(shí)怎么辦？
我的收藏集是尋找靈感的地方，讓一切從頭再來(lái)！

10. 對(duì)于還在上學(xué)的學(xué)生，你想對(duì)他們說(shuō)什么？
要熱愛設(shè)計(jì)，滿足于設(shè)計(jì)師的職業(yè)。永遠(yuǎn)保持動(dòng)力和激情。如果你發(fā)現(xiàn)你在從事你不喜歡的工作，例如你在從事插畫設(shè)計(jì)，但你更喜歡動(dòng)態(tài)設(shè)計(jì)。你應(yīng)該思考一下，追隨你的內(nèi)心。不要追逐金錢，因?yàn)榻疱X對(duì)于創(chuàng)作可能是有害的，錢不能給你帶任何動(dòng)力，如果沒(méi)有動(dòng)力，你的創(chuàng)作將變得艱難。

---------------------后繼還會(huì)有他的動(dòng)效設(shè)計(jì)筆記，非常流弊，絕對(duì)會(huì)顛覆你的三觀，敬請(qǐng)期待--------------------------------

一、Wide Sky背后的動(dòng)效框架，Meek For iOS，論After Effects結(jié)合編碼：

在我制作我的游戲應(yīng)用Wide Sky的時(shí)候，很多人請(qǐng)教我是怎么用AE的。

但實(shí)際上用編碼，我可以做很多事情，包括AE無(wú)法達(dá)成的效果，而且編碼更快，還可以直接實(shí)現(xiàn)，修改參數(shù)。例如，一些網(wǎng)格動(dòng)畫，AE就無(wú)法實(shí)現(xiàn)，而編碼可以實(shí)現(xiàn)。

在GUI動(dòng)效設(shè)計(jì)方面，編碼結(jié)合AE威力巨大，貝塞爾動(dòng)效路徑可以方便我們的制作流程，通過(guò)編程，寫出一個(gè)腳本，可以獲取AE中的貝塞爾點(diǎn)，關(guān)鍵幀，進(jìn)而轉(zhuǎn)化為我動(dòng)效框架的一部分。

編碼所制作的動(dòng)效是可以隨意調(diào)整的。不像開發(fā)人員所導(dǎo)入的序列幀動(dòng)效，只是因交互方式而觸發(fā)。當(dāng)然，用編碼也可以做出序列幀的效果，只需要抓取貝塞爾點(diǎn)，然后根據(jù)用戶行為來(lái)進(jìn)行反饋，這樣能達(dá)成更精確的動(dòng)效。

在下面的視頻中，你會(huì)看到我是如何通過(guò)編碼，加入了貝塞爾路徑調(diào)節(jié)效果，

After Effects形狀動(dòng)效，在AE中創(chuàng)建形狀動(dòng)效，然后用編碼來(lái)動(dòng)態(tài)調(diào)整。

背后的網(wǎng)格系統(tǒng)，這里的點(diǎn)和AE中的點(diǎn)一一對(duì)應(yīng)，我們看到在彈動(dòng)過(guò)程中，只有最上面的點(diǎn)發(fā)生了運(yùn)動(dòng)。

--------------------------------------------------------------------------------------------------------------------------------

二、Meek For iOS動(dòng)效框架的實(shí)踐運(yùn)用——原型篇

這個(gè)原型我做了好幾個(gè)月，期間我的新游戲發(fā)布了，新游戲使用了基于Objective-C上的Meek動(dòng)效框架。（就是上面那個(gè)）

這個(gè)原型基于C++。

這款應(yīng)用實(shí)際上是一個(gè)視頻預(yù)覽應(yīng)用，我覺(jué)得添加一點(diǎn)酷炫的交互。

注意手指滑動(dòng)指示器的效果。

愉悅的轉(zhuǎn)場(chǎng)效果

旋轉(zhuǎn)讀取效果

--------------------------------------------------------------------------------------------------------------------------------

三、Meek For iOS動(dòng)效框架的補(bǔ)充——網(wǎng)格制作器

專為字體動(dòng)效而打造，APP雖然未開始，但是動(dòng)效框架先行。

運(yùn)行于C++ Meek動(dòng)效框架和iOS上。制作這個(gè)的目的是幫助我制作動(dòng)效。從而方便的添加、測(cè)試功能和表現(xiàn)力。

動(dòng)效框架，網(wǎng)格設(shè)置系統(tǒng)

動(dòng)效框架，網(wǎng)格設(shè)置系統(tǒng)2

所達(dá)成的效果

所達(dá)成的效果2

上述便是我構(gòu)建的網(wǎng)格制作器。幫助我輕松的制作動(dòng)效，用AE肯定無(wú)法實(shí)現(xiàn)這般效果，但是用編碼，可以。

UI動(dòng)效框架需要測(cè)試的還有很多，能夠輕松的識(shí)別手勢(shì)交互，能否存儲(chǔ)信息，怎樣處理陰影效果，這些都需要去思考、編碼。

目前的問(wèn)題還有不少，如何提升動(dòng)效的節(jié)奏感，以及抗鋸齒等等。

這個(gè)UI框架可以識(shí)別圖像，然后圍繞圖像主題構(gòu)建網(wǎng)格，將圖像分成一片一片，最后用來(lái)幫助實(shí)現(xiàn)動(dòng)效。也可以將一切保存為XML格式，也可以微調(diào)網(wǎng)格的每一片。

如上圖所示，支持兩種效果，翻頁(yè)和筆刷效果。

--------------------------------------------------------------------------------------------------------------------------------

四、Meek For iOS動(dòng)效框架——窗簾效果

我的靈感來(lái)源

一同事給我看了這個(gè)概念動(dòng)效設(shè)計(jì)，我覺(jué)得我可以嘗試用編碼實(shí)現(xiàn)一下。我以為很復(fù)雜，結(jié)果比網(wǎng)格字母那么實(shí)驗(yàn)簡(jiǎn)單，后繼我還會(huì)迭代。

Meek for iOS動(dòng)效框架初步打造的效果：

窗簾效果視頻里看著是不錯(cuò)，但是研發(fā)費(fèi)了老勁，我想辦法讓視頻可以播放于窗簾所處的網(wǎng)格系統(tǒng)中。還有很多需要完善，期待后續(xù)吧。

很多人認(rèn)為我做的東西是設(shè)計(jì)實(shí)驗(yàn)，其實(shí)，更大程度上是技術(shù)實(shí)驗(yàn)。

窗簾效果我本來(lái)想放到應(yīng)用里面。后來(lái)又覺(jué)得可能有點(diǎn)太炫了，可能會(huì)讓用戶反感。但是我覺(jué)得，這種效果，在兒童應(yīng)用或游戲應(yīng)用里面出現(xiàn)時(shí)，還是會(huì)有很大一部人喜歡的。

窗簾效果還有很多變量需要實(shí)現(xiàn)，折疊的程度，每個(gè)部分水平和豎直方向的彎曲程度，滑動(dòng)時(shí)寬度的變化，其中圖像的變化。

--------------------------------------------------------------------------------------------------------------------------------

五、關(guān)于Meek For iOS動(dòng)效框架

最近很多人聯(lián)系我，問(wèn)我很多動(dòng)效方面的問(wèn)題，也有很多人給予了我鼓勵(lì)和支持，謝謝你們！

這里集中回答幾個(gè)問(wèn)題：

首先是很多人問(wèn)起了Meek動(dòng)效框架的發(fā)展路線，我想說(shuō)我不打算將其商業(yè)化或者開源。這個(gè)框架依然很不穩(wěn)定，我依然還在努力的奠基中，雖然大體上程序邏輯和視覺(jué)效果已經(jīng)能夠初步融合。但是還有很多很多事情需要花費(fèi)大量時(shí)間去做?；蛟S在未來(lái)的某一天這個(gè)框架會(huì)公布，但目前這不是我考慮的問(wèn)題。.

第二，有些人不理解這個(gè)框架能用來(lái)干什么，我覺(jué)得是面向一些高級(jí)用戶，讓他們可以定義網(wǎng)格，定義錨點(diǎn)，將物體放置于3D空間中，然后進(jìn)行一些簡(jiǎn)單的動(dòng)效處理（例如窗簾效果，字母網(wǎng)格效果，小球彈動(dòng)效果等等），利用這個(gè)動(dòng)效框架，可以構(gòu)建出傳統(tǒng)工具無(wú)法構(gòu)建出的一些效果。

第三，Meek動(dòng)效框架依賴GPU，基于OpenGL，用C++寫成，務(wù)求表現(xiàn)力。我正嘗試使用一些第三方插件，讓它能夠跨平臺(tái)限制，運(yùn)行于多平臺(tái)。Meek的研發(fā)始于安卓和Windows平臺(tái)，后來(lái)遷移到了iOS平臺(tái)，因?yàn)槲腋私鈏OS。但是今后，我還是希望這個(gè)框架能運(yùn)行于安卓平臺(tái)，相信會(huì)花很久。

第四，對(duì)于那些想要經(jīng)驗(yàn)教程的人說(shuō)。。。這是不可能的。我這個(gè)博客歷史已經(jīng)有2-3年了，期間在設(shè)計(jì)和研發(fā)上付出了很多努力，若以操作步驟來(lái)算，得有幾百萬(wàn)步了，這些效果都是一點(diǎn)一點(diǎn)累積起來(lái)的。我做的所有動(dòng)效，都是基于我的動(dòng)效框架。但是我希望，在不就的將來(lái)，如果進(jìn)度順利，我能告訴你們這個(gè)框架運(yùn)作的一些原理，并解釋其中的一些現(xiàn)象。

還有什么其他問(wèn)題，請(qǐng)給我發(fā)Email。