波形部分，它算是一個(gè)折騰我蠻久的東西了。AE本身自帶正弦波效果，但是只能做最基本的正弦等幾個(gè)規(guī)律性很強(qiáng)的波形（我不確定我做法是否正確）。為此我運(yùn)用到了另一個(gè)效果器——置換圖（效果 – 扭曲 – 置換圖）

置換圖的意思就是，假定一個(gè)點(diǎn)A，添加置換圖效果，設(shè)置置換方式為最大垂直置換100，制作一張純白色圖B，把置換圖層改為B，則A會(huì)向上運(yùn)動(dòng)100px。如果制作一張灰度50的圖C，把置換圖層改為C，則A會(huì)向上移動(dòng)50px。那同樣道理，如果我畫一條細(xì)線，給細(xì)線置換效果，并置換圖層是一個(gè)黑白漸變循環(huán)的圖層，則就會(huì)出現(xiàn)可控的波形曲線了吧！

于是我做了下面的置換圖：

通過調(diào)節(jié)參數(shù)產(chǎn)生了如圖波形：

通過控制漸變置換圖層黑白過渡的變化，來達(dá)到波形的運(yùn)動(dòng)。這樣極大得波形可控性。包括鏡面波形也通過這樣方式去制作，來達(dá)到水滴入水波的漣漪波形效果。

為了表現(xiàn)空間感，我設(shè)計(jì)了三個(gè)小球的空間運(yùn)動(dòng)，三個(gè)不同顏色代表三個(gè)主色域，在運(yùn)動(dòng)上，想讓其看起來不像是屏幕的軌跡上。這里，我開始踩了一個(gè)坑，因?yàn)槲议_始盡可能畫出一條像空間旋轉(zhuǎn)的曲線來實(shí)現(xiàn)。通過控制小球運(yùn)動(dòng)的速度，大小來讓其看起來像空間運(yùn)動(dòng)，但是我整整花了兩個(gè)小時(shí)去調(diào)整一條曲線，而且轉(zhuǎn)角部分始終看起來很別扭。

我得用更好的方法了…我想，既然是做空間旋轉(zhuǎn)運(yùn)動(dòng)，為什么不可以直接定義空間的坐標(biāo)，把運(yùn)動(dòng)想象成一個(gè)改變半徑r和軌跡圓上角alpha坐標(biāo)位置的點(diǎn)。

代碼如下：

r = effect("radius")("滑塊");//定義半徑alpha = effect("alpha")("滑塊");//定義角度A =alpha* Math.PI / 180;//角度值映射為弧度x = r * Math.cos(A);//點(diǎn)的x軸坐標(biāo)值z(mì) = r * Math.sin(A);//點(diǎn)的Z軸坐標(biāo)值[x,0,z]//空間坐標(biāo)輸出

幾乎算得上完美解決了空間中旋轉(zhuǎn)的問題，但誕生了另一個(gè)致命問題，AE對(duì)三維運(yùn)行的性能問題，使得修改起來極其吃力，畢竟一臺(tái)13寸集成顯卡的MacBook pro…如果下次再設(shè)計(jì)類似運(yùn)動(dòng)，我一定在表達(dá)式中通過數(shù)學(xué)方法把空間坐標(biāo)映射到屏幕二維坐標(biāo)…

小球運(yùn)動(dòng)拖尾，用了particular插件的次級(jí)粒子，實(shí)現(xiàn)拖尾效果比AE自帶拖尾會(huì)好很多。性能上也還算能接受，這里就不詳細(xì)說明了。

這章節(jié)原計(jì)劃表現(xiàn)空間粒子，光影色彩等。其實(shí)有點(diǎn)受與時(shí)間關(guān)系，減少了很多想法（畢竟這時(shí)候已經(jīng)到十一月中旬，公司項(xiàng)目加急階段…每天11點(diǎn)以后才能下班。）

開頭的線條雨，用了particular插件的box發(fā)射器，加拖尾效果，以及增加了地板kill。如下圖：綠色為kill地板，粒子到地板則被kill。上面為空間攝像機(jī)，通過攝像機(jī)運(yùn)動(dòng)來實(shí)現(xiàn)空間線條雨的效果。

