iOS Introduction Tutorial

Complete Overview, Importing, Setup, Animation, Tools, etc..

In this first tutorial, we will go over all the basics by creating this simple animation using Einstein's famous iconic photo.

 

iOS Basics Tutorial

In this tutorial, we will expand our look at the basics. We'll consider grouping elements and additional animation considerations.

 

 

ios intermediate tutorial

In this tutorial we will look at how to use videos in your projects. We will also discuss the live record feature. If you haven't done the first 2 tutorial basics yet, you may want to make sure you understand them first. You'll be asked to make a short video clip to use in this project. For easiest and best results, keep it very brief (under 6 seconds).

 

Ios Intermediate Tutorial 2

In this one, we will examine a technique of adding additional groups to your project, to avoid looping properties conflicts. The good news? It's much easier to do than that sentence makes it sound like. 

 

iOS Advanced Tutorial

In this tutorial, we will look at extracting items from a particular video frame and then animating them into the scene. To get this kind of footage in the first place, you likely want to film using a tripod. After you get the footage you want, make sure to record the same scene with no people in it this time. This will give you a blank environment to cut to, and it will be fairly seamless if it stays in the same position on the tripod.

 

iOS Motion Enhance a Photograph "Lantern"

In this project, we will take a single image and add slight subtle animation to it. These type of effects are very eye-catching in social media feeds and can really set your photography apart as creative and interesting.

 

iOS Motion Enhance a Photograph "Blustery Day"

In this project, we will take a single image and add a floating animation to it. We will talk about tricks to "clone" out part of backgrounds. These type of effects are very eye-catching in social media feeds and can really set your photography apart as creative and interesting.


 

Desktop Tutorials below

Desktop Introduction Tutorial

Design:  Complete Overview, Importing, Setup Mode, Animations, Tools, etc...

Code:     Complete Overview, Exporting Code, Integration in Xcode, Techniques etc...

In this first tutorial we will go over all the basics by creating a simple trash can UI element with simple animations.

Each tutorial will come in 2 parts. A video that is designer oriented, for creating the project using Core Animator, and another video that is developer oriented for integrating the Core Animator project successfully into Xcode.

The source files can be downloaded by clicking the image next to the tutorial (i.e. the trash can icon to the right)

 

Stickman "walk cycle" tutorial

Design:   "Key All" feature overview.

Code:      How to let a user "scrub" through an animation timeline.

In this tutorial we will look at how to create a character walk cycle that loops. We will explore the "key all" feature to help create our animations. In the developer implementation, we will show you how to implement it such that the user can manually "scrub" through the animation cycle.

 

Garden Guardian "Character App" Tutorial

Design:   Grouping Organization

Code:      App implementation of several animations.

In this tutorial we will look at how to create a Character that has several associated animations.

 

Custom Pull to Refresh Spinner Tutorial

Design:   Spinner animation timing and tips

Code:      Implementing the spinner in a list view

In this tutorial we will look at how to create a custom refresh spinner animation and implement it into your apps.

 

Plane "full game" tutorial

Design:   Animating Image Source and Z-Ordering

Code:      Full Game style implementation

In this tutorial we will look at how to create a series of animations that quickly enable an entire iOS game to be created!

 

Dynamic Content Cards

How to use dynamic content inside of animated views.

 

UI Buttons

This tutorial shows how to make a UIButton from an element from your Core Animator project. This technique is used to create an animated title screen. An example of incorporating an animated splash screen is also included.

 

Live record

Quickly make nuanced organic complex animations in real time. Just record it!

Code Snippet

Re-use a code snippet to apply the same animation to various UI elements.

Masking

Now you can easily harness the power of masking in an intuitive visual way.