UX Hacker & Sketch TV's video: C4studio Tutorials 2 How to create success button animation with C4 Studio - UX Hacker

C4studio Tutorials | How to create success button animation with C4 Studio - UX Hacker. More at c4studio.co - Also remember to Like and Subscribe our channel for more. --- Success Animation In this lesson we will learn how to use the easing settings inside of C4 Studio to add more polish to our animations. We will create a success animation for a button that can be easily imported into an XCode project. If you want a quick start for the tutorial you can download our sample file and follow along starting with importing into C4 Studio. Final Design Files - http://c4studio.co/code/tutorials/2016-08-12-DesignFiles.zip Otherwise, we’ll build the design file from scratch. 1. Sketch File Setup Here’s the plan. We’re going to make an animation with the following effects: A progress bar animates to the right The progress bar covers the initial text A new piece of text animates in over top of the progress bar The progress bar expands to cover the light-gray border of the original button Let’s do it. 2. Sketch We’re going to create 5 elements in our sketch file: A container with a grey outline Two fill bars (one to animate to the right, one to expand) Two pieces of text. ... More at c4studio.co - Thanks and Enjoy the video.