彩虹傘，其實(shí)這里糾結(jié)了一下，本來想用畫一個(gè)八邊形然后附上顏色，再通過放大來制作打傘樣式。但總覺得細(xì)節(jié)上少了很多，于是我在C4D中做了一個(gè)更真實(shí)的撐傘動(dòng)畫。把傘的頂部加上頂視圖攝像機(jī)，傘在打開的過程中是有一些細(xì)微的變化以及本身布料形狀的變化的，這些細(xì)節(jié)的存在才讓傘面撐開動(dòng)畫看起來更自然。

我還是蠻喜歡彩虹傘這部分的，傘面撐開旋轉(zhuǎn)，用plexus做了幾個(gè)粒子，當(dāng)成雨滴吧。動(dòng)畫快結(jié)尾部分，有個(gè)點(diǎn)陣列漣漪效果其實(shí)蠻有趣的，它的靈感來自幾年前蘋果的電視廣告「Designed by Apple in California」中的一段。一直想知道那樣的效果如何實(shí)現(xiàn)才自然，直到后來，我找的了應(yīng)用C4D陣列運(yùn)動(dòng)的方法。大概做一個(gè)平面的點(diǎn)陣列，然后給整列一個(gè)向上波運(yùn)動(dòng)的效果。通過這種結(jié)合的方式，讓MG動(dòng)畫中元素運(yùn)動(dòng)得更自然，更符合預(yù)期吧。

視頻中：

其在C4D中：

最后

我選了幾天的背景音樂，目前還沒有能力自己制作音頻…最后選擇了X-Ray Dog 的一首《If You Ask Me》中的前半部分。當(dāng)然，導(dǎo)出視頻后，在Pr中通過剪輯調(diào)速對(duì)音樂進(jìn)行節(jié)拍對(duì)齊，這也是個(gè)苦力活，把運(yùn)動(dòng)一幀一幀對(duì)齊音頻的節(jié)拍。

然后…導(dǎo)出成品…End。正好趕在生日當(dāng)天發(fā)出來。

最后的最后，我想說，每次獨(dú)立做一個(gè)大工程（算大了吧…）雖然耗費(fèi)大量時(shí)間精力，確實(shí)可以學(xué)到不少新的知識(shí)，尤其是像我這種非科班的設(shè)計(jì)狗，更喜歡去解決那些技術(shù)上的難題。之所以喜歡做這些，一方面覺得它有趣，另一方面也在不斷探索自己設(shè)計(jì)上更多的可能吧。我總會(huì)自學(xué)下三維，動(dòng)效應(yīng)用的編程，那些看起來跟目前工作不相干的，很多人總認(rèn)為UI設(shè)計(jì)師是天天畫界面畫icon的,直到某天開始，團(tuán)隊(duì)開始接觸VR方面/三維方面…原來自己折騰的東西并不是沒有價(jià)值的。今后打算繼續(xù)學(xué)習(xí)三維方面，著重在材質(zhì)，三維動(dòng)態(tài)圖形，三維角色，這些方面進(jìn)行一些新的嘗試吧。（臥槽TM你的生活呢？?。。?/p>

感謝許欣冉同學(xué)在我遇到難題時(shí)幫忙搜尋了無數(shù)寶貴的教程資料，感謝divon在字體配樂方面的幫助以及視頻中給予的修改意見。

如果其他還有問題，我后臺(tái)回復(fù)吧，么么噠。以及凌晨三點(diǎn)半了…睡覺！

未來會(huì)有更好的片子

I am a designer

I am poupo

相關(guān)閱讀：

AE怎么制作一個(gè)圓形波紋加載動(dòng)畫?

AE怎么制作文字逐字出現(xiàn)的動(dòng)畫效果?

ae怎么制作墨水滴入水中溶解的動(dòng)畫? ae水墨特效教程

ae形狀層怎么制作動(dòng)畫? ae形狀圖層動(dòng)畫效果的詳細(xì)教程

最新評(píng)論