【使用軟體】Adobe After Effects
【學習要點】3D Stroke插件和抖動表達式
【難易程度】★★☆☆☆
【效果簡介】比起單純的圖形變化，3D效果更會讓人眼前一亮。AE自帶的3D圖層無法製作立體的線條，必須藉助粒子插件套裝中「3D Stroke」的幫助。
STEP.1-新建合成
新建800*600合成，幀速率25，命名為「搜索」
STEP.2-繪製圖標
在合成內新建純色，用來添加「3D Stroke」效果
命名為「icon」
打開「效果-RG Trapcode-3D Stroke」，添加到純色「icon」圖層上
選擇「icon」圖層，使用圓形工具和鋼筆工具，繪製搜索圖標。此時繪製的線條自動變為3D立體線條
STEP.3-製作動效
找到3D Stroke的屬性，調整線條粗細，並在Y軸旋轉屬性上K幀
到第7幀的地方，將y軸旋轉改為90，選中兩個關鍵幀，按F9添加緩動曲線，圖標旋轉動畫初步製作完成
STEP.4-添加表達式
按住alt鍵點擊秒表按鈕，打開表達式窗口，添加表達式：
amp = .50;
freq = 2.0;
decay = 5.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time)
}
if (n == 0){ t = 0;}
else
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}
else
前三項分別控制振幅、頻率和阻力，可以根據需要調整。此表達式可以用到任何屬性上
3D圖標的動效完成
STEP.5-添加億點細節
打開透明度屬性，添加閃爍的動效
最後加上背景和搜索框，製作完成
--關於我們---
UI中國 專業用戶體驗設計平臺
新浪微博：@UI中國