做了个圆形的光标

带动画的那种

Posted by Hsnico on May 14, 2020

一个小想法

看到了 iPadOS 更新到了 13.4,新的光标动画一下就爱上了

圆形光标还挺好看的,可惜在网上找了好久都没看到圆形的光标,就决定自己做一个

一开始非常普通的做了一套 cur 静态的光标,但总感觉少了点什么

仔细研究后发现 iPadOS 的光标另一个出彩的地方是非线性的补间动画

刚好 Windows 支持动态的光标,手动加入动画就好

一开始的动画是用 AE 做的,后来发现效果并不理想,心想反正也没几帧动画就直接用 PS 逐帧画了,画完后再导入到光标的制作软件里生成 ani 动态光标文件

逐帧动画

动画效果

垂直调整大小

垂直调整大小

对角线调整大小

对角线调整大小

水平调整大小

水平调整大小

选中按钮

选中按钮

选择文本

选择文本

由于 Windows 限制无法录制鼠标,所有的效果图均由后期制作,与实际效果略有区别

因为 ani 会自动循环播放,所以做的时候为了防止自动循环,把最后一帧复制了好多遍来达到效果,好在 ani 可以单独设置每一帧的时长,不过暂时不知道如何突破单帧最长时间 999 的限制,所以看似动画已经结束了,其实动画一直在播放,只不过看起来是静止的

默认的正常选择光标原本想给一个渐隐的动画,但是动画不知道为什么会卡住,就没做正常选择时的动画效果