All classes After Effects Syllabus · Episode 63 of 104

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 104-episode syllabus View After Effects Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “After Effects Class #63: Math.sin, linear, and ease Expressions: Swinging Lantern”.

104 episodesFree preview

Adobe Audition · Beginner–Advanced

Complete Adobe Audition

104 video lessons with PDF guides, 10 h 33 min in total.

10 h 33 min 5 0

View class

105 episodesFree preview

Adobe Premiere Pro · Beginner

Complete Adobe Premiere Pro

105 video lessons with PDF guides, 6 h 22 min in total. Starts with: Getting to Know the Premiere Pro Interface: Panels, Monitors, and Timeline.

6 h 22 min 6 0

View class

104 episodesFree preview

Adobe Animate · Beginner–Advanced

Complete Adobe Animate

104 video lessons with PDF guides, 8 h 56 min in total.

8 h 56 min 5 0

View class

Need more than a video?

Other ways we can help with Adobe After Effects.

Learn with a mentor

Scheduled Video Editing courses with live guidance and a certificate.

Course

Course/Training Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 4.9 (3)

Course

Course/Training Resolume Arena — Resolume Arena Mastery: Visual Mixing and VJing

★ 5.0 (12)

Course

Adobe Premiere Pro CC 2019 Basic to Ultimate Training Course

★ 5.0 (9)

See all in Video Editing →

Have it built for you

No time to learn Adobe After Effects? Our team can do the project for you.

Service

Development Service: Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 5.0 (3)

Service

Development Service: Adobe After Effects — Expressions Expert

★ 5.0 (3)

Service

Adobe Premiere Pro Creation Service — Video Editing for Internet Marketers

★ 5.0 (4)

See all in Video Editing →

Get notified about new Adobe After Effects classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is the result we will create, a gently swaying lantern, floating up and down, and appearing smoothly above a night plaza, without any keyframes, just formulas. Let's get started. Welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. The final episode of this expression module covers three of the most useful mathematical functions for animators. Mesh sign for back-and-forth motion, linear and ease for mapping one range of values to another. Create a composition from the night plaza footage.

Step 1: Preparing the lantern

Create a rounded red square named 'Lampion' in the center top of the screen. With the Pan Behind tool, move the anchor point to the top edge of the lantern, since the lantern will swing from its hanging point.

Step 2: Math.sin

Mesh sign produces a wave that goes up and down between minus one and one. On rotation, type mesh sign (time * 3), then * 20. The number three is the swing speed, the number twenty is the maximum angle. The lantern swings gently left and right.

Step 3: Floating

On position, type value (0, mesh sign time * 2 * 15). The lantern slowly rises and falls 15 pixels. Because the speed is different from the swing, the motion feels natural and not stiff.

Step 4: linear for Opacity

The linear function maps one range to another range. On opacity, type linear (time 0,2,0,100). This means, when time moves from 0 to 2 seconds, opacity moves from 0 to 100. After 2 seconds, the value remains at 100.

Step 5: ease for Scale

Is works like linear but with the start and end slowed down. On scale, type is (time 0,1,5, [0,0], [100,100]). The lantern grows from 0 smoothly, as if given isi.

Step 6: Preview

Preview the animation. The lantern appears, grows, sways, and floats. Everything comes from four lines of formulas. Change just one number to alter the motion character. Done

Done!

We've already used easing for swinging and floating motion, linear to map time to opacity, and ease for smooth scaling. The expression module is complete, and in the next module we enter the 3D world. Need a promotional video, logo animation, motion graphics for social media, or visual effects for short films? Cerdas Inovasi Digital provides motion graphics and visual effects services, as well as After Effects courses from beginner to advanced. Want to master the entire series? 104 episodes from the interface to final projects? All episodes, complete with step-by-step PDF guides, source footage, and project scripts, are available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want a single class only? Buy a single class with lifetime access. Subscribe now on the premium page cerdasinovasidigital.com. Contact our WhatsApp or visit cerdasinovasidigital.com. Thank you for watching, see you in the next episode. Thank you for watching,

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

52 video classes1,276 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:38Step 1: Preparing the lantern

0:58Step 2: Math.sin

1:19Step 3: Floating

1:37Step 4: linear for Opacity

1:58Step 5: ease for Scale

2:17Step 6: Preview

2:31Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:38Step 1: Preparing the lantern

0:58Step 2: Math.sin

1:19Step 3: Floating

1:37Step 4: linear for Opacity

1:58Step 5: ease for Scale

2:17Step 6: Preview

2:31Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Preparing the lantern

Step 2: Math.sin

Step 3: Floating

Step 4: linear for Opacity

Step 5: ease for Scale

Step 6: Preview

Done!

Introduction

Step 1: Preparing the lantern

Step 2: Math.sin

Step 3: Floating

Step 4: linear for Opacity

Step 5: ease for Scale

Step 6: Preview

Done!