简介:

绿幕大屏(虚拟背景)是基于数字抠像的新型演示工具,商家可以通过上传提前制作好的宝贝相关的景片素材或使用官方提供的图片模板,在直播间背景中展示宝贝相关信息,包括品牌名称、宝贝名称、商品图、活动价格、商品好评等信息。用户进入直播间后可以更直观的了解到宝贝核心卖点及价值,成交转化效能更高。

优秀案例:

此处为语雀视频卡片,点击链接查看:20201231荣耀.mov

荣耀直播间-绿幕大屏


极简使用步骤

一、在直播间搭建绿幕

i、淘宝购买一块绿幕放在亲的背后就好了,绿幕材质不反光,平整为基本原则

ii、绿色商品避免进入绿幕(蓝幕同理),主播和绿幕保持2米以上距离(防止溢色)

淘宝直播间绿幕大屏-也淘网

二、 下载淘宝直播PC或移动推流端,使用绿幕大屏

PC 推流端:

1、下载PC推流客户端 点我下载

2、选中"视频捕获设备”打开互动中心-绿幕大屏

淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网

3、选择抠像模式(绿幕、蓝幕、红幕等)并打开抠图按钮

点击高级设置-自动调节(缓慢拖动滑块到适宜的区间后用键盘左右键微调至主播和海报准确呈现)

淘宝直播间绿幕大屏-也淘网

淘宝直播间绿幕大屏-也淘网

4、在“直播装修”生成绿幕海报图片或上传提前设计好的海报并应用。

5、根据主播讲解顺序手动切换海报,最多支持600张1280X720的PNG图片。

6、主播距离绿幕幕布保持2米,可以防止出现溢色导致的人像轮廓边。

7、均匀打亮绿幕的同时可以在主播侧后方打轮廓光将主播分离出绿幕背景。

8、适当的背景虚化效果可以模拟出景深感,符合人眼习惯。

9、智慧大屏中自选颜色的功能商家可以自定义颜色,不仅限于抠蓝和绿

10、在使用绿幕大屏时,主播必须处在居中位置,且主播占直播画面比例不得低于屏幕25%,否则会被视为违规,按录播违规处罚

淘宝直播间绿幕大屏-也淘网

移动端:

1、移动端扫码下载安装最新版:

淘宝直播间绿幕大屏-也淘网

2、通过 PC 客户端绿幕模版模式中控台网站提前生成背景素材

3、通过直播中的更多面板打开直播间装修面板应用绿幕背景图片

三、 常见问题与解决方案

1、打开绿幕抠图按钮没有效果怎么办?

答:点击高级设置,找到相似度调节选项,点击自动调节,并根据实际效果调节相似度。

2、抠图效果不好怎么办?(边缘扣不干净、噪点闪烁)

答:光照对绿幕效果影响较大,请参考下文 使用手册-绿幕场地布置方法 ,并根据实际情况调节相似度。

3、有绿色商品展示,绿色商品被扣掉怎么办?

答:可以通过设置免抠区域解决,免抠区域内商品原色展示,详见下文 使用手册-参数调节及动态背景-区域抠图。

4、背景看上去不够真实怎么办?

答:可以通过设置背景虚化解决,背景虚化可以提供景深效果,使背景看起来更加真实,详见下文:使用手册-参数调节及动态背景-背景虚化

5、背景可以替换为动图或者视频吗?

答:可以,在PC推流端操作面板上添加媒体源,并在左下角把对应元素调节到对应视频捕获设备下面即可。

详细使用方法可参考下文使用手册哦~


详细使用手册

使用绿幕大屏需将客户端更新到最新版本:点此下载

一、淘宝直播PC推流端使用方法

1、淘宝直播PC推流端绿幕【模板模式】使用说明

i、进入互动中心-绿幕大屏(原虚拟背景)功能,打开绿幕抠图开关,进入模板选项卡,选择新建模板。

或者在PC中控台--直播互动-商品转化-绿幕模板市场--选择商品,关联模板,修改信息,生成模板后在推流工作台绿幕大屏控制台刷新即可使用。

淘宝直播间绿幕大屏-也淘网

ii、跳转到模板制作页面

淘宝直播间绿幕大屏-也淘网

iii、算法智能读取品牌词、宝贝标题,根据模板要素生成关键词

淘宝直播间绿幕大屏-也淘网

iv、手动添加宝贝价格

v、 保存海报,PC推流端手动刷新即可获取制作完成的海报

关联商品的宝贝生成后,可以在“我的模板”中进行管理,单个宝贝最多支持5张海报。


2、淘宝直播PC推流端【传图模式】

i、商家通过淘宝直播PC推流端互动中心“绿幕大屏”进入操作面板并开启绿幕抠图开关。

淘宝直播间绿幕大屏-也淘网

ii、打开参数设置面板,并点击自动调节,并进行细节微调

淘宝直播间绿幕大屏-也淘网

如果效果不是最优,可进行手动调节如下按钮:

1)“相似度”:大面积未分割或黑边严重则向后拖拽进度条,大面积误分割则向前拖拽进度条

2)“平滑度”:小面积边缘黑边则向后拖拽进度条,小面积边缘内切则向前拖拽进度条

3)“灰度比例”:泛绿严重则向后拖拽进度条,灰度严重则向前拖拽进度条

iii、上传经过精心设计的符合直播视觉规范的图片

(图片命名格式:三位数顺序编号+宝贝名称;尺寸720X1280,单张不超10M,单场直播至多300张图)

淘宝直播间绿幕大屏-也淘网

iv、根据图片命名格式中的数字编号及宝贝名称关键字可快速查找到对应的背景图片

