| 前言

其实关注Tiantian Xu这个设计师很久了，一直都很羡慕和敬佩她可以一直持续地学习和成为那1%的内容创作者。最近我的生活似乎是settle down了下来，我也开始重新找工作，希望也能用这个项目稳定自己的情绪，告诉自己无论前方如何，生活都是有趣的，什么时候都可以重新开始。    

她的Ins：https://www.instagram.com/tiantianxu/
介绍她的文章：https://uxdesign.cc/100-days-of-motion-design-463526af852f
翻译文章：https://www.jianshu.com/p/f7cdc5026636
我使用的工具： 矢量图&动效制作：Figma(免费)；GIF的制作：GIPHY CAPTURE(免费)

| 第一阶段 0-15天 

这个初期阶段我主要是学习教程，或者是创作简单的动效来联系刚学习到的知识。

day6 万圣节按钮

灵感：明天就到万圣节了，于是做了一个万圣节主题toggle。这个小动画有三帧，最后两帧是想要模拟白色圆形弹动的效果。
树屋和蝙蝠的矢量图来源：Halloween by Alice Noir from the Noun Project

day4-5 想喝奶茶的日常 

灵感：Tiantian Xu跟的另外一个教程【油管https://www.youtube.com/watch?v=iS3B5VT7Ejc&feature=youtu.be】 博主用的是principle里面的key frames，我用了figma里面的简单动效（on drag）代替，而且我变动的只有人物的眼睛，所以效果没有教程里面的那么好。

day3 骑车的少女 

灵感：我很喜欢的超级猩猩的单车课

day2 努力甩动战绳的桃子 

灵感：今天我一边在拉伸一边在围观别人的全能燃脂课，觉得绳子甩动的动感好有意思。

day1 蹦蹦跳跳的甜甜圈 

灵感：Tiantian Xu跟的第一个教程【油管https://youtu.be/qYCPoqwmQK4】 入门第一课我学会了如何用几帧做循环来形成动态效果。我还学到了阴影和动作的联动可以增加动作的空间感，改变整体中的局部细节（比如表情的变化、手脚的角度、长短等）可以使得运动的整体更加生动。按道理说，力的作用会引起物体的形变，下一次可以试试在动作的过程中改变整体的形状来形成一种弹动的效果。

Powered by Froala Editor