Tutorial: Take A Great Looking Animation And Turn It Into An iOS Component

Last month I mentioned a nice guide and component showing how to create an interesting circular image loader that has the image expand through the center of the loader.

Here’s an in-depth tutorial from Neeraj Kumar showing how to create a morphing play/pause button utilizing Core Graphics.

In the tutorial Anton explains how he deconstructed the original animation, discusses layers, and then moves through step-by-step as to how to create the button.

Here’s an image showing the end result button in action:

Play Pause

You can find the tutorial over on Neeraj’s blog.

You can find PlayPauseAnimation on Github here.

The original animation that inspired the tutorial can be found on Michael Villar’s motion experiments page.

A nice guide on how to create a great button animation using Core Graphics.

Original article: Tutorial: Take A Great Looking Animation And Turn It Into An iOS Component

©2015 iOS App Dev Libraries, Controls, Tutorials, Examples and Tools. All Rights Reserved.

Leave a Reply

Your email address will not be published. Required fields are marked *