Animating a live streaming app UI in After Effects
HTML-код
- Опубликовано: 5 июн 2024
- In this video, I share my exact process I used used to animate Actio's home feed. Drop a like if you found this valuable!
Chapters:
0:00 Intro
1:43 Preparing assets for Export in Figma
3:58: Adding assets to After Effects
5:06 Animating a progress bar using Trim Paths
8:18 Replace layer shortcut
9:20 Animating a number counter using slider and an expression
12:46 Organizing your file
13:22 Animating the slides using a null object (paged swiping)
15:50 Adding easing to smooth out the animation
18:36 Adding swipe indicators to convey user interactions
20:50 Rendering and final thoughts
Woohoo videos are back! I’m excited to check this video out in full later!
Haha yes WE ARE BACK
It's so nice. Thanks for sharing!
I really likethe simplicity of the gesture movement for swipe up when I look at touch gestures all I can see are ugly hands? which I feel would get in the way of the story telling process? Is the gesture pack a motion array product or envato? Because I can't seem to find it anymore.
Yo! awesome than you for making UI + after effects tut video..waiting for such more tuts video series😊
Yeeeeeahhhhhh! More on the way 🤘
@@JakePomperDesign Yeah! thats so cool 🤩
@@JakePomperDesign also its just a suggestion that can you make one long tut video on AE basics it will be better for new people who are just started to learn AE can be helpful for all hope you can feel me and my words🙂
Still waiting for a fkin course!!
Hey Jake, this is Cynthia if you remember me lol
Lovely tutorial btw❤
Oh hey!!! Thanks Cynthia I hope you’re well!
Hey Thank you so much for this could you make some more UI animation tutorials 😊
Hey man love your videos. Recently I revisited them since I was looking for the best UI animation and prototype tools. It seems lots of things have changed, InVison Studio seems doesn't exist anymore (?!)
Do you use AfterEffects now, since it's not made for prototyping and it's more complicated any other tools that are good for animating the UI in 2023?
Thank you, love your videos keep up amazing work you do!
Hey man! Appreciate the kind words. Im a big fan of protopie these days for interactive prototyping
@@JakePomperDesign Thanks I've been looking at them it seems like they are focused on mobile.
If you got time, it would be awesome to make an updated list of best tools for UI animations and prototypes in 2023 :)
Hey there, could You share that Gestures file with us?
Yo really thank you ❤️
And btw i saw one of your old tutorials, you spoke about your animation course and i can't find it's link anywhere on the channel.
It’s still in the works…life kind of got in the way 😂
I don’t get why to go to AE if u are making a prototype, the developer needs the information… did he has to guess the settings or properties? I’d love to be able to just edit it like that and the developer has it clear
Hi bro! Did you launch finally your course?