Skip to main content

如何在Photoshop中创建一个很酷的Twitch布局

Anonim

Twitch布局(也称为Twitch叠加)本质上是添加到Twitch广播的图形的名称,使其看起来更具视觉吸引力。使用布局或叠加层可以是使广播看起来更专业并且对观看者更具吸引力的好方法。

仅具有基本游戏画面和网络摄像头的流可能不使用布局。

广播在其网络摄像头和游戏玩法周围实现彩色边框或框架。

向Twitch流添加自定义布局的最佳方法之一是在Adobe Photoshop等程序中自行设计。对于没有Photoshop的人,可以使用几种免费替代品,例如Windows 10中的Paint 3D或在线图形编辑器Canva。

以下是如何在Photoshop中快速制作基本的Twitch叠加层。根据所使用的图形程序,步骤会略有不同,但整体概念应保持不变。

与大多数自定义Twitch流功能一样,需要计算机,采集卡和广播软件(如OBS Studio)来自定义布局。使用视频游戏控制台(如Xbox One或PlayStation 4)上的默认Twitch应用程序无法更改流的外观。

如何在Photoshop中创建基本的Twitch布局

  1. 打开Photoshop并选择 文件 然后 从顶部菜单。
  1. 将弹出一个框,要求您确认新文件的详细信息。确保宽度设置为1920像素,高度设置为1080像素。这将是您的流布局的完整尺寸,它将在观看时填充整个电视监视器。使用此大小将帮助您更好地可视化最终结果并相应地进行规划。按 好的.
  2. 从顶部菜单中选择 编辑 然后 。从新的下拉菜单中选择 颜色 并选择您希望整个背景的颜色。按 好的。可以重复此步骤,直到获得您喜欢的颜色。 提示:您还可以使用大图像作为背景或使用 渐变工具 获得更具创意的选项(见上图)。
  3. 你应该有一个菜单框 图层 漂浮在屏幕右侧的某个地方。如果你不这样做,请打开 视窗 从顶部菜单链接并确保 图层 旁边有一个勾号(单击它可以选中或取消选中它)。这将使 图层 框出现了。
  4. 再次查看顶部菜单,单击 然后 然后 层… 并按 好的 在弹出的框中。您现在应该在背景上有一个不可见的图层。这将允许您绘制和编辑您的设计,而不会影响背景颜色。您的新图层和原始背景图层都应该在 图层 屏幕右侧的框。 提示:如果要直接绘制或编辑背景图层(例如更改其颜色),请在中单击它 图层 框。可以通过此框随时在所有层之间切换。
  1. 在您的新图层中选中 图层 框,看看屏幕左侧的浮动工具箱,然后选择 矩形选框工具。它应该是工具箱左上角的虚线方形图标。
  2. 将鼠标移动到工作区,然后单击并拖动工具以创建正方形或矩形形状,您希望在流中使用网络摄像头。获得所需的形状后,从顶部菜单中选择 编辑 然后 并选择你想要的盒子颜色。按 好的. 提示:稍后在OBS Studio中,我们会将您的实时网络摄像头镜头放在图像的这一部分上,但我们会将其略小于您的盒子,以便在您的网络摄像头周围创建一个彩色框架的错觉。在设计布局时请记住这一点。有关网络摄像头视频的完成设计示例,请参见上图。注意粉红色的框架。
  1. 重复前面的步骤,创建一个新图层。在这个新图层上,为您的视频游戏素材制作一个框。对要设置的任何其他内容(例如聊天框或新订户列表)执行相同操作。
  2. 每个框都在自己的图层上,您现在可以通过从中选择图层来移动它们并相互单独编辑它们 图层 框和选择 移动工具 工具箱中的(箭头图标)。
  3. 一旦你拥有了所需的一切,就去吧 文件保存 将项目另存为Photoshop(.psd)文件。这是您将来用于在Photoshop中编辑项目的文件。
  4. 既然您已保存项目,请转到 文件 再次和这次选择 另存为。来自 格式 下拉菜单,选择 JPEG,为您的文件命名,然后按 保存 按钮。你完成了!

如何将您的背景图像添加到OBS Studio

您可以像使用其他媒体源一样将自定义图像添加到OBS Studio。

  1. 右键单击OBS Studio工作区并选择 图片。为新图层命名。 “背景”对于图层名称是一个好主意,因为它可以使其易于识别。
  2. 按下 浏览 按钮,在计算机上找到保存的JPEG图像,然后按 好的.
  3. 您的背景图片现在应该出现在OBS Studio中。由于它的大小,它可能会覆盖其他内容,所以一定要找到它 来源 屏幕底部的框并将其拖动到列表底部。
  4. 按常规添加其他媒体来源,例如网络摄像头,视频游戏镜头和警报。确保这些新添加的内容高于您的背景 来源 列表,以便您和您的观众可以看到它们。

你现在有一个基本的自定义Twitch布局!请记住,只需在Photoshop中打开已保存的.psd文件并进行编辑即可随时更改背景图像。