ae中想要制作一個下拉菜單，鼠標(biāo)點擊一下，菜單顯示二級下拉導(dǎo)航，該怎么制作這個動畫效果呢？下面我們就來看看詳細(xì)的教程。

Adobe After Effects CC 2018 v15.1.2.69 64位 中文正式版

• 類型：媒體其它
• 大?。?/span>1.84GB
• 語言：多國語言
• 時間：2018-07-20

查看詳情

一、制作下拉菜單

1、打開AE軟件，命名菜單動效，調(diào)整相應(yīng)的參數(shù)。

2、利用形狀工具，繪制以下素材，也可以通過外部制圖軟件做好之后，再導(dǎo)入ae中，我這邊是直接在AE里面制作的，一個背景顏色配一個文字，對應(yīng)的ctrl+shift+c預(yù)合成。

3、然后將四個圖層的錨點分別調(diào)整至上邊中間區(qū)域，然后選中四個預(yù)合成，打開圖層3D模式，同時都打開旋轉(zhuǎn)屬性，接下來建立父子級關(guān)系，將二級2為二級3的父級，二級1為二級2的父級，一級為二級1的父級，然后將點擊二級菜單3下的的x軸前面的小碼表的同時按住Alt，調(diào)用出表達(dá)式，然后將表達(dá)式關(guān)系器連接到二級菜單2的下的X軸上，讓二級菜單2成為二級菜單3的父級，同理操作，將二級菜單2的父級選為二級菜單1。

4、建立父子級之后，對應(yīng)的表達(dá)式框里面會出現(xiàn)如圖代碼，這個時候我們需要簡單的修改一下代碼，在現(xiàn)有代碼前面添加一個‘-’就行了，變成-thisComp.layer("二級菜單1").transform.xRotation，這個操作的作用是讓子級的旋轉(zhuǎn)方向和父級的旋轉(zhuǎn)方向相反。

5、這個時候我們切換一種觀察模式，選擇自定義視圖來觀察比較直觀一點，因為前期建立了父子級的關(guān)系，我們只需要調(diào)整二級菜單1下面的兩個子級就會跟著一起變化，我們可以通過調(diào)整父級的x軸旋轉(zhuǎn)角度來實現(xiàn)下拉菜單隱藏和展現(xiàn)的效果。

6、給二級菜單1的x軸旋轉(zhuǎn)角度K關(guān)鍵幀，第一幀將三個下拉導(dǎo)航隱藏起來（180°），第二幀恢復(fù)垂直下拉狀態(tài)（0°），這個時候按下空格鍵預(yù)覽就有一下菜單下來的效果了，選中所有關(guān)鍵幀按下F9來個緩動，這樣效果比較緩和自然。

二、制作箭頭

導(dǎo)入一個箭頭素材，或者自己用鋼筆工具繪制也行，我們需要實現(xiàn)鼠標(biāo)點擊一下，展示下拉菜單的效果，所以我們這邊給箭頭做個位置動畫，先拉出畫布外，再移到一級菜單那，把下拉的效果和箭頭出現(xiàn)的時間錯開來。

三、制作鼠標(biāo)點擊效果

再來做一個鼠標(biāo)點擊時候的一個小效果，這樣看起來比較逼真自然，新建一個純色層，然后選中純色層，用圓形工具畫一個遮罩（鋪滿整個畫布），然后給蒙版擴展K關(guān)鍵幀，先是顯示一點點，后是恢復(fù)鋪完整個畫布，選中蒙版，CTRL+D復(fù)制一層，然后模式選擇相減。效果做好之后，我們調(diào)整它跟整個動畫的節(jié)奏性。

以上就是ae制作下拉菜單動畫效果的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

AE2017文字怎么添加位移動畫效果?

AE怎么制作帶有水波紋的下雨動畫?

ae怎么制作線條圖形不斷變化的動畫效果?

最新評論