如今動效已經成為設計師必不可少的技能。無論是各種設計網站的作品還是APP,無處不有動效的身影魂角,并且越來越多的被廣泛的運用到界面設計中瞧栗。
因此下面詳細為大家介紹:做動效時我們應該如何思考?以及如何使用制作動效時節(jié)省時間的小插件Motion2(附有下載鏈接)
思考
首先做動效時珍语,先不要著急動手制作赏枚,而是先反問自己:制作這個動效的目的是什么?能為用戶帶來什么樣的體驗?
目的
- 動效與實際功能相聯系。
- 提供視覺上的回饋汉操,并為接下來的操作提供心理準備(用戶在長時間等待操作時會產生焦慮采缚,通過合理的動效設計,滿足用戶預期的同時,延緩用戶在等待時的焦慮拌滋,從而延緩用戶的等待時長。)
- 吸引用戶览芳,停留在指定區(qū)域悟泵。
- 增加趣味性球榆,愉悅用戶,增強產品辨識度蚁吝。
- 清楚展示多窗口之間關系山林,增強用戶在狀態(tài)間的轉化。
(以上目的都要基于動效要符合邏輯、真實的運動規(guī)律宣虾、合理把控動效時撑刺、動效足夠流暢為前提下,盡可能的滿足多點目的。)
插件:Motion2的安裝與使用(附下載鏈接)
Motion2是一款MG動畫的插件,里面有十一種常用功能,節(jié)省了我們做動效的時間,是一款方便易學的插件。
安裝
首先腳本(Motion 2.jsxbin)放在AE文件Scripts-ScriptUI Panels里。然后打開AE点骑,點開首選項—常規(guī)袁辈,把允許腳本寫入文件和訪問網絡打開勾選甘磨,最后就可以在窗口下邊找到了。
教程
曲線設置and中心點位置
1.EXCITE-彈性
選擇首尾兩個關鍵幀趟据,點擊“EXCITE”可以實現彈性效果——時間越短 回彈效果越強烈(要在沒有調整過曲線時咳促,可實現回彈效果)
2.BLEND-緩和
平均混合尺迂,點擊BLEND膳音,使極端的幀數變緩和。
3.BURST-爆炸
設定好參數想罕、高度等數值,會實現出不同的爆炸效果。
4.CLONE-克隆
這個工具非常非常常用盾舌,復制幀數是經常要做的操作酌摇,全選想要復制的所有幀數,點擊“CLONE”立刻實現所有幀數的復制。
5.JUMP-回彈
和EXCITE不同值桩,這個主要做的是彈跳的效果。可以設置指定的高度,次數進行彈跳饼灿。
6.NAME-更名
選擇要改名字的圖層舞箍,點擊“NAME”快速為圖層改名略就。
7.NULL-關聯
當多個物體已經做好位置變化時彰导,想要同時移動位置倔幼,點擊“NULL”可以同時改變位置,并且不會破壞原有的路徑變化。
8.ORBIT-公轉
設定一個圖層為另外一個圖層的中心點蛛砰,可調整距離位仁、移動棠众、速度、方向等參數。
9.ROPE-連線
選擇想要連線的圖層奔缠,點擊“ROPE”行程連線效果腰奋,線可以改變顏色屈留。
10.WARP-拖尾
使物體在移動時,有拖尾的效果烫罩,也可以做投籃的效果隘弊。可以調整參數的高度、個數等。
11.SPIN-自轉
圖形可根據自己的中心點位置而旋轉毕匀。只需要畫一個圖形凤薛,點擊“SPIN”便可實現自轉活玲。
12.STARE-注視
圖形A設置它的位移,圖形B點擊“STARE”展開——效果——旋轉-StareTarget——圖層中選擇圖形A探遵。圖形B便可以始終指向圖形A藏雏。
下載鏈接
鏈接:https://pan.baidu.com/s/1pNqlWFp? ? ? ? ?密碼:0eu8
安裝方法:打開AE安裝包-Scripts--ScriptUI Panels-腳本放進去-再重新打開AE努酸。