Friday, July 28, 2006

Lesson 1: The Basics

In After Effects, an expression is a Javascript based script in that can either modify a parameter or drive the parameter entirely, like position, opacity, or perhaps a Gaussian blur level. We can add an expression to any parameter that has a stopwatch icon next to the parameter. The exclusion to this rule are Masks parameters like Mask Shape, Mask Feather, etc.

The key to getting the whole AE expressions thing is to start learning the lingo. So, from time to time, I'd like to try to cover some of these expression terms to get you out of using the pick-whip, and using your noodle to create your own.

Let's start with opacity.

To create an expression in After Effects, you simply hold down the alt (Win) or option (Mac) key and click the parameter. After Effects is then waiting for you to enter brilliant code to tell this parameter what to do. So, let's try this.

Create a solid layer, hit "T" to show its opacity, then opt/alt click the Opacity stopwatch. Now, the text field, enter:

5

Opacity then becomes 5. Pretty simple, huh?

How about:

5 + 5

Opacity then becomes 10.

Expressions are aware of just about any kind of math you want to throw at it.. including + - / * and other weird things like modulus % and even trigonometry, but that's WAY down the road.

Let's throw in another expression term: time. Any time we use the word "time" in an expression, time will be equal to the current time of the composition playback head in seconds. So, if you play your comp from the beginning, time will start at 0 and increase 1 for every second that passes.

If we add this expression to opacity:

10 + time

Opacity will start at 10 and increase by one every second. Note that once the values go beyond 100, the value remains at 100.

Let's try multiplying.

time*100

Things were moving pretty slow before. This picks up the pace quite a bit. We are simply using time multiplied by 100 as the value for opacity rather than using keyframes.

What if we wanted this to start at 5 seconds? There are more elegant ways to do this, but let's do this the easy way:

(time * 100) - 500

Time keeps moving on, ya know. So, at 5 seconds, (time * 100) will be equal to 500. Again, opacity treats any value over 100 as 100 and any value below 0 as 0. So, if we subtract 500, the opacity will not start changing until 5 seconds.

One thing that I don't want to skip over is the parenthesis. Remember back to basic math class... mine was with Mrs. Fleeger. There's an accepted way that we calculate things. Often people use the term "BEDMAS" to remember this. This means that the order we calculate our equation is in this order: brackets (or parentheses), exponents, division, multiplication, addition, subtraction.

The reason I bring this up is that in the above example, we have some parenthesis. The items inside the parenthesis will get calculated FIRST. Then that calculation will have 500 subtracted from it. For example, at 3 seconds we would have:

(3 * 100) - 500 = (300) - 500 = -200

As I mentioned, negative opacity values are treated as 0. We cannot have a negative opacity obviously. This value will continue to be negative until we reach 500 inside the parantheses, which is 5 seconds.

Absorb that for now, and then next time I'll cover Array values like Position and Scale. Don't know what that means? Then check back.

50 Comments:

Blogger Beans said...

This is so Sweet!

Thank you so much for starting an expressions blog! I can't wait to delve into the world of expressions as this is the final frontier for my learning curve!

6:21 AM  
Blogger espi said...

This comment has been removed by a blog administrator.

3:28 PM  
Blogger espi said...

niiice!! dude i've been waiting for someone to explain all this expression stuff. I did all the tutorials and stuff moved. I just didnt understand why! Look forward to your blogggg

3:33 PM  
Blogger Michele Yamazaki said...

Mrs. Fleeger. Oh, I remember her. Mrs. 'Flea Bag' ;-) Actually, I never had her, but I heard rumors about her that she was a witch. Poor lady.

I'm going to study your expressions so I really know what I'm doing. My math education was not the best (maybe because I didn't have Mrs. Fleeger!) so I'm a bit weak in that area. Well, not THAT weak ;-)

12:04 PM  
Blogger taliban said...

you rock!!! i've always wanted to get into expersions. you explain beautifully. can't wait for more lessons. (i feel like such a geek)

12:58 PM  
Blogger astep said...

Thanks for doing all the work for me Harry!

