签到

07月05日
尚未签到

共有回帖数 0 个

    月下灰姑娘

    等级：
    在使用贝塞尔曲线制作弹性动画前我们先来了解贝塞尔曲线实现原理，来理解什么是符合物理运动规律的动画效果Android L开始在动效实现方法上有了飞跃提升，散乱的动画效果主要是没有统一的理论支撑，终于在android L之后贝塞尔曲线和SVG动画的普遍使用，使得android原生系统的动效设计成为宣传的一大亮点。这里重点说一下贝塞尔曲线。很多人一听起来觉得是一个特别专业的词语，其实不然，学过设计或有绘图软件基础的同学接下来都能理解贝塞尔曲线的原理。在百度百科里面的解释是："贝赛尔"工具在photoshop中叫"钢笔工具"；在CorelDraw中翻译成"贝赛尔工具"；而在Fireworks中叫"画笔"。它是用来"画线"造型的一种专业工具。当然还有很多工具也可以完成画线的工作，例如大家常用的photoshop里的直线、喷枪、画笔工具，Fireworks里的直线、铅笔和笔刷工具，CorelDraw里的自由笔，手绘工具等等。两张图看懂怎么绘制：










    然后在绘图软件里临摹出这条曲线，调节节点时的支点坐标就是开发需要的参数（以画板左下角为原点（0,0），右上角为终点（1,1）。如上图中黄色的点的坐标就是起点（0.26,0.05），终点（0.26,0.97） 这条曲线是一条最简单的贝塞尔曲线，在绘图软件里通过调节起点和终点的节点就可以得到这条曲线，更复杂的贝塞尔曲线是由多个节点组成，那是更复杂的函数公式。



    根据我们想要的效果，在动画软件里面反复的调，然后提供准确的参数给开发就可以几乎100%的还原动画制作的效果了。这个时候的参数肯定不在是0到1的范围，至少抖动的部分已经超过了1，如下图的参数：

    楼主 2015-09-01 21:08 回复

共有回帖数 0 个
  • 回 帖
  • 表情 图片 视频
  • 发表

登录直线网账号

Copyright © 2010~2015 直线网 版权所有,All Rights Reserved.沪ICP备10039589号 意见反馈 | 关于直线 | 版权声明 | 会员须知