AE教程之如何製作3D轉場界麵動效

今天跟大家分享AE教程之如何製作3D轉場界麵動效，一起來看下製作流程吧！

效果圖

教程步驟

一、素材準備

1.首先準備2張圖片進行後續的3D轉場（這裏是我隨意設計的2張圖）

2.同時把其中的素材單獨切出來方便後續進行動效製作（圖片素材要貼邊切出便於後續操作）

二、新建合成

1.屬性——【時間】：3s；【畫板尺寸】：750×1624；【幀速率】：25幀/秒；【背景顏色】：#F8F8F8

2.將切圖素材導入進此合成中

三、素材整合

將素材進行整理，將切圖整合成下圖所示

四、圖片1-1處理

1.為其【位置】打上關鍵幀。【參數】：10幀（475）；20幀（-75），關鍵幀輔助（緩動）。

2.打開【3D圖層】，為其【Y軸旋轉】打上關鍵幀。【參數】：10幀（30）；20幀（0）；關鍵幀輔助（緩動）

五、屏幕1其他圖片處理

1.將圖片1-2，1-3使用圖片1的參數進行處理

2.將圖片1-1，1-2，1-3進行【錯2幀】處理（即圖片1-2幀數範圍為12-22，圖片1-3幀數範圍為14-24）

六、圖片2-1處理

1.為其【位置】打上關鍵幀。【參數】：10幀（1025）；20幀（475）；關鍵幀輔助（緩動）。

2.為其【位置】添加【表達式】。

amp = .2;

freq = 2.0;

decay = 4.0;

n = 0;

if (numKeys > 0){

n = nearestKey(time).index;

if (key(n).time > time){n–;}

}

if (n == 0){ t = 0;}

else{t = time – key(n).time;}

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{value}

3.打開【3D圖層】，為其【Y軸旋轉】打上關鍵幀。【參數】：10幀（-30）；20幀（0），關鍵幀輔助（緩動）

七、屏幕2其他圖片處理

1.將圖片2-2，2-3使用圖片1的參數進行處理

2.將圖片2-1，2-2，2-3進行【錯2幀】處理（即圖片2-2幀數範圍為12-22，圖片2-3幀數範圍為14-24）

八、側邊欄圖片T1-彩處理

1.為其【不透明度】打上關鍵幀。【參數】：10幀（100）；20幀（0）；關鍵幀輔助（緩動）

九、側邊欄圖片T2-彩處理

1.為其【不透明度】打上關鍵幀。【參數】：10幀（0）；20幀（100）；關鍵幀輔助（緩動）

十、側邊欄矩形處理

1.為其【位置】打上關鍵幀。【參數】：10幀（266.5）；20幀（417.5）；關鍵幀輔助（緩動）

完成

將其放置於大的畫板內進行展示

教程作者：西蒙XM