Text Shake Effect: UI Animation in After Effects

Описание: In this video, I demonstrate how to create a convincing, physics-based animation in which a user leverages the accelerometer of the phone, shaking their device to process to the next state in a user interface. This is a versatile interaction, that could be used during onboarding, for success failure states, and more.


Chapters:
0:00 Intro
1:19 Figma Design and Asset Export
2:21 After Effects Setup
4:35 Letter Entrance Setup
7:00 Using shape layers as containers
10:40 Rendering Letter Entrance
13:20 Letter Shake Setup (UI)
16:00 Finalizing the UI
17:20 Device Shake Simulation
23:20 Final Render


Download newton plugin for AE: https://aescripts.com/newton/

email: [email protected]

#UI #UX #aftereffects #motiongraphics #typography #kinetictypography #mobile #app #ios #development #lottie #interface #userexperience