美文网首页
视频编辑之关键帧动画

视频编辑之关键帧动画

作者: 蓝松短视频SDK | 来源:发表于2020-08-17 09:24 被阅读0次

视频编辑有两种形式,

一种是主动形式,一种是被动形式,

被动形式就是你做好很多模板, 用户打开你的APP后, 会列出来让用户选择一个喜欢的样式,然后替换里面的图片和视频,就可以形成用户自己的视频。这种形式的优点就是用户如果喜欢哪一个模板,他觉得直接替换一下就好了,简单, 直接, 也很受用户欢迎;这样的形式因为模板是在PC上用Ae软件设计的, 我们称之为AE模板SDK;

主动形式:是用户有一定的创作思维,他想主动的去调节视频,编辑画面,来完成自己的视频编辑,我们称之为视频编辑SDK,

我们最近推出了一个用户自己主动去创作的功能叫关键帧动画,一下介绍关键帧的功能和用法:

主动形式之 关键帧

关键帧描述

就是你在指定的几个时间点处设置几个状态(比如旋转180度, 缩小0.5倍, 移动到屏幕外面等), 然后SDK就会自动的,从一个状态平滑的运动到另一个状态,这样的动画

我们称之为关键帧动画, 因为他是在关键的几个时间点处设置的.

具体的例子

你想把一张图片转成视频, 在转换的过程中, 不是静止的,而是有一个画面舒缓的放大动画, 这样的动画,我们SDK有很多方式实现,比如配置好的json动画等,这里介绍用户可以主动的调节方式:关键帧动画.

步骤1:选中一张图片,放入到SDK的编辑界面上, 界面下方有一个光标,表示当前的时间点, 你先把光标放到时间是0秒的位置,用手指点击图片缩小0.5倍,

步骤2:然后把光标移动到3秒的位置, 用手指双指按下画面,放大到满屏.这样就完成了

步骤3: 你可以播放看下效果,播放时,图片就会从0秒缓慢的一点一点的平滑放大,走到3秒处满屏,从而就有了缩放动画.

原理是: SDK在播放时,知道你要从0秒到3秒的这段时间内,把图片从0.5倍放到满屏,则会计算好,每个时间点应该缩放到多少,比如在0.5秒,0.6秒,0.7秒, 1.0秒,2.0秒等,这些时间点连贯起来,就是一个放大的动画.

结尾

当然关键帧有很多玩法, 这只是其中一种, 当前关键帧支持: 移动,旋转,缩放,透明4个特性, 这些特性你可以同时使用,也可以只用一个, 可以在不同的时间点设置,也可以只设置一个时间点.

比如如果你要快速旋转效果, 你可以让它从1秒到2秒时间段,快速旋转1000个角度,或-600度,这样画面就飞速旋转起来了.

更多好玩的特性,欢迎您直接测试体验我们的演示APP

相关文章

  • 视频编辑之关键帧动画

    视频编辑有两种形式, 一种是主动形式,一种是被动形式, 被动形式就是你做好很多模板, 用户打开你的APP后, 会列...

  • Vegas素材平移中的关键帧动画

    关键帧是视频编辑中最常用的功能,比较基础也很至关重要。在素材平移中,可以利用关键帧制作画面运动动画,Vegas (...

  • CABasicAnimation

    //CAKeyframeAnimation关键帧动画之悬浮 - (void)valueKeyframeAni { ...

  • Core Anmation之CAKeyframeAnimatio

    Core Anmation之CAKeyframeAnimation 关键帧动画也是CAPropertyAnimat...

  • HTML5动画

    关键帧动画 实现代码: 关键帧动画 *{ margin: 0; padding: ...

  • 抛物动画

    此动画在于运用 CAKeyframeAnimation 关键帧动画,以及贝塞尔关键帧动画 - (void)thro...

  • 前端——anmiation

    animation:;动画 设定动画方案:设定“关键帧”。 动画关键帧写在其他应用样式之前,当关键帧前用百分比表示...

  • iOS Animation创建及使用

    iOS 实现的基本动画 头尾式动画 2.block动画的方法 iOS显示关键帧动画 关键帧动画 动画的创建和使用 ...

  • Unity面试问题(二)

    Unity编辑器基础 1.请描述游戏动画有几种,以及其原理。 主要有关节动画、单一网格模型动画(关键帧动画)、骨骼...

  • Unity 面试题汇总(二)

    Unity编辑器基础 1.请描述游戏动画有几种,以及其原理。 主要有关节动画、单一网格模型动画(关键帧动画)、骨骼...

网友评论

      本文标题:视频编辑之关键帧动画

      本文链接:https://www.haomeiwen.com/subject/ndpfjktx.html