Memuat
Memuat
Want to go deeper?
Join one of our courses or ask us directly on WhatsApp.
Picked from the software, topic, and level of “Class After Effects #34: Shape Transition: Circle Opening Between Footage”.
Other ways we can help with Adobe After Effects.
Learn with a mentor
Scheduled Video Editing courses with live guidance and a certificate.

Course/Training Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects
★ 4.9 (3)

Course/Training Resolume Arena — Resolume Arena Mastery: Visual Mixing and VJing
★ 5.0 (12)

Adobe Premiere Pro CC 2019 Basic to Ultimate Training Course
★ 5.0 (9)
Have it built for you
No time to learn Adobe After Effects? Our team can do the project for you.

Development Service: Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects
★ 5.0 (3)

Development Service: Adobe After Effects — Expressions Expert
★ 5.0 (3)

Adobe Premiere Pro Creation Service — Video Editing for Internet Marketers
★ 5.0 (4)
Get notified about new Adobe After Effects classes
At most one email a week. Unfollow anytime with one click.
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
This is the result we will create: a multi-colored circular transition that expands from the center of the screen and reveals the old city footage from the city street footage. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Graphic transitions give energy to videos and are often used in social media content. In this closing episode of the shape module, we create a multi-layered circular transition that ends with a track matte. Create a composition lasting 6 seconds, place the city street footage below and the old city footage on top.
The old city will appear through the transition around the second second.
Press F2, create a yellow circle in the center of the screen using the ellipse tool while holding shift and control to make it expand from the center. Animate the scale from 0 at the 2nd second to 600% at the 2.8th second, large enough to cover the entire screen. Press F9 then set the influence to 70%. Duplicate the circle twice. Change the color of the duplicates to blue and white, and shift each keyframe 3 frames later. Now, the three colorful circles are expanding sequentially, creating a wave color effect. Duplicate the last circle once again, shift its keyframe 3 frames later, and name it matte. Move the matte layer directly above the old city footage.
This circle will become the window through which the old city appears.
In the track matte column of the old city footage, select the matte layer as the alpha matte. The old city is now only visible within the matte circle. When the circle expands to cover the screen, the old city appears fully and the transition is complete.
Play the preview around the 2nd second. The color wave sweeps across the screen and reveals the old city. Select the three colored circles and pre-compose them into a circular transition so they can be reused in other projects.
Done. We have arranged two footages, created multi-layered expanding circles, used the circle as an alpha track matte, and made the transition into a pre-composed reusable transition. Shape module is complete. And in the next module, we'll dive into text and text animator. 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 offering 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 a single class 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.
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
Notes are saved with the current video time and are only visible to you.
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.

Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
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 →