Fingerprint authentication animation

This animation is just simple effect for the fingerprint authentication (e.g. login, online payment).

- How to create -

1. Trace the line of "fingerprint" & "check" icons of Google Material icons in Illustrator.

2. Import the ".ai" file on AfterEffects.

3. Set "Trim path" effect to the path layer, and modify the "start" & "end" percentage. (and change color effects so on)

4. Export the movie to mov file.

5. Create a device UI on Principle App, then import the fingerprint Animation.

6. Finally, Convert from ".mov" to "GIF Anime" in Photoshop.

Posted on Jun 16, 2017

More by maki

View profile