创意工坊展柜制造教程

希望可以帮到各位想好好打扮创意工坊展柜的玩家们~

前言

Steam社区，是一个非常重要的平台功能之一。受限于某种弄原因，想要在Steam社区流畅体验有一定的难度，但也不困难。
而最让人值得注意的地方，就是每个人的个人资料了。当然，Steam的平台远远不止个人资料这么少，他有指南、创意工坊、社区论坛、好友动态、商店评论等众多功能，经过多年的发展，平台已经发展成为一个非常成熟的交互社区了。

但是，个人资料，能够显示一个玩家的态度：玩家的资料完整度，处理情况，板块分布，信息框内容，等等，都能够非常直观的反映出该玩家的平台态度，以及好友态度与游戏态度。一个漂亮的艺术展框、截图展框等等都会让人情不自禁的点个赞（就差个人资料个点赞功能了）。把自己的个人资料打扮的漂漂亮亮，给人的第一印象就已经很好了。

目前来说艺术展柜与截图展柜无论是百度、B站还是指南都有非常充足的教程，而创意工坊展柜教程非常少。希望可以帮到各位想打扮的漂亮的玩家们，精心布置好自己的个人资料。

步骤一：制作GIF

我们需要用到的GIF制作、分割网站：
https://ezgif.com/maker
之后，开始制作GIF啦。

图片转GIF

选择GIF Maker，点击选择文件，然后选取自己所要制造的GIF图片列表，可以进行多选。

选取之后点击进行上传。


上传完毕后可以看到一系列的图片。

因为我的图片的尺寸并没有统一大小，所以会出现警告提示。一般忽略，这个智能调整坑非常大。
因此在选图的时候，注意保持图片的尺寸统一，以及图片内容中角色人物的坐标不要混乱。


Delay time为帧间隔。
8为标准24帧/秒电影时间，而5速度快一些看起来会更舒服，因人而异。


如果你的图片是透明背景，请务必勾选该选项。
分支选项则以第一帧（第一张图片）作为背景图片，看情况选择（一般不选）。


一切操作完毕后，开始制作GIF，然后保存即可。
如果你需要对图片进行裁剪以及其他工作，请自行研究。

视频转GIF

首先找到自己所需要的视频，然后点击上传。


上传完毕后可以看到自己的视频（一般网络很卡没法看完）。
Start time (seconds)选择视频的开始时间，End time (seconds)选择结束时间。
时间精确到毫秒，可以借助其他视频软件截取毫秒单位为准的GIF。

Frame rate (FPS)则是帧数速度（每秒），25为视频原速，一般选这个。


之后点击按钮开始转GIF。
如果你需要对视频进行裁剪以及其他工作，请自行研究。

重点！把视频转换后的GIF在重复图片转GIF的操作！不然后面的步骤必然出错。


如果喜欢静态图片，一次上传16张图片即可。

步骤二：扩展GIF

一切操作完毕后，打开Photoshop，开始进行扩展操作。
至于为何要这么操作的原理并不知道，就不要问了。

把完成后的GIF拖进PS里，然后图像->图像大小（快捷键Ctrl+Alt+I）。

首先是我多次实践后得出的结论：

774*h
(150每图宽，6间隔)
间隔宽a
每图宽25a
总图宽129a

774为X轴长度，刚刚好可以占满整个创意工坊展柜。
展柜由5张图片组成，每张图片之间有间隔。
设分割线的X轴长度为a（单位：像素），每张图的X轴长度为25*a，整个GIF图的X轴长度为129*a。


看不懂没关系，锁定宽高比，设置单位像素，输入774，完毕。


确认完毕后，点击图像->画布大小（快捷键Ctrl+Alt+C）。
高度增加100，然后定位选择中上方，点击确认。

到这里，第二步已经结束。


PS：千万不要保存工程文件，也不要关机，必须得一气呵成。


不知为何，Photoshop制造出来的GIF各种“瑕疵”，明明观感是最好看的。看来PS与十六进制有不可言喻的关系呀。

更新：下方再增加40像素可以避免被图标挡住。

步骤三：分割GIF

接下来进行分割的事情了。
如果觉得这步很麻烦，而且也对间隔没有强迫症，可以直接设置750，一刀一刀150切割。


新建文档，设置X轴长度150，高度与扩展后相同；新建文档，设置X轴长度6，高度与扩展后相同。

2个新文件放到你认为舒服可以方便拖拽的地方，然后把大的那一块拖进来，并移到最左边。


同时，观察右边，留意他的位置参数，X：0 像素。


