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

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

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

查看詳情

一、制作下拉菜單

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

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

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

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

5、這個(gè)時(shí)候我們切換一種觀察模式，選擇自定義視圖來觀察比較直觀一點(diǎn)，因?yàn)榍捌诮⒘烁缸蛹壍年P(guān)系，我們只需要調(diào)整二級菜單1下面的兩個(gè)子級就會跟著一起變化，我們可以通過調(diào)整父級的x軸旋轉(zhuǎn)角度來實(shí)現(xiàn)下拉菜單隱藏和展現(xiàn)的效果。

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

二、制作箭頭

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

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

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

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

相關(guān)推薦：

AE2017文字怎么添加位移動(dòng)畫效果?

AE怎么制作帶有水波紋的下雨動(dòng)畫?

ae怎么制作線條圖形不斷變化的動(dòng)畫效果?

最新評論