header_v1.7.40

交互动画设计

177天前发布

原创文章 / UI / 教程
尤爵 原创,如需商业用途或转载请与尤爵联系,谢谢配合。

讲述下一个心跳抖动的动画设计

心跳抖动动画。

第一步:动画设计开始时构造好自己想要的动画场景与动画中关键素材;

第二步:将完成的好吃场景和素材导入AE中,选择undefined点击确认即可。

第三步:这里不需要建立新的合成,PS或AI源文件直接导入进来的已经建立好的素材合成画布,选择已建立好的合成画布,开始动画制作。心跳跳动给我的感觉就是咚...咚...咚,缓动且有力的。选择心的图层选择缩放,快捷键“英文状态下:s”;在开始的第零帧打一个关键帧,设置缩放大小:100%。设计心跳动画总时间为21帧,制作八个关键帧,在21帧打一关键帧,置缩放大小:100%。

第四步:设计动画最难的就是动画在运动中过程中细致感处理,处理关键帧与动画出线一定要细心。下面建议大家用一个简单的处理方法,每次都用50%的放大缩小建立每一个细致关键帧。如:

第一帧:100%

第三帧:130%

第六帧:85%

第九帧:107.5%

第十二帧:96.25%

第十五帧:101.87%

第十八帧:99.1%

第二十一帧:100%

动画过程中细致关键帧处理公式:第一帧数值+(第一帧数值 - 前一帧)/2;

最后输出渲染。


其他动画设计展示:

undefined

undefined

undefined

undefined


1
    Hello PM 意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功