2min chapter

Empower Apps cover image

Indie Dev #1 - Dark Noise by Charlie Chapman

Empower Apps

CHAPTER

How to Use After Effects to Build Motion Graphics

On iOS, like all the icons when you tap on them, they have some sort of unique animation that goes to it. And all of those are built in. I build them in After Effects and then bring them into the app using Lottie - if you're familiar with that. That's how you can see. It's not on the Mac. The Mac's always present. Like it's always being rendered. Whereas in iOS, it's once it's put in the background, all my animations stop. And it's like it's no longer a resource hog at all. OK. So one other thing I wanted to ask you about that you mentioned, is like motion graphics.

00:00
Speaker 2
So one other thing I wanted to ask you about that you mentioned, you're a big fan of, is like motion graphics. So have you, as most of your code, UI kit still, I guess? Yeah,
Speaker 1
yeah. I OK, I've pulled in SwiftUI here and there. Well, especially with widgets, right? Yeah, widgets are all SwiftUI. Yeah. Some of my setting screens I've been trying to pull in SwiftUI.
Speaker 2
How do you build your motion graphics then all in code, I guess?
Speaker 1
So like gestural animations and stuff are all built in code. OK. But then so like each of my icons are, when you play, they like animate in some way.
Speaker 3
Gotcha. That's how
Speaker 1
you can see. It's not on the Mac. That was another learning from the Mac version. The Mac's always present. Like it's always being rendered. And so it ended up being kind of a resource hog to always be running these animations. Whereas in iOS, it's once it's put in the background, all my animations stop. And it's like it's no longer a resource hog at all. Right. And so the Mac, you won't see those. But on iOS, like all the icons when you tap on them, they have some sort of unique animation that goes to it. And all of those are built in. I build them in After Effects and then bring them into the app using Lottie, if you're familiar with that. Oh, it's going to ask about that. Yeah.
Speaker 2
Interesting. OK. So you use After Effects for your motion graph.
Speaker 1
Yeah. Yeah. After Effects is kind of, I'm probably more comfortable and familiar in After Effects than I am in Xcode still. Despite having never done that professionally. So I don't know what that says about
Speaker 2
that.

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode