相信很多人都想做出下面的效果吧

GIF图限制大小所以比较糊，可以直接看作者的主页查看效果

艺术作品展柜效果



创意工坊展柜效果


本指南就是教大家如何实现上面的效果

• Steam账户达到10级
  
• 拥有 “艺术作品展柜” 或 “我的创意工坊展柜”（没有可以去点数商店购买）
  
• 一个你喜欢的Steam个人资料背景（静态动态都可以）
  
• 一段你想要展示的视频或GIF（如果是视频要转为GIF）

当你满足以上条件后，就可以跟着本指南动手制作了！

如果你的个人资料背景是静态的，那么直接在你的Steam库存中找到你的背景，选中后点击查看完整大小，将打开的网页链接复制下来后，打开SteamDesign网站，将链接粘贴在图中红圈的位置后，点击最上方的下载压缩包

将压缩包解压后会看到Avatar.png Artwork_Right_Top.png Artwork_Middle.png 以及 Artwork_Featured.png 分别为头像 艺术展柜右侧图片 艺术作品中间图片 以及精选艺术展柜图片
下面根据你的喜好以及展柜类型选择图片并编辑

例如你的展柜是精选艺术作品展柜，则选择 Artwork_Featured.png 进行编辑，若你的展柜是艺术作品展柜，则选择 Artwork_Right_Top.png 以及 Artwork_Middle.png 进行编辑，头像一般不用。

1.编辑图片

使用PS或任何你喜欢的 你会的 方法进行编辑，例如加入各种文本等元素，切记不要改变图片的尺寸

2.压缩图片
Steam对文件大小有极其严苛的要求，因此你要保证你的单个图片大小不超过2MB，如果超过了，请想办法压缩图片的大小，不过一般情况下你用SteamDesign网站下载的图片是不会超过这个限制的

3.上传图片

艺术作品代码
$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');

无名代码
v_trim=_=>{return _},$J('#title').val(' \n'+Array.from(Array(126),_=>'\t').join(''));

用浏览器打开你的个人资料页面，点击右侧的艺术作品，点击上传艺术作品，选择非游戏特定，上传你的图片，F12或 Ctrl+Shift+I 打开开发者工具，在控制台里输入 艺术作品代码 后回车，如果你希望你的图片不显示名字，可以再次输入 无名代码 并回车，滑动到最下方，勾选“我保证此艺术作品是我创作的”，点击保存并继续。

此时，上传步骤已经完成，将你需要的图片全部按照此流程上传成功后，在编辑个人资料里，点击已展示的展柜，选择你的艺术作品展柜或精选艺术作品展柜，并选择你刚刚上传的艺术作品，滑到最下面点击保存，回到你个人资料页面查看效果即可！

---

如果你的个人资料背景是动态的，先装备你的动态个人资料背景，在浏览器中打开你的个人资料页面，在背景处右键，点击复制链接，然后打开SteamDesign网站，将链接粘贴在图中红圈的位置后，此时你可以根据你的展柜以及你的需求，直接点击下载压缩包则是将头像，中间展柜图片，右侧展柜图片以及精选艺术展柜图片都下载下来，或者 Ctrl+左键点击下载压缩包，此时会打开新的页面，根据你的需求勾选你需要下载的，点击DownLoad即可

1.编辑视频

将下载下来的视频进行编辑，用任何你喜欢的 你会的 方法进行编辑，例如加入各种文本等元素，切记不要改变视频的尺寸

2.转换视频为GIF格式
将你的视频用剪辑软件或通过其他方式转换为GIF格式，例如通过EZGIF网站转换
进入网站后点击 Video to GIF 上传你的视频文件，点击upload，上传成功后，下方选择参数，size保持不变，FPS请保持至少10以上，以保证观感，最后点击convert

3.压缩GIF
Steam对文件大小有极其严苛的要求，因此你要保证你的单个GIF大小不超过2MB，如果超过了，请想办法压缩GIF的大小，可以通过上文提到的EZGIF进行压缩，点击optimize，上传你的GIF，方法推荐选择optimize transparency 或者lossy GIF

4.上传GIF

艺术作品代码
$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id','');

无名代码
v_trim=_=>{return _},$J('#title').val(' \n'+Array.from(Array(126),_=>'\t').join(''));

用浏览器打开你的个人资料页面，点击右侧的艺术作品，点击上传艺术作品，选择非游戏特定，上传你的GIF，F12或 Ctrl+Shift+I 打开开发者工具，在控制台里输入 艺术作品代码 后回车，如果你希望你的图片不显示名字，可以再次输入 无名代码 并回车，滑动到最下方，勾选“我保证此艺术作品是我创作的”，点击保存并继续。

此时，上传步骤已经完成，将你需要的GIF全部按照此流程上传成功后，在编辑个人资料里，点击已展示的展柜，选择你的艺术作品展柜或精选艺术作品展柜，并选择你刚刚上传的艺术作品，滑到最下面点击保存，回到你个人资料页面查看效果即可！

保证你的展柜是 我的创意工坊展柜

我们默认你已经有了你喜欢的GIF图，如果是视频请自行转换为GIF或按照上一章节提到的方法通过EZGIF转换为GIF图。

1.切割GIF图
这一步可以用任何方法做，例如通过EZGIF网站实现，但本指南使用另一个网站 ILoveIMG 实现，打开网站后点击上方的裁剪图片，将GIF图上传后，将宽度改为126px 高度为你的GIF图的高度 位置为（0,0）（0,0表示 位置X=0 位置Y=0 下同）点击裁剪图片。

重复此步骤并将位置依次从（0,0）改为（126,0）（252,0）（378,0）（504,0）

2.压缩GIF图
保证步骤1得到的五张GIF均小于5MB，若不满足，请按照上一章的方法进行压缩。

3.以十六进制编辑GIF图
本文以hexedit网站来讲解，打开网站后，上传GIF图，滑到最下方，将GIF的 3B 改为 21 并点击另存为，依次对五张GIF执行上述操作


4.上传GIF图

创意工坊代码
$J('[name=consumer_app_id]').val(480);$J('[name=file_type]').val(0);$J('[name=visibility]').val(0);

用浏览器打开你的个人资料页面，点击右侧的艺术作品，点击上传艺术作品，选择非游戏特定，上传你的GIF，F12或 Ctrl+Shift+I 打开开发者工具，在控制台里输入 创意工坊代码 后回车，如果你希望你的图片不显示名字，可以再次输入 无名代码 并回车，滑动到最下方，勾选“我保证此艺术作品是我创作的”，点击保存并继续。

此时，上传步骤已经完成，将你需要的GIF全部按照此流程上传成功后，在编辑个人资料里，点击已展示的展柜，选择 我的创意工坊展柜，并选择从左到右按照顺序选择刚刚上传的GIF图，滑到最下面点击保存，回到你个人资料页面查看效果即可！

截图展柜的制作方法与上面的都类似，区别只是在上传时输入代码换成截图的代码即可。
截图展柜不需要修改十六进制信息也不需要切割，只需要保证小于5MB即可。

为了方便制作，我用Python写了个小程序，可以一键复制代码以及访问网站，软件我放在了GitHub上，有需要的可以自行下载。
点击此处访问此软件的GitHub页面[github.com]
视频教程我发在了Bilibili
点击此处查看视频教程[www.bilibili.com]