【球盟会】春促结束了，你搞到好看个人资料动画了吗？

摘要

昔日曾发过较火的两篇关于创意工坊展柜的动画制作，有兴趣可以回顾一番（与本篇无关）

球盟会官网报道

【新人豪礼】新会员专享注册送88元体验金，存100送100，再送免费游戏局
【存款返赠】使用虚拟币支付额外再赠2%，均可获赠58元红包优惠券！
最佳投注体验，超高游戏赔付，千场精彩赛事，下载体育APP，等你来战。

昔日曾发过较火的两篇关于创意工坊展柜的动画制作，有兴趣可以回顾一番（与本篇无关）

是时候制作属于自己的个人资料主页了

让我们来做点好看的个人资料吧！

最终成果

黑盒gif上传限制8MB所以有点糊，实际效果还是很好的

想必大家在商城中看见了春季特卖的粉毛猫娘，~o( =∩ω∩= )m

而可爱的粉毛猫娘可以作为个人资料动画，通过点数商城中购买，即可在自己个人资料展示，具体位置如下：

购买个人资料背景

5000点数即可获得全套“特别个人资料背景”

什么是特别个人资料背景？

也就是全套的，包括头像，头像框，迷你个人资料，个人资料背景，主题等全部包含

意思就是说5000点数就可以全买到了，单买则需要2000（将没有头像框和主题等其他内容）

但是直接使用的个人资料背景是枯燥的，只看得见个人资料背景的边框，中间部分被steam的各种个人展柜所遮住了

也就是看不见砂狼白子（误）

反例

本篇内容将介绍如何使用精美艺术作品展柜来展示完整动画

本篇内容及其简单，制作精密艺术品展柜不像创意工坊展柜那么复杂，甚至可以在线制作

所需要求：

浏览器（本文演示使用QQ浏览器，Edge则更好）

至少2000的Steam点数

一个等级大于10级的Steam账号（展柜最低限制

遇到问题仔细思考和耐心搜索的能力

Photoshop（可选）

一、装备特别个人资料背景

这里默认大家都有5000点数去购买特别个人资料背景

如果5000不够的话，可以用2000单买个人资料背景（就没有头像框和主题等）

点数获取方法：steam买游戏花的钱会折算成点数给你，只有在steam商城买的才算，CDKEY和礼物都不算

被别人打赏评论，文章，个人资料等可以获得点数

还可以通过淘宝，咸鱼等平台代购点数

购买完个人资料背景后，进入你的个人资料（需要开加速器，之后操作均需要加速），点击右上角的编辑个人资料进入编辑页面

编辑个人资料

选中特别个人资料

如果没有购买5000的特别个人资料，只买了2000的背景的，请进入个人资料背景 

编辑个人资料

在特别个人资料里面选中购买的“春季快递”特别个人资料

只买了2000的背景的在个人资料背景选择“春季快递-背景”

特别个人资料

选中以后记得在下面点击保存！！！，之后回到自己个人资料，可以发现头像，头像框，主题，背景都已经改变成为春促套装

二、获取完整个人资料背景视频图像

在你的个人资料主页中，任意地方鼠标右击，点击复制网页URL

复制网页URL

之后打开浏览器，在浏览器地址栏粘贴刚刚复制到的URL，并访问

粘贴以后回车也可以

访问个人主页

浏览器会进入你的个人主页，不需要登录，右击猫娘背景，选择视频另存为

视频另存为

选择一个保存路径（比如桌面）即可获取完整个人资料背景视频，格式为webm

个人资料背景视频

下载到如图的文件就代表你完成了个人资料背景视频的获取（文件名不一定要一样）

三、把个人资料背景视频转为正确gif格式

这里使用一个非常强大的网站，在之前的文章里也提到过

https://ezgif.com/crop-video

打开网站以后可以看到一个视频上传页面，将刚刚获取到的webm视频拖进去即可开始上传

也可以手动选择视频位置，然后点击Upload video!

上传视频

上传成功后会显示刚刚上传的视频，下面则有很多参数可以调整

请按照下图调整到对应参数，然后点击Set

设置裁剪参数

可以看见上面的视频中被框出来了一块区域，这就是我们需要裁剪出来的区域

点击下方的Crop vedio！则完成裁剪，并显示裁剪剩下的视频

这时点击左下角的to GIF

裁剪后的视频

进入GIF制作页面，视频下方会有几个参数

请按照下图调整对应参数

至于各参数有什么用，在上一篇文章里有详细解释过，有兴趣的可以去看一下

这里所选参数只是让图像更加清晰和帧率更高

GIF制作参数

等待一小段时间后，GIF就生成完毕了，会在下方的Output GIF animation中显示

我们点击Save来保存制作好的GIF图片

保存GIF

