哈囉!又到了快樂的教學時光,
今天要來教大家如何使用AE的表達式
做出游標一停留就有像按鈕一樣的懸浮效果!
這次要準備的素材有兩組,
首先先匯入按鈕被選取的素材,
每個按鈕都要自己分開一個圖層,如下圖總共三個。
接著匯入按鈕沒有被選取的素材:
將被選取的素材放在沒被選取的素材上,
總共六個素材:
接這對著圖層區空白處右鍵 > New > Null Object。
將Null Object改名為游標,之後這個就是我們的游標座標囉。
接著用形狀工具畫出三個按鈕的觸碰範圍,
這邊為了方便觀察我們先將素材圖層都隱藏,
只顯示範圍形狀圖層。
每個範圍個別一個圖層:
先選取其中一個範圍,按下T叫出Opacity,並Alt+左鍵點擊小碼錶開啟表達式視窗,
先在視窗裡打上:
p =
s =
a = s.sampleImage(p,[0.1,0.1])[3]
linear(a,0,1,0,100)
這裡的p代表游標、s代表顯示圖層,
待會我們要定義這兩個代數分別代表什麼,
稍後會再對其他的參數做詳細說明!
將輸入游標停在p =後並使用Opacity的Parent工具拖曳至游標圖層的Position控制上,
表達式會顯示 p = thisComp.layer("游標").transform.position。
接著輸入游標停在s =後,Parent工具拖曳至同個形狀圖層上,
表達式會顯示 s = thisLayer。
這麼一來定義結束之後,表達式也算完成了。
完成之後會發現剛才的範圍形狀在預覽窗內不見了。
這時將由標圖層拖曳到形狀上會發現當游標停在上面時形狀就會顯示。
將完成的表達式複製到其他的範圍形狀上。
拖曳游標檢查看看顯示有沒有問題。
接著顯示素材圖層,
選取被選取的素材圖層打開Opacity控制選項。
使用各個素材圖層的Opcity Parent工具拖曳到各個範圍形狀的Opacity上。
最後將範圍形狀圖層隱藏。
再次拖曳游標就會自動顯示/隱藏素材囉!
因為在底下還有沒被選取的素材圖層在,
因此在游標沒有經過的時候就會露出底下的素材。
當然也可以匯入真的游標素材並用Parent工具讓游標跟著Null圖層行動,
看起來就像真的用油標在選取囉。
接著來詳細說明遺下剛才的表達式參數,
在a = s.sampleImage(p,[0.1,0.1])[3]中的[0.1,0.1]表示選取範圍的透明度漸變範圍,
如果將這裡改成[10,10],就會使漸變範圍增加。
將游標慢慢移動到素材的邊緣會發現在這個漸變範圍裡,
素材的透明度會慢慢變化,而不是直接的切換顯示/隱藏。
而linear(a,0,1,0,100)中會後的兩組數字0,100則分別代表
沒被游標接觸/有被游標接觸的透明度百分比。
若將這裡的數字對調,改為linear(a,0,1,100,0)則會對調游標經過時的顯示/隱藏效果。
更改後,素材原始狀態就會是亮起的顯示狀態,
將游標移動至上方就會隱藏。
活用這些參數並增加一些修飾就能做出不錯的效果哦!
此教學專案檔下載(cc 2018以上):