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