PEMDAS....."Please Exuse My Dear Aunt Sally" was what Mrs. Powell came up with. All this time I have been calculating the multiplication before the division.....thanks alot Mrs. Powell!!!

7:29 AM  
Blogger George Rodriguez said...

These are cool!

6:56 AM  
Blogger Inerxia said...

Eres mi AE heroe !

Thank you !

10:15 AM  
Blogger Serial Dancer said...

Thank you for taking the time to explain expressions!
your the best!

9:00 AM  
Blogger Antonis said...

Thank you for your time!
I greatly appreciate your lesson!!!

7:41 AM  
Blogger Armybert said...

cool, im learning!

11:00 AM  
Blogger chenna said...

i am learning
Thanx

1:05 AM  
Blogger Sarah Chalek... said...

Thanks you! I'm trying to learn After Effects for my job and I was really confused about expressions until I read this. I'm going to read the rest of your posts now.

8:03 AM  
Blogger arun said...

Check out the AE Scripts video tutorials at www.aruntuts.blogspot.com

Thanks

1:37 AM  
Blogger Michael said...

I am so glad to have found your blog. It's a great source for building foundation knowhow about expressions! Thank you!

3:50 PM  
Blogger Michael said...

I am so glad to have found this blog! Thank you for your work!

3:51 PM  
Blogger Nishant said...

nice..

2:19 PM  
Blogger Nishant said...

This comment has been removed by the author.

2:19 PM  
Blogger nuwancat said...

Thank you dude

10:19 AM  
Blogger Takdirul Islam said...

This comment has been removed by the author.

4:48 AM  
Blogger Harshith S said...

This comment has been removed by the author.

1:44 AM  
Blogger Zelna Smith said...

It is very necessary to learn After Effects as these have been widely used in film making, intros, outros, animations, and for the purpose of video presentations for the product launch/promotion. However, if a person doesn't want to spend so much time in figuring out the after effects, he can simply use After Effects Templates which are available for free.

10:44 PM  
Blogger Abina Ragav said...

This blog is very informative which explains the need for small concepts within the video preparation to prepare a good presentation. Also i added that We are providing PHP Training in Chennai, Java Training in Chennai, Dot Net Training in Chennai and so on learn and get benefited with us

11:16 PM  
Blogger Mothe Ginsberg said...

It is the era Information Technology as http://www.collective-evolution.com/2016/02/03/7-success-lessons-i-learnt-working-as-a-social-worker/ is It every where and every one is in the row of learning the function of computer and tries to find out how to bring that gadget in the routine but for this the students will have to learn as better things come after some pain and students will have to bear pain.

10:06 AM  
Blogger Rose Howard said...

It all depend upon the programmer that what he wants and how he guides others to complete the task of purchase essay but what we need to do is we need to guide the best possible and easy way to complete because that would make them expert and will make the work more interesting.

2:32 AM  
Blogger Abiya Carol said...

The source are good but the contents of information too expective this blogs.Anyway thanks to share the upcoming post.

SEO training in Chennai

9:57 PM  
Blogger Nainika Joseph said...

Thank you for taking the time to provide us with your valuable information. We strive to provide our candidates with excellent care and we take your comments to heart.As always, we appreciate your confidence and trust in us.

SAP training in Chennai

2:02 AM  
Blogger Aashi siva said...

Wow.. Thanks much for sharing.. My friend also recommended you so that i can have a helping hand to make my blog as effective as possible.

Corporate Training in Chennai

1:51 AM  
Blogger Keerthi said...

Wow.. Thanks much for sharing.. My friend also recommended you so that i can have a helping hand to make my blog as effective as possible.

Online Training in Chennai

4:10 AM  
Blogger Tweety P said...

This content creates a new hope and inspiration with in me. Thanks for sharing article like this. The way you have stated everything above is quite awesome. Keep blogging like this. Thanks.
SMO Services Chennai

4:18 AM  
Blogger Suseela Susiee said...

All are saying the same thing repeatedly, but in your blog I had a chance to get some useful and unique information, I love your writing style very much, I would like to suggest your blog in my dude circle, so keep on updates.


Digital Marketing Training in Chennai

1:36 AM  
Blogger Iqbal Dlk said...

