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 final result we'll create: a split screen with three columns displaying a classic car, a coastal train, and a city tram, complete with dividing lines and labels that appear one after another. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Split screen displays multiple videos in one screen, popular for comparison or montage. In this episode, we'll create it using square masks on three transportation footage.
Step 1: Three overlapping footage
Create a composition lasting 8 seconds, then import the VW car footage, coastal train footage, and city tram footage. All three are fully overlapping, so only the top screen is visible.
Step 2: Mask the left column
Select the VW screen, then use the rectangle tool to drag a mask from the top-left corner to one-third of the screen width below. The VW is now only visible in the left column, and the screen below is visible in the remaining area.
Step 3: Middle and right columns
Select the train screen and create a mask in the middle column. The tram screen is left fully visible since it's at the bottom, and it will appear in the right column. Now all three footage are displayed side by side.
Step 4: Move the footage content
The column content isn't properly aligned yet; the VW car is outside its column. Select the VW screen and use the pan behind tool to drag the footage content inside the mask, so the car is centered in the column. Do the same for the train.
Step 5: Separator line and labels
Create two white rectangles, each 8 pixels thin, as dividing lines at the column boundaries. Add text labels for classic car, coastal train, and city tram below each column.
Step 6: Alternating panel opening
Animate the opacity of the train screen from 0 at 0.5 seconds to 100 at 1 second, and the VW screen from 0 to 0.5 seconds. The panels appear one after another from the left. Take a moment to watch the result.
Done!
Done. We've arranged three footage, divided the screen using square masks, moved the footage content with pan behind, added dividing lines and labels, and animated the panels. In the next episode, we'll create text that appears from behind a mountain. Need a promotional video, logo animation, motion graphics for social media, or visual effects for a short film? 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 individual 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
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.
