EDUCBA Logo

EDUCBA

MENUMENU
  • Explore
    • EDUCBA Pro
    • PRO Bundles
    • Featured Skills
    • New & Trending
    • Fresh Entries
    • Finance
    • Data Science
    • Programming and Dev
    • Excel
    • Marketing
    • HR
    • PDP
    • VFX and Design
    • Project Management
    • Exam Prep
    • All Courses
  • Blog
  • Enterprise
  • Free Courses
  • Log in
  • Sign Up
Home Design Design Tutorials After Effects Tutorial Slider Control After Effects
 

Slider Control After Effects

Preeti Prajapati
Article byPreeti Prajapati
Madhuri Thakur
Reviewed byMadhuri Thakur

Slider Control After Effects

Introduction to Slider Control After Effects

Slider Control is one of the controlling features of After Effect software which provides you with a controlled parameter for the handling animation of any animated effect during your animation and gives you the best result of animation by providing you with a wide range of settings of the parameter according to you. Here in this article, we will analyze the Slider Control feature of After Effect and also understand it by an example in a few simple steps.

 

 

How to Use Slider Control in After Effects?

Before starting our article for the learning of Slider Control, we must have an overview of the different sections of this software so that you can understand different terms throughout this article. So let us discuss them.

Watch our Demo Courses and Videos

Valuation, Hadoop, Excel, Mobile Apps, Web Development & many more.

Step 1: At the top of this software, we have two ribbons one is Menu Bar, and the other is Toolbar, this section used for adjustment of different parameters of this software, at the left side, there is Project Panel, which shows the status of current work of any project, at the right side, we have some options such as Effect & Presets tab, Preview tab, Align tab and many others for making different adjustment during the creation of any animation, at the button end of this software we have two sections that are Layer section, which shows a number of layers of any composition and Timeline panel, which shows keys & keyframe head for making adjustment of any animation.

Slider Control After Effects - 1

Step 2: Let us have a New Composition for our work. For taking new composition to go to the Menu bar and click on File New. A drop-down list will be open; choose the ‘New Composition’ option from this drop-down list.

New Composition

Step 3: Or you can create a new composition from the Project section also. For creating ‘New Composition’ from here, just click on the ‘New Composition’ icon at the bottom of the Project section.

New Composition icon

Step 4: Once you click on the New Composition option, a dialog box of Composition Settings will be open. Set the parameters of composition from this box according to you and click on the Ok button of this box for applying the settings.

dialog box

Step 5: Now go to the tool panel and take the Text tool from here by click on the Text tool icon.

Text tool

Step 6: Now type a text. I will type a number like this and align it at the center of the composition with the help of aligning panel, which is at the right side of the working area of this software, or you can use short cuts of alignment for aligning the text. Adjust the size of the text according to you by setting the parameter for the character text box.

typing a text

Step 7: Now go to the Effect & Preset tab, which is on the right side of the working area of this software, and click on it. Once you click on the Effect & Preset tab, a drop-down list of effect and their presets will be open.

Effect & Preset tab

Step 8: Now, search the ‘Slider Control’ option here by going through the drop-down list of effects or simply type ‘Slider Control’ in the search box of the ‘Effect & Presets’ box.

Slider Control option

Step 9: Now pick the ‘Slider Control’ tab by click on it and drop it on the text by releasing the mouse button.

Slider Control Tab

Step 10: Once you drop the ‘Slider Control’ effect on the text. A parameter panel of ‘Slider Control’ will be open in the Project panel area like this.

Project panel area

Step 11: Now, when you change the value of the slider from a parameter of ‘slider control’, there will be no change happens in text because the text is not attached with slider control.

Slider Control After Effects - 11

Step 12: For attaching Slider Control with text go-to layer section, which is at the button end of this software. Click on a small arrow icon of a text layer for opening the properties of this layer. Now click on the small clock icon of the ‘Source Text’ property by holding the Alt button of the keyboard.

Source Text

Step 13: Now click on the small icon of the Effects parameter of this layer to open the properties of effects and connect the text with the slider by dragging the connector icon of text to the small clock icon of the slider option I did.

Slider Control After Effects - 13

Step 14: A command of connection of the text with the slider will be generated in the Timeline section.

Timeline section

Step 15: Now, when you change the value of the Slider from the Slider control section, the value of text will also be changed.

Slider Control After Effects - 15

Step 16: Let us now animate the slider value for seeing the effect of slider control on this text. For animating it, click on the small clock icon of the slider option. A key will be generated in the keyframe section. Make the value of Slider at 0.00.

Slider Control After Effects - 16

Step 17: Now, place the keyframe play head at 6 sec; you can place it according to you and click on the key icon of Slider for adding the next key-on keyframe section.

Slider Control After Effects - 17

Step 18: Now, change the value of the Slider up to 100, or you can change the value according to you for animating it by using the slider control option.

Slider Control After Effects - 18

Step 19: Now play the animation by pressing the Space bar of the keyboard, or you can play animation from the Preview tap of this software which is at the above of the Effect & Presets tab. When you play the animation of this text, the number will change between ‘0’ to ‘100’ like this with time.

Slider Control After Effects - 19

Step 20: If you want a round number in slider control, then you just have to edit the command of the slider control option. For editing the command type ‘Math.round(effect(“slider control”)) in the keyframe section in front of the Expression of Source Text option like it did.

Slider Control After Effects - 20

Step 21: Now, when you play an animation, the number of text will change in a round number like this.

Slider Control After Effects - 21

In this way, you can use Slider Control in After Effect software for making any animation.

Conclusion

After this article, you can easily understand Slider Control in After Effect software and can use it to make highly professional animation for your own project. You can enhance your skill by having a command of these types of features of this software.

Recommended Articles

This is a guide to Slider Control After Effects. Here we discuss how to use Slider Control in a simple and easy way in a step by step manner. You can also go through our other related articles to learn more –

  1. Blur in After Effects
  2. 2D After Effects Animation
  3. Masking Layers in After Effects
  4. Glitch Effect in After Effects
  5. Guide to After Effects Portable

Primary Sidebar

Footer

Follow us!
  • EDUCBA FacebookEDUCBA TwitterEDUCBA LinkedINEDUCBA Instagram
  • EDUCBA YoutubeEDUCBA CourseraEDUCBA Udemy
APPS
EDUCBA Android AppEDUCBA iOS App
Blog
  • Blog
  • Free Tutorials
  • About us
  • Contact us
  • Log in
Courses
  • Enterprise Solutions
  • Free Courses
  • Explore Programs
  • All Courses
  • All in One Bundles
  • Sign up
Email
  • [email protected]

ISO 10004:2018 & ISO 9001:2015 Certified

© 2025 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA Login

Forgot Password?

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

🚀 Limited Time Offer! - ENROLL NOW