玩机分享 · Play machine share

Steam资料美化 让你的展柜变得好看!

小编 · 1月4日 · 2021年 ·

前言

你也想拥有想别人那样Steam资料有自己喜欢的人物嘛?你也想自己动动手,让自己的Steam资料变得好看吗?现在你不需要去某宝/某东,只要你跟着做,你就能够做到!

观前提示:本教程全程使用Photoshop(包括模板文件),请自备该软件~(另:抠图不是我应该教的)

话不多说,先上一张效果图

Steam资料美化 让你的展柜变得好看!-字节智造
效果图

找图

找图当然是最重要的呀,没有图哪里来的背景……如果你的Steam个人资料没有背景,你可以去点数商店换一个自己喜欢的(点数确实挺难赚的就是了,G胖心里偷喜)

接着我们打开自己的Steam库存,选择你想用来做背景的图,点击查看完整大小

Steam资料美化 让你的展柜变得好看!-字节智造
查看完整大小

你可以直接点击它,你也可以右键复制链接地址,反正我们需要的是链接

接着我们打开Steam.Design,把自己的链接贴进去点”Change BG”,然后点Download Images

Steam资料美化 让你的展柜变得好看!-字节智造
操作步骤

下载下来是个压缩包,我们只要里面的Artwork_Middle.pngArtwork_Right_Top.png即可,如果你对头像也有要求可以把Avatar.png也用上,但是本教程不涉及

至于人物图嘛……P站很多自己找吧

裁剪

接下来就是要Photoshop的时候了,我会完整告诉你怎么弄,当然你也可以直接下载我提供的模板(懒人必备),可以省去切片的步骤,直接把图片拖进去然后保存即可,没有安装Photoshop的同学请查阅下面文章

我们先新建一个607*942的空白画布,如图

Steam资料美化 让你的展柜变得好看!-字节智造
新建画布

打开来就是一个纯空白的文件,接着把我们下载的两个图片拖进去

Steam资料美化 让你的展柜变得好看!-字节智造
拖~进去

然后把两个图片分别拖到左右两边,大的在做,小的在右。如果你操作正确的话中间会留下一列空白(纯色)

Steam资料美化 让你的展柜变得好看!-字节智造
正确操作

接着把自己的人物图放进去(请先自己扣好图),如果人物被挡住了需要把人的那一个图层向上移动(两个背景图层没有顺序要求,但是人物一定要在上面)

Steam资料美化 让你的展柜变得好看!-字节智造
图层排列

重点来了!选择切片工具(如果你没有切片工具,请右键裁切工具选择切片工具)

Steam资料美化 让你的展柜变得好看!-字节智造
工具选择

从透明的那一列开始往下拉到底,将图划分为三个区域(因为透明那一列也是一个区域)

Steam资料美化 让你的展柜变得好看!-字节智造
划分区域
Steam资料美化 让你的展柜变得好看!-字节智造
区域显示

如果你不放心自己是否裁切对了,你可以按住Alt+鼠标滑轮上放大来检视自己的操作,如果不对,就可以将切片线移动到正确位置

Steam资料美化 让你的展柜变得好看!-字节智造
放大检视

最后我们按住Ctrl+Alt+Shift+S,进行文件的保存(品质手动拉到100)文件名随便你,反正我们用不到文件名,裁剪就完成了

上传

我们打开Steam艺术作品上传页面,添加自己的文件,给自己的作品命名

重点来啦!按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;

最后会得到一行数字(两个数字的结果不一样,第一个是50600,第二个是10000,两个都要运行)

Steam资料美化 让你的展柜变得好看!-字节智造
开发者工具

上传完成后我们点到Steam编辑个人资料,选择艺术作品展柜,并将自己的艺术作品展示出来,保存

Steam资料美化 让你的展柜变得好看!-字节智造
修改个人资料展柜

这样你就得到了属于你自己的Steam个人资料页面了!

Steam资料美化 让你的展柜变得好看!-字节智造
0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!