動效篇-AE之UI動效(小球粘性融合)

今天分享下粘性融合的制作方法?。?!
klkl.jpg

(一)UI動效常用快捷鍵(更新中)

enter重命名
Com+Shift+Alt+Y新建一個空物體層
Com+;顯示/隱藏參考線
Com+Shift+Alt+;鎖定/解鎖參考線
Com+Y 新建固態(tài)層
Com+D復(fù)制圖層
Com+Shift+Y 修改固態(tài)層屬性
Shift+Com+【/】置頂/置底
Alt+[/] 裁剪時間線
J/K 向前/后一個關(guān)鍵幀
~最大化當(dāng)前面板
Com+Shift+A 圖層全部不選
Com+Shift+D把一個圖層一分為二
B/N合成 開端/結(jié)束 時間
Com+M渲染合成
I/O移動時間線到層的入點/出點?
Com+Shift+C把選擇層作為合成
U/W顯示關(guān)鍵幀所在屬性(被key),顯示所有屬性
+/- 時間軸單位(視覺)縮放
Com+Shift+R 旋轉(zhuǎn)角度
</>縮?。糯笠晥D
Alt+{/}向前后剪切
Com+N 新建合成
Com+M生成影片
Com+I 導(dǎo)入素材
G自由繪制蒙版
Q默認(rèn)矩形

(二)UI動效常用插件

圖片.png

1插件安裝

把插件安裝到ScriptUI Panels文件夾下就可以在窗口菜單下找到插件入口,點擊激活插件

圖片.png
圖片.png

2插件使用

講講講

軸心點都是一一對應(yīng)的 ,我們在做動畫時可以很方便的通過工具來調(diào)節(jié)元素的軸心點


緩動調(diào)節(jié)工具

圖片.png

1緩入----開始很柔和
2緩出----結(jié)束很柔和
3緩入?出---開始和結(jié)束很柔和

Screen Capture on 2017-03-29 at 16-24-10.gif
Screen Capture on 2017-03-29 at 16-36-15.gif

(三)小球融合之redblue

最終效果

新建一個白色背景層

圖片.png

建立一個空層(Com+Shift+Alt+Y新建一個空物體層快捷鍵)


圖片.png

新建形狀圖層


圖片.png

新建紅色形狀回歸中心點


圖片.png

給形狀圖層添加滑塊控制效果


圖片.png

然后我們給形狀層的位置加上表達(dá)式,我們先拾取控制層的位置,在位置后面加上*再拾取滑塊的位置,就可以了

圖片.png

如何激活表達(dá)式書寫框Alt+點擊秒表按鈕


給形狀圖層下的錨點添加表達(dá)式如上


圖片.png

分別在滑塊控制和旋轉(zhuǎn)上key幀 具體值如圖


圖片.png

復(fù)制一層修改顏色為藍(lán)色 修改滑塊控制中間那一幀的數(shù)值如圖


圖片.png
圖片.png

給動畫加上緩動


圖片.png

效果如下

Screen Capture on 2017-04-01 at 14-25-15.gif

之后我們留著背景層,將其他三層打上預(yù)合成名字為紅藍(lán)動畫,
給紅藍(lán)動畫分別添加快速模糊和簡單阻塞工具效果如圖

圖片.png
圖片.png
圖片.png

整體效果如下

Screen Capture on 2017-04-01 at 14-38-40.gif

在紅藍(lán)動畫的預(yù)合成中新建一個文字redblue


圖片.png

退回到最上層合成觀看效果如下


Screen Capture on 2017-04-01 at 14-47-10.gif

在視頻講解合成中復(fù)制出一層文字做透明度的動畫


圖片.png

最終效果


Screen Capture on 2017-04-01 at 13-43-56.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容