登入 免費註冊
最新消息
設計課程
動態課程
設計選讀
免費教材
周邊商品
返回列表

7-3 essential property

Stefan Luo
2021-11-25
1,707 2
已解決 未分類

老師您好!!最近使用essential property製作字卡,為了不一樣的備註有不同背景、配合文字長度縮放的底框,又要為停留時間調整key,最後沒辦法就一一複製,後面修改就更可怕了。

想問能用表達式或essential property,讓底框依照文字長度縮放、背景圖更換和設key的問題?

感謝老師QQ

Stefan Luo 2021-12-07

謝謝老師,跟著操作沒問題了,大感謝ヾ(=`ω´=)ノ

Yan-K 鍾林晏 2021-11-26

Stefan 你好!這幾個問題都有不同的解決方式 XD

我們一個一個來處理!


- 讓底圖依照文字長度縮放


我們可以用 sourceRectAtTime() 表達式來讀取指定圖層的長度和高度,

sourceRectAtTime().width 可以讀取圖層的寬度、而 sourceRectAtTime().height 可以讀取圖層的高度。


接著就可以利用底下的作法來讀取圖層大小並自動縮放 Shape Layer 了!


//----------表達式區域,把底下這些貼到 Shape Layer 形狀的 Size 中----------


// 前置作業:新增一個文字圖層並命名為「文字圖層」,以及新增一個 Shape Layer 並命名為「形狀圖層」

// 在 Shape Layer 的 Rectangle Path -> Size 裡新增底下這些表達式


var textRect = thisComp.layer("文字圖層").sourceRectAtTime(); // 將讀取文字圖層尺寸的指令命名為 textRect


var textWidth = textRect.width; // 將文字圖層的寬度命名為 textWidth

var textHeight = textRect.height; // 將文字圖層的高度命名為 textHeight


// 新增兩個 Slider Control 後並命名為「寬度縮放」和「高度縮放」,將兩個 Slider 的數值都調為 1.0


var addWidth = effect("寬度縮放")("Slider"); // 將額外增加的寬度命名為 addWidth

var addHeight = effect("高度縮放")("Slider"); // 將額外增加的高度命名為 addHeight


[textWidth*addWidth , textHeight*addHeight] // 將文字圖層的寬度和高度乘上 Slider 拉桿,就可以用兩個 Slider 獨立控制外框的縮放了!


//----------表達式區域結束----------






- 利用 Essential Property 更換背景圖


我們可以開一個新的 Comp 專門用來存放不同的背景圖,並將每個背景圖的 Opacity 透明度加入 Essential Graphics 中。

在背景圖的 Comp 上加入一個「Dropdown Menu Control」控制器,輸入要切換的背景數值,這時候可以注意左邊有 1、2、3 的編號。


接著對背景圖 Comp 底下的透明度輸入表達式,最後將選單也加入 Essential Property 中,就可以利用選單切換背景囉!


//----------表達式區域,把底下這些貼到背景透明度中----------


// 如果選到的背景是第一個,就 100% 透明度,否則 0。

if ( effect("背景選擇")("Menu") == 1 ) { 100 } else { 0 };


//----------表達式區域結束----------






- 輕鬆調整 Comp 長度但不會影響 Keyframe 時間


假設 Comp 的前一秒和最後一秒是展開、收縮動畫,我們可以利用 AE 的新功能「Protected Regien」來保護不想被影響時間的地方!


在時間軸不點選任何圖層的時候,按下小數字鍵盤的 * 鍵新增一個 Marker 標記,並對 Marker 點選右鍵 -> Enable Protected Regien。

這時候會看到時間軸上出現藍色的區域,調整這個區域就可以讓這段時間不被影響時間。


將調整好藍色區域的 Comp 放到其他地方後,直接用滑鼠拖動圖層的結束點就會發現:中間沒有動畫的地方被自動縮放,但前後有動畫的地方時間保持不變了!







-  AEP 範例專案:


https://Yan-K.tv/Motioner/Motioner-Stefan_CC15.zip

NT.2,380

135 人也正在觀看

組合優惠 免費試看
鍾林晏 Yan-K Jhong

動態思想有限公司 Yan-K Media Works / 動態設計師

1996年生,對動態影像有極大的愛好,約2010 年開始接觸 After Effects。 高中開始接案製作動態影像設計,畢業後即進入職場工作,先前任職於遊戲公司負責多數影像製作,現成立工作室以接案為主。喜歡與音樂節奏調和的影像設計

《動態設計全面實戰》套組加購特惠

集結 24 位頂尖設計師的 22 堂系列課程,全台最頂的動態設計課,以套組最低價一次把握 56 折最優折扣,每堂不到 $1,360,更免費加贈一堂 2.5 小時設計求職課《好作品的潛規則》!點擊下方圖片了解更多介紹!

完整學會 AE 全套組

點擊下方圖片了解內容細節!

合購優惠 NT.12,800
原價 NT.15,900
展開全部優惠