个人十分建议给这些切割黑块新建一个组，拉到图层最上端，保持在第一帧的位置进行所有的操作。


接着把小黑条拉进来，并且与大黑块紧贴着一起。也是需要留意位置参数的。

分割成败在此一举！
留意参数！！！！歪一步就“前功尽废”了！！！
记住选取当前图层文件观察参数，别看乱了！！！


重复上述操作，直到全黑为止。


开始切割！选择裁剪按钮，然后不要手贱点其他，不要摁键盘。

按住Ctrl键，鼠标左键点击右下角的第一个大黑块，我这里命名为“B1”，记住要点图片哦，不是点名字。
图中出现虚线，双击回车，然后变成了一个黑块。
点击组左边的眼睛，黑块消失。

文件->导出->存储为Web所用格式（快捷键Ctrl+Alt+Shift+S）。

如果图片过大，只建议把该处改为“扩散”，
以及颜色选择，64已经是肉眼可见的色彩掉渣了。如果能忍受，那就忍受吧（别人的网络速度就不知道能不能忍受了。）
然后保存即可。

返回Photoshop，在原来的图片退回一步（编辑->后退一步），则又会变成之前的大黑块了。继续上述步骤。

步骤四：切割GIF

打开 UltraEdit，把保存后的文件拖进来，

如果你觉得这软件很恶心，那可以选择HxD。
至于其他软件，我不清楚了。


观察第一行数字，在06、07列发现96，00。


点击保存后的GIF文件，右键属性->详细信息，可以看到图片的分辨率。


X轴长度150，转换成十六进制则是96。

这里的数字是从右往左数的，因此正确的十六进制写法应该是 00 96。
而在文件里则是相反。


而在在08、09列发现1E，02。

以21E（02 1E）输入，十六进制转换成十进制后，得出答案542。


我们需要切割那多余的100像素，那么我们需要输入十进制的442，
转换成十六进制后：
442 -> 1BA（01 BA）
反写，得出：BA 01。

UltraEdit，快捷键Ctrl+F，分别输入：

全部替换。

成功后，会弹框提示。
前面加上Y轴长度的话更保险，毕竟不仅仅只有X轴长度是这个数值。

HxE，快捷键Ctrl+R，分别输入：



成功后，会弹框提示。

注意：
如果是 帧数+1 已被替换，则已经真正成功。
如果是 2 已被替换，你已经错了。
如果是 小于帧数+1 已被替换，你也是错了。

你可以在切割前尝试一下全图进制切割，看看扩展步骤有没有出错。
图片不要太大，帧最好保持在100以内，太大的话很有可能压缩全图导致无法顺利进行进制切割。
如果Photoshop无法顺利进行进制切割，可以尝试网页上切割，算好坐标值。


还记得还有一个视频转GIF的文件吗？拖进来，是不是害怕又得重新弄一次黑块？
不用担心，如果你建立了图层组，一切就简单了。
先把文件进行扩展。
右键图层组，复制组，在文档处选好你另外需要裁剪的文件，确认即可。

所有黑块完美移植。
注意，所有黑块的高度都是相同的。

你可以保存该黑块组以方便日后进行更换其余GIF。

步骤五：上传GIF

完成以上一系列操作之后，开始进行上传GIF。

在创意工坊页面里进行上传：
http://steamcommunity.com/workshop/edititem/570/11

控制台输入：

$J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="appid"]').val("241100");$J('[name="consumer_app_id"]').val("241100");$J('[name="visibility"]').val("0");$J('[name=file_type]').val('11');

如果你的图大于2MB，那么在艺术作品页面里进行上传：
https://steamcommunity.com/sharedfiles/edititem/767/3/

控制台输入：

$J('#ConsumerAppID').val(480),$J('[name=file_type]').val(0),$J('[name=visibility]').val(0);

打开你的个人资料，然后开始在创意工坊展柜里设置吧。




241100，是steam控制器的创意工坊，因为本身没有该程序，所以会显示缺失图片。如果对这个比较敏感的话，可以改成你喜欢的游戏的数字ID。具体ID可以在商店里右键复制URL或者复制网址粘贴到记事本里，可以看到一串数字appid。
注意，需要该游戏支持创意工坊！

结语

谢谢能够看完该教程，非常希望能够帮到你们（也给我自己做个笔记）。如有不足请留言说明，感谢！

[Tutu.]

我图片上传了有黑边

[米粉今天吃什么]

十分感谢

[ChonKiiit]

每次都是替换2 ， 图都是崩了的