Thanks for sharing this valuable information to our vision. You have posted a trust worthy blog keep sharing

dot net training in chennai

php training in chennai

java training in chennai

12:26 AM  
Blogger apttree said...

for preparing bank exam and group exam , we are providing an online test model questions papers

Bank Exam Questions and Answers

Group Exam Questions and Answers

12:38 AM  
Blogger Lenova Services said...

Thanks for sharing this valuable information to our vision. You have posted a trust worthy blog keep sharing

lenovo ideapad service center chennai
lenovo laptop service center in chennai
lenovo thinkpad service center chennai

3:42 AM  
Blogger Kalai Selvan said...

Thanks for sharing such helpful information. This is actually easy to understand.

seocompanychennai

9:27 AM  
Blogger Outlawedthinking said...

Thanks mate. This is amazing. :) Easy to learn too. :)

4:03 PM  
Blogger mythily mythu said...

Interesting useful article...
unix training in chennai

12:24 AM  
Blogger Anne NormaStephanie said...

This information is impressive; I am inspired with your post writing style & how continuously you describe this topic. After reading your post, thanks for taking the time to discuss this, I feel happy about it and I love learning more about this topic
Cara Menurunkan Leukosit Tinggi

5:43 PM  
Blogger Shalini said...

Superb. I really enjoyed very much with this article here. Really it is an amazing article I had ever read. I hope it will help a lot for all. Thank you so much for this amazing posts and please keep update like this excellent article.thank you for sharing such a great blog with us. expecting for your.
Digital Marketing Company in India

11:29 PM  
Blogger Xplorant Seo said...

Wonderful blog.. Thanks for sharing informative blog.. its very useful to me..

iOS Training in Chennai

12:10 AM  
Blogger Syed said...

tutuhelper

6:48 AM  
Blogger mageswari j said...

Very Nice Blog I like the way you explained these things.
LOCAL BUSINESS DIRECTORY

9:05 PM  
Blogger mageswari j said...

GREEN WOMEN HOSTELGreen Women hostel is one of the leading Ladies hostel in Adyar and we serving an excellent service to Staying people, We create a home atmosphere, it is the best place for Working WomenOur hostel Surrounded around bus depot, hospital, atm, bank, medical Shop & 24 hours Security Facility

9:06 PM  
Blogger mageswari j said...

brilliant article that I was searching for. Helps me a lot
call360 is Fastest local search Engine we have 12 years of experience in online industery, in our Search Engine we offer,
more than 220 categories and 1 Million Business Listing most frequently search categories
are Money exchange Chennai and Bike mechanic Chennai,
we deliver 100% accure data to users & 100% Verified leads to our
registered business vendors and our most popular categories are
AC mechanic chennai,
Advertising agencies chennai
catering services chennai

5:44 AM  
Blogger mageswari j said...

brilliant article that I was searching for. Helps me a lot.
We are one of the Finest ladies hostel near OMR and our
womens hostel in adyar is secure place for working womens
we provide home based food with hi quality, our hostel located very near to Adyar bus depot.
womens hostel near Adyar bus depot, we are one of the best and experienced
womens hostel near omr

5:45 AM  
Blogger sunitha vishnu said...


This is excellent information. It is amazing and wonderful to visit your site.Thanks for sharng this information,this is useful to me...
Android training in chennai

10:41 PM  
Blogger sunitha vishnu said...


This is excellent information. It is amazing and wonderful to visit your site.Thanks for sharng this information,this is useful to me...
Ios training in chennai

11:49 PM  
Blogger john stany said...


These ways are very simple and very much useful, as a beginner level these helped me a lot thanks fore sharing these kinds of useful and knowledgeable information.
Android App Development Company

11:09 PM  
Blogger sunitha vishnu said...

It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
Android Training in Chennai
Ios Training in Chennai

12:04 AM  
Blogger Sharon Sandy said...

great and nice blog thanks sharing..I just want to say that all the information you have given here is awesome...Thank you very much for this one.
web design Company
web development Company
web design Company in chennai
web development Company in chennai
web design Company in India
web development Company in India

10:44 PM  

Post a Comment

<< Home