春促结束了,你搞到好看个人资料动画了吗?

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

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

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

春促结束了,你搞到好看个人资料动画了吗?

编辑个人资料

选中特别个人资料

如果没有购买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个人资料

春促结束了,你搞到好看个人资料动画了吗?

虚位以待~

期待我们的相遇

#免责声明#

①本站部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。

②若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。

③如果本站有侵犯、不妥之处的资源,请联系我们。将会第一时间解决!

④本站部分内容均由互联网收集整理,仅供大家参考、学习,不存在任何商业目的与商业用途。

⑤本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与任何商业和非法行为,请于24小时之内删除!

给TA打赏
共{{data.count}}人
人已打赏
PC游戏

续作重制成游戏稳妥开发趋势;《CS2》MajorVP掉线输掉比赛!

2024-3-25 0:00:00

PC游戏

全新历史题材回合制4X游戏《Millennia》现已发售

2024-3-27 0:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索