v、选中图片,推送到直播预览

3、镜头模式

此处为语雀视频卡片,点击链接查看:镜头模式.mp4

Mac镜头模式效果

i、商家通过淘宝直播PC推流端“智慧大屏”进入操作面板并添加背景摄像头(镜头模式需要至少两个摄像头)

淘宝直播间绿幕大屏-也淘网

ii、选择背景摄像头并点击“确定使用”,背景摄像头会自动变为绿幕背景


二、淘宝主播移动端使用方法

升级客户端至最新版以支持绿幕功能(iPhone 需要 iPhone 8 同期或更新型号)

1、绿幕效果预览与参数设置

通过“首页”-“全部工具”-“直播间装修”进入装修编辑页,然后选中“绿幕大屏”选项卡,可进行绿幕背景的效果预览,以及绿幕去除程度的参数设置。

背景素材可需要通过 PC 客户端绿幕模版模式中控台网站提前生成

淘宝直播间绿幕大屏-也淘网

2、直播间中快速切换绿幕背景

在直播间中可通过底部“更多面板”-“直播间装修”-“绿幕大屏”进行背景素材的快速切换

淘宝直播间绿幕大屏-也淘网

3、绿幕效果关闭

在“绿幕大屏”进行背景素材的选择界面,对已选中的素材再次点击反选取消绿幕功能


三、绿幕场地布置方法

必须实现:

绿幕平整、光照均匀,绿幕前的人和物品远离绿幕(建议距离2~3米),不可穿绿色或半透明的衣服,不可摆放绿色或半透明的物品,不可佩戴或摆放反光的饰品或物品。

具体说明如下:

1、绿幕悬挂标准:无褶皱、暗角,如下图墙上的绿幕。

淘宝直播间绿幕大屏-也淘网

2、灯光布置标准:均匀照亮绿幕,无阴影,如下图所示。

淘宝直播间绿幕大屏-也淘网

下图所示是错误示例,光照不均匀(左侧亮,右侧暗)且绿幕有很多褶皱:

淘宝直播间绿幕大屏-也淘网

光照不均匀会导致背景无法去除干净,如下图所示:

淘宝直播间绿幕大屏-也淘网

3、灯光布置方法

简单布置:灯光在人物与绿幕之间,均匀照亮绿幕,且保证人物影子不在绿幕上,如下图所示:

淘宝直播间绿幕大屏-也淘网

推荐布置:

【方法一】背景灯单独照亮绿幕,人远离背景(影子从背景布上消失为最佳位置,建议距离2~3米),有条件的话再对人物打一个主灯和轮廓灯,如下图。

淘宝直播间绿幕大屏-也淘网

【方法二】三点打光

淘宝直播间绿幕大屏-也淘网

【方法三】五点打光

淘宝直播间绿幕大屏-也淘网

【高级布置】增加人物背光(去除溢色)、面光、顶光,可有效提升头发区域的边缘效果,下图所示是几种参考的灯光布置。

淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网

还可以进一步增加背光灯从人物背后照射人物,如下图。

淘宝直播间绿幕大屏-也淘网

4、人物站位和物品摆放位置

人物、物品与绿幕需保持一定距离,以无影子在绿幕上为标准,建议2~3米

下图是错误的,人物距离绿幕太近:

淘宝直播间绿幕大屏-也淘网

距离绿幕过近除了会在绿幕上产生影子外,还会导致绿色蔓延到人物和物品上,难以去除,如下图人物的头发染上了绿色:

淘宝直播间绿幕大屏-也淘网

改善方法:远离绿幕,如下图所示,人物离绿幕远一些,溢色就基本消失了。

淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网

5、不可穿带有绿色的衣服,不可摆放带有绿色的物品,否则会与绿幕一起被去掉(如下图);

淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网

不要穿半透明材质的衣服,如纱裙;不要摆放半透明材质的物品,如玻璃杯;不要佩戴会反光的饰品(如耳环),不要戴眼镜。如下图所示,半透明的物品会显出绿色,难以去除。

淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网

建议穿与绿色对比明显的深色衣服,如黑色、红色T恤(如下图),不建议穿花哨的衣服,如碎花裙、花衬衫等。为避免溢色,尽量不要穿白衣服和摆放白色物品。

淘宝直播间绿幕大屏-也淘网

6、使用高分辨率的摄像机或摄像头。分辨率越高,效果越好,如下图。

淘宝直播间绿幕大屏-也淘网

7、人物与物品避免快速移动,否则会产生模糊,下图所示是要避免的。

淘宝直播间绿幕大屏-也淘网


四、参数调节及动态背景

淘宝直播间绿幕大屏-也淘网

1、相似度

功能:控制绿色背景的去除程度

调整方法:绿幕背景没有完全去除时,将该参数调大;绿幕背景去除过多时,将该参数调小。例如:

淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网 淘宝直播间绿幕大屏-也淘网

左图所示是绿幕背景没有去除干净的情况,此时需要将相似度调大。右图所示是背景去除过多的情况,此时需要将相似度调小。

2、背景虚化

功能:虚化绿幕背景,增加景深效果,使背景看起来更真实

调整方法:从小到大调节,越大景深效果明显;

3、区域抠图

功能:控制绿幕抠图区域,用户解决绿色商品被扣的问题

调整方法:拖动抠图区域和免抠区域,把绿色商品在免抠区域中展示即可

4、背景设置为视频和动态图片

功能:把绿幕背景设置为视频或者动态图片

调整方法:在PC推流工作台场景操作面板上添加元素,并把对应元素位置调节到视频采集设备下方即可