早些时候,Steam 客户端的 Beta 测试版更新了新版游戏库 UI,游戏封面从原来的横版变成了竖版,不少游戏厂商都为自家游戏重新设计了封面,让 Steam 游戏库看起来精美了不少。
![ada4a5aaa8d50a1616a911fa73f8d16c.png](https://i-blog.csdnimg.cn/blog_migrate/9abd5f1feacfa2709f0b4285ac39b74d.jpeg)
有些用心的厂商,还在封面的鼠标悬停效果上加上了动态效果:
不过,这新版库毕竟还推出没多久,还是有很多游戏没有做封面适配。所以,你所看到的游戏库,很可能会是下图这个样子。
![66c01f8fc35e912f78bf7e95a4fea2eb.png](https://i-blog.csdnimg.cn/blog_migrate/bc1629525a6e6f723ae771eccfc8cf0b.jpeg)
官方不做适配,自然有神通广大的网友来做。从某个版本开始,Steam 客户端就支持为库中游戏替换封面,测试版自然也可以。于是,网友们开始自行为没有适配竖版封面的游戏做起设计。
![35af547ba342c0a9d9dbafdd33f49fdd.png](https://i-blog.csdnimg.cn/blog_migrate/d1eef4197fd73409d5f321374fbe4d32.jpeg)
而下面这位大佬,本来是给蠢驴家 GOG Galaxy 2.0 做的图,没想到在 Steam 测试版也能用,于是就放出来造福群众了。他这套图统一用白色文字做游戏 logo,看起来很有统一感。
![cf5b3c55f94edf0b0e43c5d1529da998.png](https://i-blog.csdnimg.cn/blog_migrate/45eb3e79470aeb61df7c2d3a43f707c9.jpeg)
后来有人发现,这自定义图片竟然还支持动态图?于是更酷炫的封面开始出现了。
![188f02157cbc2319273f893b4fe362b7.gif](https://i-blog.csdnimg.cn/blog_migrate/fc4048e0db9390fb8f14c1654fa69a57.gif)
在 Reddit 的这个版块上,以及这个网站上,你能找到大量 Steam 新版库适用的精美封面,有静态的,也有动态的。
当然,能 DIY 的东西无一例外地会走向沙雕,而这 Steam 新版库一旦沙雕起来,简直比游戏本身还好玩。像这位网友,他把自己最讨厌厂商的游戏用封面标记为粪作:
![c08ebebfe301aa3fdf84d6b07d2a7c0b.png](https://i-blog.csdnimg.cn/blog_migrate/36ae7128c5482488bf2fb4a2677bd9ac.jpeg)
既然是网格的展示形式,不好好利用怎么行?于是就有网友研究出下图这样的玩法:
![38b9060be8349bcc113bcdc1a128fea0.png](https://i-blog.csdnimg.cn/blog_migrate/717b4f939d1281480267de365190a01e.jpeg)
不过论沙雕创意,似乎还是国内玩家更胜一筹。国内论坛 SteamCN 里,就有许多才华横溢的大佬创作出各种游戏沙雕封面:
![728ae3a2059266b0c850a59bfd2b4b1a.gif](https://i-blog.csdnimg.cn/blog_migrate/60c006d0109737cd62e8a8fdaf673490.gif)
要实现更高端的玩法,必须利用好网格的展示形式。比如下面这位大佬,就把自己的游戏库变成了炉石卡组:
![c9aa8898239a291a716cf955b8c3e40e.png](https://i-blog.csdnimg.cn/blog_migrate/9f235c42d9dcaa316f95f77728e35a01.jpeg)
不是还能用动图吗?于是动图+网格的组合技出现了:
![a64e013067aff8864fcdada470575781.gif](https://i-blog.csdnimg.cn/blog_migrate/7ad38e4f7a1402997e6d13e760c0bab2.gif)
![eafd02bab877e5db42bbbf6ee6faf7fe.gif](https://i-blog.csdnimg.cn/blog_migrate/ea5b971b6e28acf7b240715ad89b3677.gif)
![beac92c04edaa484d93379a392469b36.gif](https://i-blog.csdnimg.cn/blog_migrate/0dc5f4ed241bf586edafdfb943560bc9.gif)
![8410e3f17569d39cf411b1371f627ff3.gif](https://i-blog.csdnimg.cn/blog_migrate/bee1bd96dbe3edbfddebf5cce69ee295.gif)
看完上面这些 Steam 新版库玩法,你有没有冲动自己也试一试?如果你有什么更有趣的作品,也欢迎在留言区跟大家分享。不懂具体怎么操作,又想尝试一下的朋友,可以看看下一页的教程。
来一起让你的 Steam 游戏库变得更好(sha)看(diao)吧!
下一页:Steam 新版游戏库封面创作之旅
如果你也想玩玩 Steam 新版游戏库 UI,又不知从何开始,满脑子疑问,那么请继续往下看。
如何试用 Beta 测试版的 Steam 客户端?
如果你还是稳定版本的 Steam 客户端,那么需要先更新成 Beta 测试版。具体办法如下:
- 在 Steam 运行时,点击左上角的「Steam」-「设置」(Mac 系统为「首选项」)
- 在「帐户」页面「参与测试」选项下点击「更改…」按钮
- 在下拉框中选择「Steam Beta Update」并点击「确定」
- 弹出「需要重新启动 Steam」的提示的话, 请选择「重新启动 STEAM」按钮
![a0252785bb15652b6eb44f69f1fbfbbd.gif](https://i-blog.csdnimg.cn/blog_migrate/966cb532d2c60a8e7c3e2c0e51bec2e3.gif)
想要还原回去的话,只要再过一遍上面的步骤,并在第三步选择「无 - 不选择任何测试活动」,按提示重启 Steam 就可以了。
如何为自己的游戏替换封面?
当你的 Steam 客户端已经更新成 Beta 测试版,那么你应该就能看到新版的库 UI 了。这时候,在库中的任意游戏封面上右键,点选弹出菜单的「管理」-「设置自定义艺术作品」,选择你需要的封面图即可进行替换。
![0b270ba1e3b082abe9134d18f2d9c4c9.gif](https://i-blog.csdnimg.cn/blog_migrate/a0ad7b5764df6000e67469a45583b2a7.gif)
自定义封面支持 .png 和 .jpg 格式,图片尺寸长宽比为 2:3。用比例不对的图片的话,Steam 也会自动居中缩放,当然,美不美观就是另一回事了。
动图方面,Steam 并不支持 .gif 后缀的文件,但把文件后缀名改成 .png 和 .jpg,就能成功骗过 Steam 客户端。另外,你也可以直接使用 APNG 格式的动图,由于后缀名同样是 .png,因此也能生效。
那些网格组合的沙雕图,是怎么做的?
想要做出上文那种通过多个网格组合起来的动图效果,先得准备好如下工具:
- gif 编辑工具
- 想要录制的视频
- Photoshop
首先我们用 gif 编辑工具制作一个动图。
我惯用的 gif 编辑工具是「ScreenToGif」,自带中文,还能直接导入视频,很方便,你可以在这个网址下载到。我选择《最终幻想7 重制版》的 TGS 预告片导入 ScreenToGif,截取需要的部分。至于尺寸和帧率,当然是越大效果越好,但相应动图体积也会变大,请自行根据自己 PC 的硬盘性能衡量。
![8d151c0b98b62a9f9abf1d2ed05a821d.png](https://i-blog.csdnimg.cn/blog_migrate/b1d1aa1f9df6f64b1aa8cd21a3e25994.jpeg)
导入后,删除前后无用的帧,将 gif 保存下来备用。
接下来我们来为上面保存的 gif 做裁切,这个部分就比较复杂了。
重点要明确的是,随着 Steam 客户端窗口尺寸的调整,库中网格的大小和间隔是会发生改变的。以常见的 1080p 分辨率为例,当窗口最大化时,网格之间的间隔会比较大。如果把窗口变小到一定程度,网格的间隔将会变小。
![44fa110aaabe97d3a9affb362f9a9ff7.png](https://i-blog.csdnimg.cn/blog_migrate/231b7b6f41212e7926a5cb80a6b101b3.jpeg)
这个间隔的变化,意味着你做出来的动图,只能用于指定窗口尺寸。
所以,先调整 Steam 的窗口大小,确定你要在什么尺寸下观(wan)赏(nong)DIY 封面。然后,把你要展示 DIY 封面的区域截图保存。
以我自己为例,为了让动图的最终效果好看一些,我选择缩小窗口让网格间隔变得最小:
![3b51210fcbbbc7f3543bbcdc095371a8.png](https://i-blog.csdnimg.cn/blog_migrate/eb3b92a16979d5f059062d1f0b08b260.jpeg)
打开 Photoshop,导入刚刚保存的截图,和上面做好备用的动图。先把动图的尺寸跟 Steam 界面的截图对齐,以我上面的截图为例,三行网格的高度为 714 像素,而宽度远小于动图 1080p 的宽度,那么我就把动图的高度设置成 714 像素,以保证三行网格没有留白的地方又能充分展示图像。
设置好动图尺寸后,把 Steam 界面截图通过复制图层复制到动图的 Photoshop 编辑窗口中。接下来,通过 Photoshop 菜单「视图」-「新建参考线」,把每一个网格都框出来,如下图所示:
![1182941a6e503ca8af345038e1518c9e.png](https://i-blog.csdnimg.cn/blog_migrate/7117443191796e9a2c7afa4361b847bf.jpeg)
把网格都框好后,我们就可以使用裁剪功能把每一格的动图裁剪出来分别保存了。裁剪之前,记得先把参考用的 Steam 界面图层删掉;保存的时候记得要用菜单「文件」-「储存为 Web 所用格式…」保存为 .gif 文件,并按照网格的位置顺序命名好。
![31ae0856b318c1e29b6fb3fc15b071fb.png](https://i-blog.csdnimg.cn/blog_migrate/412d0b7768d3a9b680f713f89281f2d7.jpeg)
保存出来的 .gif 文件,Steam 客户端是不认的,所以最后我们还要把保存好的动图全部后缀名改成 .png 或 .jpg。改好后,我们就可以在刚刚截图的区域逐个替换游戏的封面了。
替换完毕后,你可能会发现动图没有同步,这时候只要重启一下 Steam 客户端就好了。做好之后的效果如下:
![5b18b465c1bcd4df31cbb1b42c4217fd.gif](https://i-blog.csdnimg.cn/blog_migrate/6eb8699735d9559bde7b05babbdd4933.gif)
好了,到这里,你的沙雕游戏库就大功告成啦!不过要注意的是,当你调整 Steam 窗口尺寸的时候,动图的效果就会变形走样;另外,如果你改变了游戏的排序,动图同样是会被打乱的。
最后,如果你有什么得意的作品,欢迎本文评论区,我们将会在最骚的作品中,抽选一位幸运选手,送出一份来自游戏时光编辑的赞许~
![75e5fff8e5afa268aadd9a0d6a1ddbf4.png](https://i-blog.csdnimg.cn/blog_migrate/149df312869d348375510d64e9d07678.jpeg)