導言

隨著“58 同城超級福利日”視頻的上線，精致的界面、絲滑的動效展示給整個項目帶來了更好的視覺觀賞性與生動性。也讓越來越多的設計師意識到單一的圖形展示已無法滿足一些特殊場景的情感化設計表達。本文結合了“58 同城超級福利日”項目案例，用幾個簡單的插件與腳本，帶你實現炫酷的動效。

注：視頻可選用超清模式觀看更清晰。

案例解析

1. 預設動畫

AE 軟件內置了動畫效果，包含了很多文字動畫和特效，這些集成封裝好的效果可以直接提升動畫制作效率。同時還有一些第三方的插件或腳本也有制作好的集成效果，我們只需把效果拖拽放到制作對象的圖層上即可完成。比如下圖示例，“超級福利日”字體出場效果，包含了透明度、模糊度、縮放的變化，就是使用了 Mister Horse 腳本中的一個進場動畫效果實現。

具體操作方法，選中圖層后，打開插件面板找到對應效果點擊添加即可，通常每個效果會包含三種形式：In (進場)、Out (出場)、Both (進出場)，可以根據需要進行添加。如果不滿意還可以點擊插件面板的 Edit 選項，再選擇 Remove 即可移除。

2. 視頻轉場

好的轉場一方面能夠讓視頻過度更加自然，甚至用戶都察覺不到，另一方面還可以產生酷炫的節奏感。同樣在 Ae 中也內置了一些轉場效果，但是現在看來這些大多效果略顯 PPT 風，顯得過于老舊。

而我們自己制作一個酷炫的轉場又會耗費巨大的精力，簡單有效的辦法就是使用一些集成好的轉場過渡素材，還可以對轉場素材進行修改以達到我們滿意的效果。如下，使用了故障效果的轉場。

下面來演示一下怎么利用 Mister Horse 腳本來給視頻添加過渡效果。

3. 3D 手勢旋轉模型導入 AE

視頻中手機旋轉切換活動的效果，若單獨在 AE 或 C4D 中都無法實現效果與文件大小的最優。AE 中直接使用 3D 效果，手機在旋轉的過程中會出現頁面與手機不貼合、脫離等情況。若直接在 C4D 中制作多個旋轉效果，則會導致視頻的整體文件偏大，影響視頻加載時間。

最終我們采取了一個折中的形式，先在 C4D 中將旋轉的 3D 場景進行運動軌跡制作。將手機旋轉序列與攝像機文件導入到 AE 中。旋轉的動效進行復制，即可輕松實現多個切換效果也不會影響文件大小。頁面與手機貼合的問題可以在 AE 中在進行細致地調整。

插件與腳本

好的 AE 插件&腳本會為你的動效設計添磚加瓦，節省大量的時間成本。動態設計師在日常的工作中都會依賴一些插件&腳本。下面為大家介紹一下本次文中使用的插件&腳本。不管你是高手還是菜鳥，以下幾款插件都能讓你的動效能力突飛猛進。

1. Mister Hors 馬先生

馬先生是一款能夠快在 AE 軟件中直接快速預覽項目面板中的各個素材，不需要雙擊一個一個繁瑣的預覽，可以預覽視頻、圖片、音頻或合成的第一幀等一切素材，這款插件又出自瘋狂的馬頭人，他出過很多精品的 AE 資源。

官網地址： https://misterhorse.com/

2. Glitch Transitions 腳本

Glitch Transitions 腳本是一款帶有音效的故障過渡轉場，包含 11 個獨特類別的 500 個預設，輕松調整視頻之間的剪輯！在幾秒鐘內設計和輕松編輯城市和徽標類別的過渡 – 即使您是 After Effects 的初學者！這些類別中的每個預設都有獨特的顏色和效果控制器——您將能夠更改顏色、打開和關閉不同的故障效果、調整元素大小等等。

3. Text Animator 一鍵添加文字動畫和標題動畫腳本擴展

Text Animator 是一款用于設置各種文本和標題動畫的預設擴展工具。一鍵添加文字動畫效果可以節省很多時間和金錢！1200 個預設雙擊快速添加到文本層，淡入淡出文字特效，彈跳文字動畫，虛焦模糊文字動畫等多種文字動畫效果，可對時間、效果進行調整控制，可與任何語言、任何字體一起使用。

最后

以上為我們在這次項目的案例解析及運用到的視頻制作的插件，插件已打包到附件，希望能對大家在日常設計工作中有所幫助或從中獲得更多啟發。

歡迎關注「58UXD」的微信公眾號：