EDUCBA

EDUCBA

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

After Effects Expressions

Home » Design » Design Tutorials » After Effects Tutorial » After Effects Expressions

After Effects Expressions

Introduction to After Effects Expressions

After Effect is graphics designing software used for video editing work and popular between video editing graphics professionals, we can animate any object in this software by using Expressions. The expression means a code through which you can define any effect on any object and save your time for giving a command in each frame for that effect. If you know Javascript, you can easily use expressions in this software to make the best animation of any object. You can learn expressions coding by practicing on it if you haven’t a computer background. So let us analyze the term Expression in this article and also have a look at ‘how we can handle its parameters?

How to Use Expression in After Effects?

We will understand Expression in After Effect in a very interesting manner through any example. Before starting our article, let us have a brief look at the working screen of this software so that we can easily understand the working environment of this software throughout this article.

Start Your Free Design Course

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

Step 1: At the top of the working screen, we have two ribbons that are Menu bar and Toolbar; the second topmost section have three main areas that are Project Panel at the left side, the Composition window at the middle, Some important parameters section at the right side, below these sections we have two another important sections that are Layer section at left end and Timeline section at the right side. You will understand the working of all these sections throughout this article, so keep with us from start to end for your better understanding.

Menu bar and Toolbar

Step 2: Let us have a new composition first. For New Composition, go to File Menu of Menu bar and click on the ‘New Composition’ option of a drop-down list, or you can press Ctrl + N keys for a new composition.

New Composition

Step 3: A dialog box for the new composition will be open. Make your desired setting here in this box, and then press the Ok button of this dialog box for applying the settings.

dialog box

Step 4: Now, take the Text tool from the tool panel of this software, which is at the top of the working screen.

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

View Course

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

Text tool

Step 5: Now, type your desired text in the composition window area with the text tool.

desired text

Step 6: Align it at the center of the composition window with the help of the Align tab, which is at the right side of the working area in the parameters section.

Align tab

Step 7: Now go to the Layer section of this software and click on the small arrow icon of the text layer. Properties of the text layer will be open. Click on the Animate option of Text.

Layer section

Step 8: Choose your desired property of Text on which you want to apply expression from the drop-down list of properties. I will choose the Position property of the text.

Position property

Step 9: Now click on the small arrow icon of Animator 1 and delete Range Selector 1 from here because we want the Expression selector here. For deleting Range Selector 1, click on it and press the ‘Delete’ button on the keyboard.

icon of Animator 1

Step 10: Now click on Add button of Animator, go to Selector in the drop-down list and choose the Expression option from the new drop-down list.

Expression option

Step 11: Now click on a small arrow icon of Expression Selector 1 and select on which you want to apply expression; for example, if you choose Characters, then the expression will work on characters of text only. So choose anyone from the drop-down list according to you.

choose Characters

Step 12: Now click on the small arrow icon of Amount for opening the expression code. You can see the expression code in the frame section of the timeline.

expression code

Step 13: Now select this expression by click on it.

expression

Step 14: Type an expression like this. You will become an expert by practicing on it.

Type an expression

Step 15: This expression will work on any other expression which will be above Expression selector 1. So let us take Wiggly Expression. For the Wiggly expression, click on Add button of Animator 1; a drop-down list will be open; go to the selector and choose Wiggly from the new drop-down list.

After Effects Expressions - 15

Step 16: Place Wiggly Selector 1 above Expression Selector 1.

After Effects Expressions - 16

Step 17: Now disable Expression selector 1 layer for seeing the effect of the Wiggly selector on our text. Now increase the value of the position. According to our expression, if the value of position is less than 50, then the character will remain in its position, and if the value of position is more than 50, then the position of the character will change.

After Effects Expressions - 17

Step 18: Now, when you enable the expression selector 1 layer, the code of expression will show results.

After Effects Expressions - 18

Step 19: You can take any property of text for adding expression on that property. Just go to the ‘Add’ button of Animator 1 and choose your desired property at any point in your work.

After Effects Expressions - 19

Step 20: You can add expression at the Source Text option of the text layer also.

After Effects Expressions - 20

Step 21: Just click on the small clock icon of the Source Text option by holding the Alt button of the keyboard. An expression will be open in the keyframe area of the Timeline.

After Effects Expressions - 21

Step 22: Suppose I will type Time in expression.

After Effects Expressions - 22

Step 23: Then, it will count time in the composition area.

After Effects Expressions - 23

Step 24: If you have no knowledge about Javascript and are finding difficulties in making code of expression, then there is another option for you to use the pre-designed expression of After Effect software. For pre-designed expression, go to the Effects & Presets tab of this software which is on the right side of the working area.

After Effects Expressions - 24

Step 25: Now click on the small arrow icon of Animator Presets. An A-List of presets will be open.

After Effects Expressions - 25

Step 26: Now click on the small arrow icon of Text Preset. The Number of presets expression will be open here.

After Effects Expressions - 26

Step 27: Choose your desired expression here and pick it from there, then drop it on the text in the composition window area.

After Effects Expressions - 27

Step 28: Preset expression will be applied to your text layer like this.

After Effects Expressions - 28

In this way, you can use Expression in After Effect and handle its parameter.

Conclusion – After Effects Expressions

After going through this article now, you can understand ‘what is Expression in After Effect’ and ‘how you can handle it without any difficulties for the best result in your graphics designing work. You can increase the area of using expression by practicing Javascript code writing.

Recommended Articles

This is a guide to After Effects Expressions. Here we discuss how to create Expression in After Effect in a step-by-step manner. You can also go through our other related articles to learn more –

  1. Motion Graphics in After Effects
  2. Wiggle in After Effects
  3. Drop Shadow in After Effects
  4. After Effects Transitions

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
    • Color Grading in After Effects
    • Text Effects in After Effects
    • After Effects Templates
    • After Effects Bounce Expression
    • After Effect Font
    • After Effects Duplicate Composition
    • After Effects Expressions List
    • After Effects Green Screen
    • After Effects Loop Composition
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • After Effects Freeze Frame
    • After Effects Move Anchor Point
    • After effects?Quicktime
    • 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
    • After Effects 3D Objects
    • 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
    • Ripple 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
    • After Effects Motion Tracking
    • After Effect Kinetic Typography
    • Cut Clips in After Effects
    • Lower third after effect
  • 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
    • After Effect Hologram
    • 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
  • Live Classes
  • 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

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

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

By signing up, you agree to our Terms of Use and Privacy Policy.

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

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

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

By signing up, you agree to our Terms of Use and Privacy Policy.

4th of July Offer - After Effects Training (1 Courses, 3+ Projects) Learn More