【进阶】我制作OBS直播场景的思路是怎样的？

也就是考虑怎么简单包装一下直播画面

暂时不要用最新的28.x.x版本OBS，因为好多第三方插件暂时不支持！推荐的版本就是27.2.4，不过如果你并不打算用第三方插件，那上最新版也不是不可以

如果你并未接触过使用OBS软件，可以考虑看我的上两个经验分享视频：

【入门】4分钟搞定直播！OBS直播开播教程向分享【OBS分享P1】

https://www.bilibili.com/video/BV1xV4y1j7xa/

【进阶】OBS直播效果不尽如意？直播卡顿模糊怎么办？【OBS分享P2】

https://www.bilibili.com/video/BV1qS4y1x78p/

竖屏直播：平台限制/为了给观众更好的体验，如某音直播、视频号直播应该先考虑设置为竖屏直播

横屏直播：直播内容本身为横屏内容，如游戏、课件等，那最好横屏，但平台有尺寸限制的话或者这个平台的主播一般是拿竖屏播的，那也不要横屏，一般是尽量去通过后期包装解决。

竖屏直播分辨率就是把横屏直播的分辨率的宽、高数值替代过来，一般就意味着是1080*1920，或者720*1080（不推荐，除非电脑很差），但无论分辨率是什么，都要保证基础画布分辨率=输出缩放分辨率

本文用到的场景案例文件，可以去本文最后面点“阅读原文”下载。

比如现在我想制作一个“准备开始直播”的场景，如图

常规的手段可能是：

添加背景图层（这里是一个名为“视频2”的视频图层）

分别添加两次文本GDI+图层，输入上图文案，并修改字体

但如果这样做，第一，很难对齐（OBS只有吸附工具，除了直接改元素坐标，没有直接工具用来精确对齐）；第二，在把场景配置文件导出到其它电脑的时候很容易出问题（跨版本不兼容、细节变化、甚至字体丢失）；第三，OBS的文字图层抗锯齿效果并不理想且不支持使用“字由字库”的字体；第四，OBS的性能开销更大。

如图所示，OBS自带的文本图层明显有锯齿（在衬线体上这个问题更严重）

所以我的做法是把这些资源先导入到第三方软件里，导出带透明背景的PNG位图，直接叠加在OBS的画面中。以使用PS软件做1920*1080的画布为例，在新建画布文档时需要这样设置

*备注：不要勾选开启“画板”，因为编辑的时候画布哪怕是全透明，导出来的图片里就是有些部分是不透明的，目前不知是不是我电脑之前配置的问题导致的。所以要新建多个场景，就多创建几个文件

在这个“准备开始直播”的场景里，psd的结构是这样的

我将视频截了个图放在图层的最下方，作为协调背景与文字的参考

在本例中，只需要把文字所在的图层导出来，因此导出时我就直接把除了文本图层以外的图层关闭可见性，就像这样，然后就可以愉快的导出了

选“快速导出”或者正儿八经的导出都可以，选择成PNG格式即可（这样可以把透明通道带着）

正常导出来是这样的（背景应该是透明的，而不是白色的，也不能有意外出现的白块）

不要直接右键图层导出，这样导出来的后果就是图片只有图层本身的尺寸大小，起不到定位画面位置的效果

导出来了，直接在OBS里添加一个图像源，添加进来以后Ctrl+F一下这个新的图像源，或者这样（右键所在图层然后按图里选比例适配屏幕），这样尺寸、定位就跟在PS里看到的是一样的了

当然如果导入到OBS了以后感觉尺寸、定位不是很满意，还是可以在OBS里稍微进行简单的缩放

一个画布对应一个直播场景（当然有的场景之间非常相似，可能就是字不同，那么重用画布也是可以的，自己导出的时候分清楚就好）

以本例（线上讲座直播）来讲，有以下这些场景，对应我的画布设计如下所示

暂时无法在飞书文档外展示此内容

分别看一下各个模板负责的场景实际展示出来是怎样的：

1 开始前模板

3 直播中遮罩（对应场景：正常直播模板）

本场景图2中添加了一个摄像头，并且使用“4 直播外框”做了圆角化的处理（设置如图）

2 播放影像模板

下方滚动字幕：在OBS里进行编辑设置，在PS里进行了尺寸预演

对应：循环直播模板、中场休息、即将开场、已经结束的场景（就是下面滚动的文案不一样，可能视频也不一样）

那么我是怎么规划出来需要用到这些画布的呢？其实在对直播全流程的预演里，就已经知道需要什么样的场景来配合了：

暂时无法在飞书文档外展示此内容

当然可以一个场景单独设计一个模板，不过一般没什么必要

该案例所用模板进行的部分直播录像：

高三生活是怎样的？（直播讲座回放）

https://www.bilibili.com/video/BV1aB4y1k73d

注意：

0、仅测试过27.x.x版本的OBS上可以使用，老版本、新版本（28开头的版本）未测过兼容性

1、导入场景前先安装这个字体，否则显示不正常（优设标题黑是可以免费商用的字体）

2、在这里导入场景，导入场景选择“合作频道直播通用-案例.json”

3、导入场景后需要连接文件，大部分文件就在根目录里（选择场景json所在的文件夹就可以导入大部分）个别几个场景不在根目录的：

这两个是一个文件，在这个文件夹里（1744170047）

ScreenSaverMood.html：在（2520335744）的文件夹里

4、圆角化的alpha图层并不会自动重新链接，需要根据图中的做法，在滤镜里重新应用一下（其它有涉及到圆角运算的也是同理，链接原来路径里显示的那个文件名即可！如下面这个图中用到的圆角叫做“4直播外框.jpg”那么就在案例的文件夹里找到这个文件，浏览一下，选择一样文件名就可以用了）

下载地址：

https://www.123pan.com/s/cON0Vv-GbkSh  提取码:HARH

防BAN备用：

链接：https://pan.baidu.com/s/1IJioyuUK9pbXDH3teFlrNQ?pwd=f02h  提取码：f02h

这里也有：【橙酱创作周边交流：939052359】