It’s free and I will continue to give out free downloads!

Create Color and Size Control in After Adobe Effects

If you are new to Adobe After Effects and looking to create a Controller layer that controls the Size, color, rotation, and opacity. Then this tutorial is best and easy for you. In this tutorial, I will show you how to create a simple controller in Adobe After Effects. No plugin, no expression needed. I am gonna show you how you can easily create a controller using one single Adjustment layer.

Step-by-Step Guide to Creating Color and Size Controller:

Expression controls in After Effects offer a versatile and efficient way to automate animations, create interactive elements, and achieve complex motion behaviors. They provide users with the ability to create sophisticated and dynamic animations with greater ease and precision.

Step 1: Setting Up the Composition

  1. Open Adobe After Effects and create a new composition.
  2. Rename it to “Controller.”
  3. Set the resolution to 1920×1080 pixels, frame rate to 30 frames per second, and duration to 5 seconds.

Step 2: Adding Background with Fill Effect

  1. Go to Layer > New > Solid.
  2. Rename the solid layer to “Background.”
  3. Go to Effects and Presets and search for “Fill.”
  4. Drag and drop the Fill effect onto the background layer. Adjust the color property.

Step 3: Adding Text with Fill Effect

  1. Select the Type Tool from the toolbar and add your desired text.
  2. Align the text to the center.
  3. Go to Effects & Presets and search for “Fill.”
  4. Drag and drop the Fill effect onto the Text layer.

Step 4: Creating Control Layer

  1. Go to Layer > New > Adjustment Layer.
  2. Rename the layer to “Controls.”

Step 5: Adding Expression Controls

  1. Right-click on the Controls layer and go to Effects > Expression Controls.
  2. Select “Color Control” and duplicate it (Control+D).
  3. You now have two color controls—one for the text and the other for the background.
  4. Duplicate the Color Control again for text opacity adjustment.
  5. Rename the duplicated control to “Text Opacity.”
  6. Lock the Effects and Controls panel.

Step 6: Linking Text Color with Expression

  1. Select the text layer and press E to open the Effects panel.
  2. Locate the Fill effect, hold the Alt key, and click the stopwatch icon to add an expression.
  3. Drag the pick whip from the Fill color property to the color control you created for the text.
  4. The text color will now change based on the color control’s value.

Step 7: Linking Text Scale with Expression

  1. Still working on the text layer, press S to open Scale properties.
  2. Hold the Alt key and click the stopwatch icon to add an expression.
  3. Drag the pick whip from the Scale property to the Slider Control you created earlier.
  4. The text scale will now be controlled by the slider’s value.

Congratulations! Your Interactive Controller Layer is Complete.

Project File Details:

UpdatedMarch 25, 2024
CompatibilityAfter Effects CC
Required PluginNo
Size26 KB
CategoryAfter Effects Tutorials