蓝松短视频经验分享----抠图和动画设计

Posted GuobaPlayer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了蓝松短视频经验分享----抠图和动画设计相关的知识,希望对你有一定的参考价值。

短视频处理LanSoEditor-SDK之抠图和动画设计

(此介绍,是在和我们客户长期广泛交流的基础上,总结出大部分的客户使用的方法。如果您有新的思路,也可采用,毕竟我们主要是设计架构。

注释:我们的SDK每3周更新一次,以下功能是在2.8.2版本上列出的,可能不是最新的功能,请知悉;)

1,抠图类:

       抠图就是把当前画面中的某一部分轮廓提取出来,比如把画面中的人物提取出来,然后放到特定的环境中。LanSoEditor-SDK当前抠图和其他滤镜一样,是基于整个单一帧画面进行的处理,暂时没有做人脸识别,人脸检测,背景分离等人工智能类的处理。

       抠图类的滤镜有:        

l  1.1,LanSongAlphaPixelFilter滤镜: 
去除画面中绿色背景,从而把绿幕前的各种画面抠出来,常用的场景是:录制电影电视剧时, 演员在绿幕前表演,后期把绿幕扣除,把演员放到一个特定的环境中,
比如云彩上, 舞台上, 沙滩上, 高楼上等等
比如把一个表演者放到外太空的环境中。
支持实时抠图, 支持把抠图的画面叠加在其他图层中间,从而实时显示抠图后的场景;
(此滤镜需要用到绿幕, 网上有卖便宜的绿幕,但大部分用在特定的场合,比如特定的电子娱乐设备, 唱吧体验馆等场合)。          

l  1.2,LanSongAlphaWhiteFilter滤镜:  
把白色透明化, 比如人站在白墙边做各种舞蹈,把白墙透明,只保留人物,起到抠图的效果。相对扣绿色背景, 此滤镜使用场合更广泛, 毕竟白墙普遍存在,

l  1.3,LanSongMaskBlendFilter滤镜:  
把当前的画面和一张白色图片向参考, 图片的白色部分显示正常的画面,图片的透明部分, 正常的画面也透明, 从而根据图片的透明区域,来确定当前画面的区域。 从而实现扣去画面的某一部分。后期我们会增加Canvas的输入, 从而您手指滑动哪里,把哪部分透明; 图片支持图片序列, 支持动态透明。

l  1.4, 父类Layer中的二种画面裁剪:
 一种是基于XY轴的裁剪的矩形, 
另一种是:基于某个中心为原点,设置半径的裁剪;  此方法也是扣去画面的某一部分,但实现较为简单。

l  1.5,采用第三方抠图SDK:
我们的DrawPadCameraView把数据拉出来, 输入到第三方SDK中, 识别后,得到特征关键点, 根据关键点来计算出当前坐标,从而提取出特定画面。 (在合作后,由我们收取少许费用帮您集成; 也可我们提供技术支持,你们自行集成)

l  1.6,我们计划中, 有直接抠图的技术,敬请期待,或联系我们。

         

2.叠加动画:

          解释:是在一个视频的上面增加美工做的动画效果,类似直播中的刷火箭,类似舞蹈画面叠加一个桃花飘落的动画,类似增加一个闪电动画等等。     

          2.1,由于我们的SDK是基于容器和图层的架构, 类似一层一层的画面显示, 故所有的画面都可作为动画,叠加在另一个的上面。

          2.2,比较常见的动画叠加有:

l  2.2.1 MV图层叠加,
让两个视频的组合成透明视频,作为一个图层,叠加到原视频图层上,好处是:制作简单,不受限制,任何效果都可实现,调用方便。

l  2.2.2 双视频图层
让一个黑底的效果视频,融合到另一个视频中,好处是只需要一个视频, 但有些效果在融合后颜色不对。

l  2.2.3 图片图层
采用多张PNG带透明的图片,在不同的时间来切换,形成动画。好处是方便控制,清晰易懂。

l  2.2.4 Gif图层
把Gif动画直接叠加在视频上。 建议小的动画可直接叠加,大的动画会造成Gif文件过大,浪费流量。

l  2.2.5 UI图层。  
如果视频实时录制,可以把各种开源炫酷的UI动画叠加到视频中, 也可以采用Lottie(一个强大的开源库)直接把AE绘制好的动画叠加到视频中。

l  2.2.6 Canvas图层。
android的强大的绘制类Canvas,可以直接移植各种开源的canvas类过来,也可自行绘制。 Canvas图层在我们架构中是通过容器传递过来的时间戳主动绘制动画。

l  2.2.7   AE图层
我们后面计划是 优化Lottie库,让Lottie也能工作在后台, 以更方便一些动画的绘制。 采用Lottie+json的形式, 原来需要1M的效果资源,现在只需要50k甚至更少即可完成,让AE美工做好的文件, 直接导入到我们图层, 省去了工程师的移植开发过程。

3,画面本身动画:

           解释:画面本身动画,是对当前图层的画面做一些动画效果,比如灵魂出窍,从四周到中间对齐,颜色渐变,飞入,淡出,抖动,展开,滤镜渐变等;这些动画,本质是对画面的每一帧做相关的操作;每一帧都操作了,随着时间戳连贯起来,就形成了动画。

              3.1我们的父类Layer提供了10种的画面操作方法,这些方法可单独使用,也可多个一起使用,比如旋转着进入到容器中,是设置旋转+移动的两个方法;

               3.2比如灵魂出窍, 是把当前画面克隆出一个子画面,对子画面做淡出+缩放的操作形成的效果。

               3.3比如展开/闭合,是对画面逐渐做区域显示,然后显示到最大/最小。

               3.4比如抖动, 是对每帧画面做左右的位置移动,间隔很小的移动, 就形成了抖动。

               3.5有些滤镜,不断调节他们的参数值,也可以实现动画效果。比如GPUImageSwirlFilter,调节setRadius半径,可以实现把画面卷起来的效果(有举例)。

               3.6另外,视频图层和音频容器,支持时间静止,时间拉伸,时间重复,调用这些也可以实现效果。 视频画面的倒序是另外一个单独类实现。

 

以上是关于蓝松短视频经验分享----抠图和动画设计的主要内容,如果未能解决你的问题,请参考以下文章

深度解析抖音手绘动画短视频项目,流程步骤拆解,经验分享

蓝松科技2019年总结---做事情要认真

从顶层设计和组织建设分享万亿级数据治理经验

云班课刷经验值刷视频刷课脚本分享

数学建模经验分享:国赛美赛对比/选题参考/常用技巧

经验分享RTC 技术系列之视频编解码