EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Slider Control After Effects

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » After Effects Tutorial » Slider Control After Effects

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 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 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.

Start Your Free Design Course

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

Step 1: At the top of this software we have two ribbons one is Menu Bar and other is Toolbar, these section used for adjustment of different parameters of this software, at the left side there is Project Panel, which shows status of current work of any project, at right side, we have some options such as Effect & Presets tab, Preview tab, Align tab and many others for making different adjustment during creation of any animation, at the button end of this software we have two sections that are Layer section, which shows 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 ‘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 which is 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.

Popular Course in this category
After Effects Training (1 Courses, 3+ Projects)1 Online Courses | 3 Hands-on Projects | 20+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.5 (2,816 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

dialog box

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

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 ‘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 for opening the properties of effects and connect the text with slider by dragging the connector icon of text too small clock icon of slider option as 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 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 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 command of 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 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

Now after this article you can easily understand Slider Control in After Effect software and can use it for making highly professional animation for your own project. You can enhance your skill by having 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

After Effects Training (1 Courses, 3+ Projects)

1 Online Courses

3 Hands-on Projects

20+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Text Effects in After Effects
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects Optical Flares
    • Glow in After Effects
    • After Effects GIF
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

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

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

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

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

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

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

Special Offer - After Effects Training (1 Courses, 3+ Projects) Learn More