--- title: "Liquid Tabbar Animation in After Effects" description: "Liquid Tabbar Animation in After Effects | Cuberto BlogServicesProjectsCompanyBlogContactsMenuServicesProjectsCompanyBlogContactsGet in touchinfo@cuberto.comOur workflowcontact-contact-contact-contact-Design Course5/27/2021Liquid Tabbar Animation in After EffectsIn this master class, we’re going to follow up with the liquid animation…" url: https://nexonsoftware.com/liquid-tabbar-animation-in-after-effects/ date_published: 2026-06-07T17:24:57+00:00 date_modified: 2026-06-20T10:56:56+00:00 site: "Nexonsoftware" agent_standard: ugentic/1.0 --- Liquid Tabbar Animation in After Effects | Cuberto Blog [https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true)[https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true) [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Menu [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Get in touch [info@cuberto.com](mailto:info@cuberto.com) [Our workflow](https://nexonsoftware.com/?page_id=20&preview=true) [https://nexonsoftware.com/?page_id=25&preview=true](https://nexonsoftware.com/?page_id=25&preview=true) Design Course 5/27/2021 # Liquid Tabbar Animation in After Effects In this master class, we’re going to follow up with the liquid animation concept and use one of the applications as an example for working with the lower tab bar. Most tab bar animations are aimed at animations within the button. While using the application, you tap the icon and your finger blocks whatever is happening underneath. In our version, the animation has been carried beyond the tab bar limits. You tap the icon and see the full interaction. Obviously, you can simplify the animation, but here I wanted to show you all the options, so the motion is a bit more elaborate. In this master class, we’re going to follow up with the liquid animation concept and use one of the applications as an example for working with the lower tab bar. First up, let’s start with the main screen UX and UI of the Home Workout App. ![Liquid Tabbar Animation in After Effects YouTube Video](https://nexonsoftware.com/wp-content/uploads/ugentic-clones/ugentic-clone-6a25a82190a88/img.youtube.com/188108d8b4ab-maxresdefault.jpg) Share [https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/liquid-tabbar-animation-after-effects/](https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/liquid-tabbar-animation-after-effects/) [https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/liquid-tabbar-animation-after-effects/](https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/liquid-tabbar-animation-after-effects/) [https://twitter.com/intent/tweet?url=https://cuberto.co/blog/liquid-tabbar-animation-after-effects/](https://twitter.com/intent/tweet?url=https://cuberto.co/blog/liquid-tabbar-animation-after-effects/) Related Posts [3D Animation in After Effects & Cinema 4D](https://nexonsoftware.com/?page_id=27&preview=true) [Lottie Animation & After Effects Tutorial](https://nexonsoftware.com/?page_id=50&preview=true) [How to Prepare Your Design Portfolio on Behance](https://nexonsoftware.com/?page_id=42&preview=true) ## Have an idea? [Tell us](https://nexonsoftware.com/?page_id=25&preview=true) [info@cuberto.com](mailto:info@cuberto.com) Main office 901 N Pitt Street Alexandria VA, 22314 [+1 301 549 9309](tel:+13015499309) Second office Na Perstyne 342/1, 11000 Prague [Services](https://nexonsoftware.com/?page_id=21&preview=true)[Blog](https://nexonsoftware.com/?page_id=24&preview=true)[Projects](https://nexonsoftware.com/?page_id=22&preview=true)[Workflow](https://nexonsoftware.com/?page_id=20&preview=true)[Company](https://nexonsoftware.com/?page_id=23&preview=true)[Contacts](https://nexonsoftware.com/?page_id=25&preview=true) [Privacy Policy](https://nexonsoftware.com/?page_id=26&preview=true) 2026, Cuberto [https://www.instagram.com/cubertodesign/](https://www.instagram.com/cubertodesign/) [https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ](https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ) [https://github.com/Cuberto](https://github.com/Cuberto) [https://www.facebook.com/Cuberto.design/](https://www.facebook.com/Cuberto.design/) [https://dribbble.com/cuberto](https://dribbble.com/cuberto) [https://www.behance.net/cuberto](https://www.behance.net/cuberto)