本文最初撰写于 2020 年 3 月 3 日。鉴于该文在过往一段时间内受到诸多读者的参考借鉴，为确保内容的时效性与准确性，于 2025 年 4 月 1 日进行了全面更新。

最近在 Steam 社区掀起了一股透明展柜风潮，让展柜背景与个人资料皮肤融为一体，Just like this:

本文将以 Steam.Design 工具为核心，手把手教你实现这种「隐形框架」的视觉效果。

原理与准备工作

1. 透明展柜的原理

透明展柜实际上是在个人资料添加艺术作品展柜，再通过图片拼接+修改图片尺寸参数的方式，让图片覆盖 Steam 默认的边框区域，从而呈现「透明」的效果。

2. 必要准备

• Steam 等级 ≥10 级
• 精选艺术作品展柜
• 浏览器
• 点数商店兑换或者市场购买的 Steam 背景
• Steam.Design 工具

实现透明展柜

第一步：生成展柜模板

1. 获取背景图的链接

如果你的背景是在 Steam 市场购买的，可以点击「查看完整大小」按钮在浏览器打开背景图再背景图的链接。获取到的链接一般是 https://cdn.steamstatic.com/steamcommunity/public/images/items/... 这种格式。

2. 导入 Steam.Design 工具获取素材包

访问 Steam.Design 工具 ，在左侧「粘贴背景链接」输入框粘贴刚才获取到的链接，此时你应该能实时预览到透明展柜的效果。

确认无误后点击左上角的「下载压缩包」按钮即可。

第二步：上传艺术作品

解压刚才下载的压缩包，会看到里面有四个图片文件，我们关注这三个图片文件：Artwork_Featured.png、Artwork_Middle.png 以及 Artwork_Right_Top.png。

其中，Artwork_Featured.png单独为一组，一般会用在 精选艺术作品 展柜上，其使用效果如下：

Artwork_Middle.png 和 Artwork_Right_Top.png 为另外一组，一般会用在 艺术作品 展柜上，其使用效果如下：

对比两个效果图，可以发现精选艺术作品展柜与艺术作品展柜的区别就是中间会不会有一条分界线。

接下来我们将会以使用 精选艺术作品展柜 为例子进行展示，而如果你想使用艺术作品展柜也是一样的流程。

1. 【可选】编辑图片

如果你想将某个图片的人物提取出来你可能会用到 removebg 背景消除工具 ，再使用 PhotoShop 等图片编辑工具将其添加到刚才的 Artwork_Featured.png 图片即可（如果你用的是艺术作品展柜，需要添加到 Artwork_Middle.png 图片）。就像这样：

Tip

你可能需要调整人物的色调等效果以匹配背景，使其看起来更自然。

2. 进入 Steam 艺术作品管理

登录 网页版 Steam，在个人资料页选择「艺术作品」→「上传艺术作品」→「非游戏特定」。

艺术作品文件选择 Artwork_Featured.png 或者刚才编辑图片的图片（如果你用的是艺术作品展柜，需要上传两张图片 Artwork_Middle.png 和 Artwork_Right_Top.png）。

3. 修改上传参数（核心步骤）

1. 按 F12 打开开发者工具
2. 切换到「控制台」标签

3. 输入下面代码后按回车

   CodeBlock Loading...

完成后点击「保存并继续」按钮上传图片

第三步：配置展柜

1. 绑定展柜类型

1. 编辑个人资料→已展示的展柜→选择「精选艺术作品」（如果你上面使用的是艺术作品展柜的步骤请选择「艺术作品展柜」）。
2. 选择刚才上传的图片。

Note

使用「艺术作品展柜」需要按顺序选择两张图片，第一张请选择Artwork_Middle.png ，第二张请选择 Artwork_Right_Top.png。

3. 点击「保存更改」完成设置。

至此，展柜背景已经设置完成，Enjoy it🎉。