Designing SwiftUI Animations and Motion
What you'll learn
- The Basics of Animation Timing in SwiftUI
- How to Make iOS App Animations Look Better
- Understanding Basic Animation
- Designing Spring Animations
- How Anchor Points Affect Animation
- Understanding Animation and Motion in SwiftUI
- How to Create Meditation and Relaxation Animations
- SwiftUI Animation Techniques
- How to Build Animations for iOS Applications
- Animating in 3D
- Motion on a Circular Path
Requirements
- Students need Xcode installed on their Mac computer
- Students will also need to install MacOS Catalina or Mojave on their Mac computer
- The assets for this course are designed in Sketch and most of the icons used in the projects are SF Symbol. Students can still learn the course without installing Sketch or the SF Symbols application.
Description
Hi, My name is Amos Gyamfi. I have been using SwiftUI to create animations and prototypes since its very first release in 2019. I am so excited to teach you how to get started, prototype and, build your next iOS, tvOS, iPadOS, and watchOS App animations using SwiftUI.Welcome to SwiftUI Animation Foundations: Fundamentals. This course gives you the good foundations and the basic principles of animating anything you could imagine using SwiftUI. We will first go through how things change over time so that you know for example, how things move. We will then look at creating Basic Animation as well as Spring Animation. You will learn how to make your app animations look better, delightful, and useful using nothing but SwiftUI. So, let’s get started with SwiftUI Animation Foundations: Fundamentals.
Learning Objectives
- Understanding animation and motion in SwiftUI
- Working with Anchor Points (Center of mass)
- Understanding Basic Animation
- Designing Spring Animations
- How to make iOS App Animations look better
- The basics of Animation Timing
- Animating in 3D
- Motion on a circular path
Main Sections (will be updated weekly)
Creating Basic Animation
- A tour of SwiftUI animations
- Understanding how to animate
- Create your first Apple Watch animation: A Calming Breath
- How to animate Hue Rotation
- Animate and swap one text with another: Breath In, Breath Out
- Create a looping animation: A glowing ring loader
- Create your first SwiftUI animation
- Animating scale
- How to animate offset
- How to bring a compound path from Sketch
- How to create an animated matching ants
- Using default Spring Animation
- Understanding Spring Animation Parameters
- Understanding Momentum and Mass
- Understanding Stiffness in Spring Animation
- Friction and Drag: What is Damping?
- How Initial Velocity Affects Spring Animation
- Create a 3D Swing and Rotating Animation
- How to animate X, Y of 3D Rotation
- Animating Visual Effects: tvOS Focus and Parallax
- Understanding animation easing
- How to animate a trimmed path
- how to create a rotation animation
- how to animate scale
- Animating shadows
- How to animate color rotation (Hue adjustment)
Creating Weather Animations
Creating an Onboarding Animation: Island Fishing Animation (coming soon)
Who this course is for:
- iOS developers who want to learn app animations using SwiftUI
- App designers who want to learn how to animate with SwiftUI
- Anyone who wants to learn SwiftUI animations
- Designers, app developers, and app engineers who do not have time to create beautiful app animations
- Anyone who wants to learn native iOS animations building
- Anyone who want to design and prototype animations for iOS, macOS, tvOS and watchOS
- iOS App designers and prototypers
