header_v1.7.40

Ui animation design-Point_Vision原创悬浮DEMO教程-附带软件包

1年前发布

原创作品 / UI / APP界面
作品版权由孔晨Point_Vision 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

小教程不放在作品里这里简单提一下,因为这个动效真的十分的简单!但是效果又很唬人,可以说性价比非常高。我个人主页的浮动微信二维码就是通过这个小技巧几分钟时间做出来的。如果在ae里做的话相当费时间。

之前有好多朋友私信或者留言问悬浮demo的软件,这次上传到了附件里。mac用户可以直接安装使用,图片直接拖进去就可以 非常简单,只有一个播放键。点开就可以浮动。取消自动浮动效果后可以用鼠标进行拖拽浮动。 小白也可以不学就会。简不简单试试就知道。大家用了都说好~~

然后分享两个小技巧,算是点干货

1。软件支持最多五张图片,但是会像ps图层一样叠加 ,上层的像素会挡住下层。那么重点来了,五个图层之间在浮动的时候会存在视差。也就是说
如果最上层放的图片是png,那么它跟下层的背景在浮动时候会有错帧的视觉效果。
2。想输出效果还是需要配合QuickTime Player或者ScreenFlow录屏使用。这款软件本身并不自带输出功能。因此想做完美循环的GIF还需要录屏后在ps里进行像素级别的卡帧。最后再输出。

以上教程针对的是第三个交互,仔细看卡片中的女生跟背景在浮动时有错开的视差效果。


ps:第一次加载动效可能会有些卡,建议用pc浏览会更流畅。压缩包在作品最后。如果对其他效果感兴趣可以在评论留言,看大家的需求,有时间的话也会把教程补上~

362

作品信息

  • 创作时间

    2016/10/29

相关作品 收录收藏夹 TA的主页
Ui animation design-Point_Vision原创悬浮DEMO教程-附带软件包
没有新消息

提示文案

提示文案

提示失败
提示成功