iOS Animation with Swift

Learn to create cool visual effects to bring life to your iPhone apps
4.2 (50 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,643 students enrolled
$19
$55
65% off
Take This Course
  • Lectures 82
  • Length 3 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

Graphics and Animations are an essential part of the iOS User Interface. 

From a UX standpoint, it lets users know that something has updated or moved on the screen. From a Design point of view, animations are a fun way to draw the attention of users and make your apps interactive. This is the extra value that will make your application stand out from others.

About the Class

The goal of the course is to teach techniques, from simple to complex, to create nice animation effects, bring life to iPhone apps, and offer an awesome user experience. This is another aspect of the iOS SDK that will make you enjoy iOS development even more.

What you will learn

In 4 chapters, you will take your iOS development experience to the next level with top-notch portfolio-ready projects.

  • Topics Include:
  • Basic Animation APIs of UIKit
  • Animation Effects (crossDissolve, cube transition, fade)
  • Custom View ControllerTransitions 
  • Gradient Animation
  • Layer & iCore Animation


In Section 1, you will set the stage for basic, yet very cool, animation effects with Basic Animation APIs of UIKit to animate move, size, and color. The first demo will show you how to animate objects on the UIKit. You will greet users with move and fade animations, create and adjust animation easing to customize visual effects. 

Section 2 covers layer animations and the Core Animation API. We will dive into higher levels of UIKit methods to animate view layers and create cool visual effects like gradient and shape animations. We'll replicate the twitter the splash screen as an example of the powerful things you can achieve with view layers.

In Section 3, you will learn techniques to create your own custom view controller transition and presentation. By the end of the section, you will have created your own custom controller presentation controller with a picture gallery.

Section 4  walks you through a Weather App tutorial with  tableView rows animation, crossfade, and cube transitions.  We will use new techniques of transform, cross dissolve and fade animations to take your experience with iOS UI to the next level.

- Each section includes project-based demos and a finished app that you can showcase in your work. You are going to learn how to use view animations and how to convert a simple view into an awesome view. You will be introduced to iOS 9 iCore Animation to create an eye-catching splash screen and some other extras to set your app apart from others.

- By the end of the class, you will be well prepared to turn any views into and interesting, attractive, and fascinating user interface.

Note to Students: This class is a beginner's guide to iOS Animations, but please note that the class requires basic knowledge of the Swift language, XCode and the iOS SDK. For the best learning experience, students should know how to start a project, run a project on the simulator, use the interface builder, and understand Swift.

Now, be ready to take your iOS Development to the next level. Join the new iOS & Swift Animation course to learn to bring life to your application

What are the requirements?

  • Basic knowledge of Swift and iOS development
  • Xcode 7 or later
  • Mac Operating System

What am I going to get from this course?

  • Animate UIView properties : position, appearance and color changes
  • Ajust transparency to fade Elements In and Out
  • Use Keyframe & Spring animation
  • Create interactive and impressive iOS user interfaces
  • Animate view layers with iCore Animation

What is the target audience?

  • iOS developers with basic knowledge of Swift and iOS development
  • iOS developers willing to create interactive iOS UI

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started
Welcome!
Preview
01:01
Class Requirements : what you need
00:34
Class Requirements : what you should know
00:51
Class Objectives & Presentation
Preview
01:28
Project Files & Assets
Article
Section 2: UIView Animations
Starter Projects (download)
Article
Hello World App Overview
Preview
01:47
Animating Hello World
01:37
animateWithDuration() Class method
Article
Delay & Completion Parameter
05:35
Alpha Changes
00:53
UIView Objects & Animatable Properties
Article
Random Quote App Overview
03:31
Article

To get started, download the starter project from the right-side panel.

  • section 1 > 2_randomQuote > start
  • the end folder includes the completed version
Displaying Quotes - IBAction
04:13
forismatic API usage
Article
Fading Quotes In and Out
Preview
02:01
Random Colors
02:04
RGB Colors and UIColor()
Article
arc4random_uniform
Article
Launchscreen & Login Form Animated (Spotify Brand)
01:17
Project Files
Article
Launch Screen - Visual Effect Blur
02:46
Spring Animation
03:03
Spring Animations parameters
Article
Adding Keyframe Animation
07:22
Animating the Login Form
02:26
UIView Animation APIs
5 questions
Section 3: Layer Animations
Project Files (download)
Article
Slot Machine App Overview
02:42
UIPickerView
04:15
Spinning the Wheel
02:24
Emojis Unicode Table
Article
Winning Condition(IF/ELSE)
01:46
Animating Play Button
02:51
Animation Easing Options
Article
Gradient Animation
07:51
IBInspectable
Article
Gradient Animation - END
02:59
Playing Sound (AV Foundation)
02:22
System Sound Services Reference (Apple Reference)
Article
Twitter SplashScreen Intro
Preview
02:46
Twitter SplashScreen - Project Files
Article
Layer Mask
02:43
Reveal and Animation with iCore Animation
07:35
AnimationDidStop()
01:28
Layer Animations
3 questions
Section 4: Custom View Controllers Transition
Overview
Preview
00:42
Project Files (download)
Article
Custom Segue
03:43
Creating a Segue Class
05:24
UIStoryboardSegue Class Reference
Article
Perform & Animate Segue
02:31
Transition Manager
03:18
UIViewControllerTransitioningDelegate Protocol Reference
Article
DismissViewController
01:42
dismissViewControllerAnimated:completion: (Apple Reference)
Article
Overview & ProjectFiles
Preview
02:07
Image Categories
03:27
CollectionView Data Source
06:43
Adding Photos to Library
02:45
Push Segue
04:41
Pictures Collection - Like Instagram!
03:51
Customizing the Picture Gallery - Data Source
02:08
Animator Class
01:55
UIViewControllerAnimatedTransitioning Protocol Reference
Article
Container View & Transition Context
03:46
Scale Transform
06:18
Adding TapGestureRecognizer
03:58
Dismiss PhotoViewController
01:45
Custom View Controller Transition
3 questions
Section 5: Building a Weather App
Project Files (download)
Article
Project Files
02:27
Api Calls & Weather Forecast Data
02:51
OpenWeatherMap API Documentation
04:21
API Registration
Article
Get Weather Data (JSON response)
03:57
Table View
04:39
Animating the Table Rows
02:11
5-day Weather Forecast
07:05
Display Date
02:47
Fade In & Out Transition
02:57
Cube Transition
02:42
Cross Fade Animation
07:26
Conclusion & Final Words
00:26

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sandy Ludosky, Web Designer & Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.

Ready to start learning?
Take This Course