動效篇-AE之UI動效(水波蕩漾)

klkl.jpg

(一)UI動效常用快捷鍵

Com+Y 新建固態(tài)層
Com+D復制圖層
Com+Shift+Y 修改固態(tài)層屬性
Shift+Com+【/】置頂/置底
Alt+[/] 裁剪時間線
J/K 向前/后一個關鍵幀
~最大化當前面板
Com+Shift+A 圖層全部不選
Com+Shift+D把一個圖層一分為二
B/N合成 開端/結束 時間
Com+M渲染合成
I/O移動時間線到層的入點/出點?
Com+Shift+C把選擇層作為合成
U/W顯示關鍵幀所在屬性(被key),顯示所有屬性
+/- 時間軸單位(視覺)縮放
Com+Shift+R 旋轉角度
</>縮小/放大視圖
Alt+{/}向前后剪切
Com+N 新建合成
Com+M生成影片
Com+I 導入素材
G自由繪制蒙版
Q默認矩形

(二)UI動效常用插件

1插件安裝

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

圖片.png
圖片.png

2插件使用

講講講

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


緩動調節(jié)工具

圖片.png

1緩入----開始很柔和
2緩出----結束很柔和
3緩入?出---開始和結束很柔和

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

(三)小動效(水倒入容器loading)

1新建一個白色純色圖層 Com+Y 新建固態(tài)層

圖片.png

復制一層Com+D復制圖層,改為藍色Com+Shift+Y

圖片.png

給藍色圖層添加置換圖效果

圖片.png

把水平置換調節(jié)為0

圖片.png

把藍色圖層新建預合成Com+Shift+C

圖片.png

在預合成中新建一個灰色層

圖片.png

給灰色層添加一個無線電波效果

圖片.png

無線電波效果設置


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

把灰色圖層新建預合成Com+Shift+C

圖片.png

模糊效果設置


圖片.png

用藍色層置換水波那一層,并調節(jié)置換強度

圖片.png

新建一個形狀圖層

圖片.png
圖片.png

用圓形做個遮罩

圖片.png
Screen Capture on 2017-03-29 at 15-23-14.gif

復制這兩層(形狀圖層和與合成)

圖片.png

給最下面與合成填充個顏色,然后調整位移


圖片.png
Screen Capture on 2017-03-29 at 15-30-37.gif

把這兩個預合成做父子鏈接


圖片.png

調整下邊預合成的位移


圖片.png

把穿幫的地方key透明度一幀切


圖片.png
圖片.png
Screen Capture on 2017-03-29 at 15-42-20.gif

鋼筆工具建路徑


圖片.png

給形狀圖層添加修建路徑


圖片.png
圖片.png

通過曲線調整運動規(guī)律(水柱下落會很有沖擊感)


圖片.png
Screen Capture on 2017-03-29 at 15-55-54.gif

(四)其他注意事項

導入psd設置


圖片.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容