All classes After Effects Syllabus · Episode 30 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 “Class After Effects #30: Trim Paths: Self-Drawn Lines”.

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 self-drawn flight path line curving over a city from the airplane window, then ending with a destination marker that appears. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Trim Paths is the most popular shape layer operator for motion graphics. With just one property, the line can be self-drawn, moving, or disappearing. We are making an animation of the flight path over aerial footage of a city.

Step 1: Draw the path

Create a composition from the airplane takeoff footage. Press F2, select the Pen Tool with no fill and a yellow 8-pixel stroke. Click and drag to create three points forming a curve from the bottom left to the middle right. This is our flight path line.

Step 2: Add Trim Paths

Open the path layer in the timeline, click the add button in the contents row, then select Trim Paths. Trim Paths 1 appears inside the group, containing Start, End, and Offset. Start and End determine the visible part of the line, in percentage of the line's length.

Step 3: Animate End

At second 0, activate Stop Walk End with a value of 0%, the line disappears. At second 2, fill in 100%. Play the preview, the line self-draws from the starting point to the end. Select the keyframe and press F9 so the image starts and ends smoothly.

Step 4: Dashed Line

Flight paths are usually dashed. Open Stroke 1, click the plus sign in The Chess. The Desk and Gap properties appear. The line is now dashed, and Trim Paths still works so the dashes are also drawn.

Step 5: Target Marker

Create a small white circle with a yellow border at the end of the path as a destination marker. Animate its scale from 0 at second 1.8 to 100 at second 2.2 with a small overshoot. The marker appears exactly when the line arrives.

Step 6: Text and Preview

Add a small text label for the destination. The island of Bali is near the fading marker that appears afterward. Rotate the preview. The route is drawn as a curve over the city. The marker appears, then the destination name shows up.

Done!

Done. We have drawn the route with the Pen Tool, added Trim Paths, animated the N, created a dashed line with The Chess, and added markers and destination text. In the next episode, we create a repeating pattern with the Repeater. 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 opens After Effects courses from beginner to advanced. Want to master the entire series? 104 episodes from the interface to the final project? All episodes, complete with PDF step-by-step 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 just one class? Buy single classes with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact us via WhatsApp, or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode.

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

53 video classes1,281 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

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

Step 1: Draw the path

Step 2: Add Trim Paths

Step 3: Animate End

Step 4: Dashed Line

Flight paths are usually dashed. Open Stroke 1, click the plus sign in The Chess. The Desk and Gap properties appear. The line is now dashed, and Trim Paths still works so the dashes are also drawn.

Step 5: Target Marker

Step 6: Text and Preview

Done!

Your instructor

Cerdas Inovasi Digital Team

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

53 video classes1,281 episodes

See our clients →

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:38Step 1: Draw the path

0:58Step 2: Add Trim Paths

1:17Step 3: Animate End

1:37Step 4: Dashed Line

1:53Step 5: Target Marker

2:17Step 6: Text and Preview

2:35Done!

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: Draw the path

0:58Step 2: Add Trim Paths

1:17Step 3: Animate End

1:37Step 4: Dashed Line

1:53Step 5: Target Marker

2:17Step 6: Text and Preview

2:35Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Draw the path

Step 2: Add Trim Paths

Step 3: Animate End

Step 4: Dashed Line

Step 5: Target Marker

Step 6: Text and Preview

Done!

Introduction

Step 1: Draw the path

Step 2: Add Trim Paths

Step 3: Animate End

Step 4: Dashed Line

Step 5: Target Marker

Step 6: Text and Preview

Done!