浏览器会开始进行下载，把制作好的GIF图片下载到本地

四、上传GIF图片到精美艺术作品展柜中

打开如下链接，进入steam艺术作品上传页面

https://steamcommunity.com/sharedfiles/edititem/767/3/

点击上传，选择刚刚制作好的GIF图片进行上传

勾选下方的“我保证此艺术作品是我创作的”

上传艺术作品

之后到了最重要的一步

按下浏览器的F12按键，进入浏览器控制台（Console）

浏览器控制台

请复制如下代码，粘贴到控制台中，按下回车

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;

这段代码的意思是防止Steam重设图像大小，用于固定图像大小以及跨过检测

接下来你可以输入艺术作品名称并上传艺术作品

或者可以使用如下代码，获得没有名字的艺术作品

有名字的艺术作品会显示在个人资料，碍眼而且不好看

请复制如下代码，粘贴到控制台中，按下回车

v_trim=_=>_, $J('#title').val(' /n' + '/t'.repeat(100));

这段代码往后有空细讲，通过重设函数绕过了名称检测，并且填充100（我随机选的数字）个制表符作为图片名称（制表符看不见，会替换为Tab）

之后点击下方的保存并继续即可完成上传

如果上传失败，显示页面出错，请多试几次，并且保证代码输入正确

输入代码按下回车后，控制台会返回一些数字或者文字，有显示这些就代表代码输入成功

如果上传成功，会进入艺术作品页面，并且显示作品正在审核中，审核只需要1-2分钟，非常快

上传成功页面

如果上传了错误的文件，可以点击右边栏的删除来删除艺术作品

刷新网页等待审核结束然后进入下一步

五、在Steam中装扮你的GIF图片

打开你的Steam中的个人资料，选择编辑个人资料，进入已展示的展柜

任意选择你的一个展柜，设置为精选艺术作品展柜

设置展柜

然后点击展柜，设置艺术作品为刚刚上传的艺术作品

因为使用了特殊代码的原因，艺术作品显示只有一小条黑缝，点击那条黑缝就是选择你的艺术作品

如果你有多个艺术作品存在，那可能就有多个黑缝

选择艺术作品

选择了以后，到页面最下面点击保存！！！

然后回到你的个人资料，图片可能需要加载一段时间，加载完毕就看得见完整的个人资料背景了

完整个人资料

恭喜！！到这里已经完成完整个人资料的展示！！！如果你看到这里，那你已经结束了本教程的大部分内容

剩下的内容我会说一些进一步的美化

六、更多美化

有的人会问，为什么我的个人资料是这样全黑的，没有那么高的透明度，类似下图

全黑的个人资料

那是因为你没有选择“透明”主题！！！

就像前面说的，如果你花5000，可以获得除了背景以后，还有头像框和主题等

主题指的就是你的个人资料配色，选择不同的主题，会让你的个人资料有不同的透明度或色调

而如果只使用2000的个人资料背景，那么就只有默认主题，就是上图所示的全黑

如果使用了5000的春促包含的主题，就可以获得上文教程中的大部分透明的效果

而文章开题的GIF动图中，我选则的是名为“火骷髅”的特别个人资料，它提供的透明效果几乎是全透！

可以在点数商城中使用5000点数购买到

火骷髅

当然各种各样的特别个人资料背景很多，有的可能更好，目前我使用火骷髅很舒服，于是也没有过多研究其他特别个人资料

购买了以后去编辑个人资料，如上文一样，选择特别个人资料，然后选择刚买的“火骷髅”，即可装扮特殊主题，但是同时其他背景和头像等也会被替换成火骷髅

只需要手动换上之前的春促头像框和个人资料背景等，即可同时享有春促的猫娘和火骷髅的透明主题

就不要去特别个人资料选择春促了，不然又会全套替换成春促的主题，当然春促主题也很好看

然后选择你喜欢的头像框和其他展柜，你的个人资料就变好看啦！

那么如何在GIF动图上添加其他图像呢？

比如添加水着白子?

如果是静态图片，可以去Photoshop中自行抠图后，将之前制作好的背景GIF拖入GIF，然后设置你的抠图图片为顶层，导出为GIF，然后上传Steam使用即可

如何导出GIF可以去上一篇中查找

如果是动态图片，可以先用之前的webm转为mp4，在Pr中将你的动态图像贴上去，然后再跟随之前的流程，进行剪切-制作GIF-上传，即可使用

Pr我不熟练，就不献丑了

七、尾声

如果你遇到了什么问题，欢迎直接通过小黑盒私信

我每天都会刷黑盒，所以看见就会回

也欢迎添加我的Steam好友，或者直接进我的个人资料看成品

YukinoStuki的Steam个人资料

虚位以待~

期待我们的相遇