Тёмный

After Effects: Animated Tab Bar Icons for Lottie 

Christopher Deane
Подписаться 8 тыс.
Просмотров 3 тыс.
50% 1

Опубликовано:

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 12   
@welling1
@welling1 3 года назад
Your video rez is incredibly sharp. So much clearer than most videos on RU-vid.
@ChristopherDeane
@ChristopherDeane 3 года назад
Thanks for noticing Ian 🙂. Getting a 4K camera and 4K monitor has helped out a lot as far as how clear the screen recording is, an interesting side effect is that it shows you more of the wrinkles and pores on my face in the intros... so there are good and bad things about 4K 😁.
@dmitriymarkov8459
@dmitriymarkov8459 3 года назад
Hm... By the name of the video I thought we will do something like animated icons. For example if you have a home icon for the main screen, then the door of the home image will be opened and closed, when you switch to homescreen and back and interact with home button in the bottom navbar. But make icons selected and enabled/unselected - you can just do it in Figma and then just show it to developers, and they will recreate it quickly :) But was usefull anyway! Thank you :) And yes, quality of the video is just awesome, thanks for investing in it!
@ChristopherDeane
@ChristopherDeane 3 года назад
Hi Dmitriy, if you look at the examples in the intro, apps that used to animate the tab bar icons in the way you described have now all moved to icons that simply animate between an outlined (Enabled) to filled (Selected) state. This is probably due to the idea that you shouldn't introduce animation unless it's going to add a required level of cognative understanding and value to the element it's been used on. Where you "would" animate onboarding screen illustrations but "wouldn't" animate tab bar icons. The thing I love about Lottie Files is that you author once and deploy anywhere. 1 asset can be used in the web and in iOS and Android native apps without a developer having to do the work themselves (Aside from getting it to play). You also get the situation where you would have to provide, for every icon, 2 SVGs for iOS Android and 2 PDFs for iOS to a developer who would then animate between their states. That's 20 files instead of 5 and you may also get the Android developer creating them in AVD (Android Vector Drawable) which would then have an outcome that is unexpected. With that said, I'm doing an animated bell icon next that does swing and fill when there is a new notification so look out for that soon, and again, thanks for watching! 🙂
@SVGenius
@SVGenius 3 года назад
Thanks for this! :)
@ChristopherDeane
@ChristopherDeane 3 года назад
You're welcome SVGenius, there's more Lottie content on the way and thanks for the follow on Twitter 🙂.
@SVGenius
@SVGenius 3 года назад
@@ChristopherDeane Look forward to it! Don't hesitate to reach out if you need help with anything Lottie :)
@jmo_7
@jmo_7 2 года назад
I tried exporting components, animating and rendering... but after rendering the images show as broken png placeholders...? what am i doing wrong?
@ChristopherDeane
@ChristopherDeane 2 года назад
Hi Julia. That's odd. Bodymovin should only be exporting a json file that is completely vector. For more complex animated affects it'll export pngs, but for this tutorial they're not required.
@jmo_7
@jmo_7 2 года назад
@@ChristopherDeane thanks for the response! It took me a lil digging to find out why it wasn’t exporting properly… and it was only because when exporting I wasn’t selecting “current” but the general project instead
@Dr.smileclinic
@Dr.smileclinic 3 года назад
You look like 3d model
@ChristopherDeane
@ChristopherDeane 3 года назад
I'll actually take that as a compliment. Thanks Satheesh!
Далее
After Effects: Animated Hamburger Icon for Lottie
14:11
Youtube Subscribe Button Animation in After Effects
41:55
Eco-hero strikes again! ♻️ DIY king 💪🏻
00:48
Распаковка Monster High Potions №4
00:46
Просмотров 111 тыс.
Adobe is horrible. So I tried the alternative
25:30
Creating Lottie animations in Figma
6:45
Просмотров 40 тыс.
Why Are Open Source Alternatives So Bad?
13:06
Просмотров 638 тыс.
I stole this trick from VFX artists
9:42
Просмотров 29 тыс.
Set up your Mac to create Lottie Animations
8:05
Просмотров 7 тыс.
Top 30 Best Effects in After Effects
27:38
Просмотров 799 тыс.
Eco-hero strikes again! ♻️ DIY king 💪🏻
00:48