欢迎来到山东马上传媒有限公司官方网站
山东马上文化传媒有限公司以梦为马、呈现至上
政企业务联系冯经理
高校业务联系尹经理
您的位置: 主页 > 马上资讯 > 技术分享
技术分享

演出直播如何“锦上添花”:在线图文包装案例分享

发表时间:2024-12-13 15:50:14


一场晚会直播中,导播要在后台指挥拍摄调度,通过导播台切出想要的画面,音响师会同时做好监听。画面和声音会实时传到推流设备上,再通过推流设备将现场画面推送到各大直播平台上,大家就能通过直播平台看到播出画面了。直播中除了上面大家都熟悉的环节外,也是有“制作”环节的,即在线图文包装。

微信截图_20241213155516.jpg

2024年央视春晚截图(图中有分会场、节目条、直播等包装元素)


在线包装是一种集图形设计、文字编辑、动画制作和实时渲染于一体的综合性软件系统。它允许用户在实时的视频流或静态图像上添加各种精美的图文元素,如动态字幕、特效图形、三维模型等,从而为观众带来更加丰富、生动和吸引人的视觉体验。


微信截图_20241213154457.jpg  

    微信截图_20241213154438.jpg

聊城大学50周年校庆晚会直播画面

(上:节目条   下:转场)



回顾今年聊城大学50周年校庆晚会现场直播由马上传媒团队提供技术保障,看过这场直播的校友会发现,现场直播画面中会出实时现节目条、转场动画等元素,而这些效果就是通过在线图文包装技术实现的。通过在线图文包装技术,还可以实现体育赛事显示实时计分,新闻滚动实时消息,以及在综艺晚会直播中实时唱词等效果。


本次就以晚会中的节目条为例,分享一下在线图文包装的制作流程。整个过程主要分为环境搭建、图文包装制作、在线字幕包装三个环节。


一、 环境搭建

常规直播中,我们只需要在推流软件中将做好的包装元素叠加到直播画面上就可以。但如果要实现内容实时修改和交互,就得需要一个叫“字幕机”的设备来实现这种效果。“字幕机”是一台可以将文字、包装和其他图文等内容传到直播画面上的设备。除了购买一台专业字幕机外,还可以通过在电脑上安装 Newbule Titler Live 软件来将这台电脑变成字幕机,然后在通过 NDI协议来传输包装画面,这个方案足以满足绝大多数在线图文包装需求

Newbule Titler Live 本身内置了许多文字效果、动画等,而且还可以像在 Ae 中那样手动打关键帧,可以提高图文包装的制作效率和质量。


图片4.jpg



至此,我们的在线图文包装系统就准备好了。然后,我们需要用网线通过交换机或路由器并利用 NDI协议将在线图文包装的内容传到 OBS 里面的直播画面上。


图片5.png



Newbule Titler Live 中,只需要在播出面板的右下角,将输出改为“NDI”,就可以开启 NDI 传输由于晚会采用 OBS 平台进行推流直播,需要安装 NDI Tools 插件来拓展 OBS 的 NDI 功能。

Newbule Titler Live 播放字幕图形前是需要先把它渲染一遍,因此使用一台较高性能电脑可以提高渲染效率。路由系统需要选择千兆传输规格的设备以满足画面流畅传输。这样一个在线图文包装系统环境搭建完成了。


二、 图文包装制作

制作图文包装前需要先根据晚会的要求设计制作所需要的包装元素。这一步先是由设计师提前设计并制作好一个效果视频,待样式最终被定好后,再由直播团队在 Newbule Titler Live 中按照效果视频将所有包装内容制作出来。


图片6.png

节目条 Ae 制作工程界面


首先将背景元素导出为 PNG 格式的图像序列,然后在Newbule Titler Live 中新建一个“字幕图文”,然后进入字幕图文编辑界面


图片7.png

图片8.png








在字幕图文编辑界面点击文件-导入-图片序列,然后选择背景元素序列并将其导入到 Newbule Titler Live 中。导入前需要在预览窗口右下角的“时间线”中将时间修改为与背景动画时长一致;


导入后首先播放一遍背景视频,检查视频动画和内容是否正常;确认无误后可以在右侧的属性面板中调整背景视频的大小、位置;

背景视频调整完成后,就是制作文字内容部分。文字内容主要分为节目类型、节目名称、演出人员、演出单位四部分,每部分各对应一个文字图层;


图片9.jpg


选中文字层,在左侧面板的属性-风格中,可以选择字体、调整字体大小和样式等;在运动和数据中可以调整文字的位置。


图片10.png




展开左侧的库面板,里面提供了丰富的样式、转场动画等预设。像本次字幕条中要用到的金色立体字就可以在库中找到对应预设,然后稍作调整就可以做出一个完美的金色立体字效果;

文字做好后还要给它添加一个动画效果,同样是在库中,展开特效分组,就可以看到 Newbule Titler Live 内置了许多的动画效果,然后选择一个合适的效果添加给文字层的入点;


将所有文字效果做好后,还需要调整不同文字内容出现的顺序。这一步也非常简单,只需在时间线上调整文字层的入点时间就可以了。入点时间早,出现的早;入点时间晚,出现的就晚。


图片11.png








最后,播放一遍预览一下效果,没问题后点击右下角的勾保存。保存后在播放列表中选择刚才做好的字幕条进行播放测试。播放前需要等它渲染完,不然播放时会卡顿。通常情况下, Newbule Titler Live 会自动渲染字幕图形;


测试没问题后,选择做好的字幕条,单击鼠标右键-复制,复制出一个新的字幕图形层,双击预览进入编辑界面,然后将文字内容修改为下一个节目条的内容,这样可以保持前后节目条的属性一致。依次步骤,制作其余节目条。