Dropdown Menu Expression Control in After Effects
December 25, 2024 · Mike Murphy
This tutorial will show you how to use the Dropdown Menu Control Effect to create simple menus with multiple choice options to control various aspects of your animations in Adobe After Effects CC 2025
Adobe After Effects CC 2025: Dropdown Menu Expression Control
**Description:
**This tutorial will show you how to use the Dropdown Menu Control Effect to create simple menus with multiple choice options to control various aspects of your animations in Adobe After Effects CC 2025.
**Expression:
**var menu = thisComp.layer(“Control”).effect(“Dropdown Menu Control”)(“Menu”).value;
menu == 1 ? 100 : 0;
- var declares a variable. It tells After Effects that we’re creating a new placeholder to store some information.“
- menu: This is the name of our variable. I chose menu because it describes what this variable is referencing—the Dropdown Menu. You can name it anything you want, but using clear, descriptive names is a best practice.
- = (equals sign): The single equals sign (=) assigns a value to the variable. It’s like saying, ‘Set the value of menu to whatever we pick from the Dropdown Menu.
- thisComp.layer(“Control”): This tells After Effects to look at the layer named ‘Control’ in our composition.
- .effect(“Dropdown Menu Control”)(“Menu”): This looks for the effect called ‘Dropdown Menu Control’ on the Control layer, and specifically, it grabs the ‘Menu’ property of that effect.
- .value: This gets the actual numeric value of the Dropdown Menu. For example, if the first item is selected, the value is 1; if the second item is selected, it’s 2, and so on.
- menu: This references the variable we created in the first line.
- == (double equals): The double equals (==) is a comparison operator. It asks, ‘Is the value of menu equal to 1?’ If this comparison is true, we move on to the next part of the expression.
- ? (question mark): The question mark (?) acts like an if-then statement. It separates the condition from what happens if the condition is true.
- 100: This is what happens if the condition is true. In this case, we’re setting the Opacity to 100.
- : (colon): The colon (:) separates the true condition from the false condition. It’s like saying, ‘Otherwise, do this.’
- 0: This is what happens if the condition is false. In this case, we’re setting the Opacity to 0.
———————
Check out my After Effects User Guide Course:
https://aeuserguide.com
**Gear I Use:
**
https://mikemurphy.co/resources
To try or buy Adobe After Effects CC 2025:
https://mikemurphy.co/adobe (affiliate link)
Terrapin Textures Video Assets:
https://mikemurphy.gumroad.com/l/orangepastel
⭕️ Check out my Domestika Course on Adobe Audition:
https://mikemurphy.co/domestika
——————
Chapters:
00:00 Intro: About The Tutorial
00:16 What is a Dropdown Menu Control?
00:38 Example: Show/Hide Layer Visibility
01:04 How To Create Dropdown Menu
01:16 Create Null Object
01:33 Add Effect (Dropdown Menu)
01:46 Edit Menu
02:23 Rename + Add Menu Items
03:10 Tap T for Opacity Property
03:24 Line 1 of Expression
04:21 Add .value
04:46 Line 2 of Expression
05:12 Line 2 Explanation
05:41 Test Expression
06:26 Copy + Paste Expressions
07:10 Reveal All Expressions (EE)
08:13 Animate Dropdown Menu Effect
09:16 Merry Christmas!
**Software Used:
**Adobe After Effects CC 2025 (Click To Try or Buy)
How To Add Dropdown Menu Control Effect:
- Add Footage Layers
- Create New Null Object
- Go to Effect Menu
- Select ‘Expression Controls’…Dropdown Menu Control
- Click the Padlock in Effect Controls for ‘Dropdown Menu’
- Click ‘Edit’ in the Effect Controls Panel
- Click + to add menu items
- Click in each line to Rename
- Click ‘OK’ to create Menu
- Select Layer 1 to Show Hide
- Tap T for Opacity
- Opt/Alt + Click on the Stopwatch next to Opacity
- Enter Expression
- var menu = (Drag expression pick-whip to the Dropdown Menu Control)
- Enter .value at the end of the first line
- Tap Enter/Return to go to the next line of the Expression
- menu == 1 ? 100 : 0;
- Select Opacity Property
- Go to Edit Menu
- Select ‘Copy Expression Only’
- Select the other layers that are in the dropdown menu
- Paste Expression
- Tap EE to Reveal All Expressions
- change menu == 2 ? 100 : 0;
- change menu == 3 ? 100 : 0;
- change menu == 4 ? 100 : 0;