---
title: "Liquid Navigation in After Effects"
description: "Liquid Navigation in After Effects | Cuberto BlogServicesProjectsCompanyBlogContactsMenuServicesProjectsCompanyBlogContactsGet in touchinfo@cuberto.comOur workflowcontact-contact-contact-contact-Design Course12/1/2021Liquid Navigation in After EffectsToday we&Atilde;&#402;&Acirc;&cent;&Atilde;&#8218;&Acirc;&#8364;&Atilde;&#8218;&Acirc;&#8482;re going to talk about an intriguing case that&Atilde;&#402;&Acirc;&cent;&Atilde;&#8218;&Acirc;&#8364;&Atilde;&#8218;&Acirc;&#8482;s all about posting on social…"
url: https://nexonsoftware.com/liquid-navigation-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 Navigation 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
12/1/2021
# Liquid Navigation in After Effects
Today weÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;re going to talk about an intriguing case thatÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;s all about posting on social media. The interaction is whatÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;s key here, since the user flow involves taking specific actions with one hand.
Today weÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;re going to talk about an intriguing case thatÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;s all about posting on social media. The interaction is whatÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;s key here, since the user flow involves taking specific actions with one hand. WeÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;ll demonstrate the entire process of developing an interface like that, and best of all, weÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;ll show you how to make an engaging animation in After Effects.
Never, ever sell an animation without a completed design. For most clients, it goes without saying that animations are included in all UX/UI projects. To manage expectations, itÃ&#131;Â¢Ã&#130;Â&#128;Ã&#130;Â&#153;s critical to discuss deliverables during the pre-sale stage. Our studio always offers animations as an extra service based on the finished design. With a UI map on hand, we explain exactly which application cases need to be animated and offer quotes. By the way, design onboarding is also best sold separately. Onboarding, along with design and animation, can often take 3-4 weeks.
![Liquid Navigation in After Effects YouTube Video](https://nexonsoftware.com/wp-content/uploads/ugentic-clones/ugentic-clone-6a25a82190a88/img.youtube.com/35e0585456bb-maxresdefault.jpg)
Share
[https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/liquid-navigation-after-effects/](https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/liquid-navigation-after-effects/)
[https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/liquid-navigation-after-effects/](https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/liquid-navigation-after-effects/)
[https://twitter.com/intent/tweet?url=https://cuberto.co/blog/liquid-navigation-after-effects/](https://twitter.com/intent/tweet?url=https://cuberto.co/blog/liquid-navigation-after-effects/)
Related Posts
[Principle Tutorial & Onboarding Flow Animation](https://nexonsoftware.com/?page_id=54&preview=true)
[How to Make Epic Website // Frontend Development](https://nexonsoftware.com/?page_id=39&preview=true)
[How to Cook an Emotional Site // Web Development](https://nexonsoftware.com/?page_id=38&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)