Steam动态背景展柜的另一种做法

308364 · 发表于 2020-6-27 16:59:44 · 湖南

本帖最后由 308364 于 2020-7-27 15:39 编辑

本来自己想写一个的，下午一上论坛就看到有坛友转载了一种方法：https://keylol.com/t613724-1-1。于是打消了这个念头，不过进去一看发现方法与我的有些不同，于是又滚回来写了

那个方法需要将视频转换成GIF，鉴于这种转换工具不多，所以我用Photoshop直接导入视频文件进行裁剪。
方法大致和这个帖子差不多：https://keylol.com/t213192-1-1。

以下是我所用到的软件/工具：
1. 小丸工具箱
2. Photoshop CC2018
3. 裁剪模板~~提取码：5979（这个模板貌似就是从上面那个贴子里找到的）~~坛友反映这个模板错位了，请大家下载这个帖子的模板：https://keylol.com/t613135-1-1，其他的步骤还是差不多。

准备工作

保存背景，进入个人资料页面，在背景上单击右键，再点击保存视频。

注意这里保存的是webm格式，PS无法导入webm格式的视频，需要转换成mp4格式，这就需要用到小丸工具箱。

视频转码

打开小丸工具箱，将webm格式的视频文件直接拖入“视频”那一栏，然后开始压制。注意设置一下CRF，这个东西简单来说就是数字越小，视频画质的损耗就越小，这里我设置成18。

这里会弹出一个窗口，是与否都无所谓，我选择“是”。

压制完成。

裁剪

打开“steam个人资料背景模版原始大小.psd”。

将mp4视频文件拖入到PS中，调整好位置后置入，这里要注意的是，模板的长宽比例是16:10，部分背景是16:9，16:10的背景刚好能填满这个模板，非16:10的背景则需要将背景与模板顶端对齐，如下图：

首先点击“创建视频时间轴”，然后注意到右边的红框，将图层1和2设置为可见。

再将视频的那个图层放在第三个，如下图：

点击红圈中的图标进入裁剪模式。

裁剪完毕后，要将图层1或图层2设置为不可见，且注意要调整时间轴。

点击“文件→导出→储存为 Web 所用格式（旧版）”，或者直接使用快捷键Alt+Shift+Ctrl+S。

弹出新窗口之后，注意红框，将格式改为GIF，再将动画的循环改为“永远”，这样就可以保存了。

上传艺术作品

上传还是老样子，需要用到控制台代码。

<blockquote>var num= document.getElementsByName("image_width")[0].value;
document.getElementsByName("image_height")[0].value = num-(num-1);
document.getElementsByName("image_width")[0].value= num*100;

复制代码

效果预览

可以直接进我的个人资料页面看

懒人入口（只有四款：深海、卧室、海边、星夜）：

隐藏内容，点击显示

转载须注明出处

准备工作

视频转码

裁剪

上传艺术作品

效果预览

本帖子中包含更多资源

▘片十字花瓣

▘车资存根

▘慧眼独具

积分封禁

预备会员

超级版主

研发支持

认证发行商

浪人

平台开发者

绿光作者

QQ游客

初阶会员

实习版主

管理员

版主

禁言会员

封禁帐户

封禁网段

游客

待验证用户

论坛贵宾

群组维护

进阶会员

高阶会员

精锐会员

支柱会员

核心会员

旗舰会员

毕业会员