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

(PS和Pr如若没有,可以使用一些在线网络切图以及在线gif制作)

Windows自带的十六进制转换器

浏览器

WallpaperEngine(可选)

UltraEdit(可选)

一个等级大于10级的Steam账号

还需要拥有耐心学习的精神

所以请耐心跟着教程一步一步走,细心看教程内容,失败了请不要气馁,第一次制作往往都会失败,请看着结尾的疑难解答一步步排解困难吧!

如果你已经有心意的gif动图可以跳过这一步

没有的话,建议使用WallpaperEngine

在WallpaperEngine的创意工坊页面,筛选器选择“视频”其他筛选可以自己选择,选择自己喜欢的就好

当然R18也可以,但是R18的主页会被Steam标记为不适合所有人观看,会被Steam自动打上马赛克

我选择的一张砂狼白子的视频壁纸,订阅以后,选择“在资源管理器中打开”

打开PremierePro

新建项目,项目名称自拟,选择合适的项目存储位置,可以直接建在桌面上方便寻找

其他内容默认即可

我取作“steam展柜”

点击确定

在刚刚打开的资源管理器中,选中下载好的视频壁纸mp4文件

我们通过播放视频可以知道,这个视频大部分都是重复帧,所以我们只需要选出其中的一段做成gif动图即可

看向Pr的右上角,效果一栏

依次选择>视频效果>变换>裁剪

鼠标左键拖住裁剪,拖入我们需要编辑的视频轴上

视频总共两分钟,反复观看视频选择出一组重复帧,或者说选择出一组你想做成动图的片段,运用下图这两个按键可以逐帧播放

我选择的是视频的4秒45之前,片段不易选过长,可能会导致动图过大而导致无法上传至Steam

接下来,需要更改两个地方,如下图红框中标出

首先是格式,选择动画GIF格式

注意不是GIF,而是动画GIF

然后更改分辨率至765x430,如果显示为灰色无法更改,请把右边的取消

更改好以后,选择右下角的导出,我们即可在创建项目的文件夹中找到做好的gif动图

打开Photoshop

拖入刚刚制作好的gif动图

找到左边工具栏中的裁剪工具,选择它

左键单击屏幕中间的图片,在图片最下方边缘,把裁剪框往下拉伸,拉伸至600像素

这步极为重要,关乎动图是否制作成功

600像素只是一个预设的值

后面还需要多次更改

右键点击图片,点击裁剪

再次找到裁剪工具,右击,选择切片选择工具

选择切片选择工具,对屏幕中央的图片右键,选择划分切片

在弹出的窗口中勾选垂直划分为,输入5个横向切片,均匀分隔,点击确定

上面所选的765x430像素

就是为了这里能够均匀分割

而且动图也不至于过大

这时可以看见图片被均匀垂直分隔为5个部分

在PS左上角,单击文件,在下拉菜单中找到导出,然后点击存储为Web所用格式

相应配置先不用改,点击存储

找到我们刚刚摆放Pr项目的文件夹,也就是说我们做好的gif所在的那个文件夹(其实放哪无所谓,好找就行)点击保存

我们看到出现了一个images文件夹,里面存放的即为切片好的五等分gif动图

这里建议把五张动图名字改简单一点

比如n1,n2,n3,n4,n5

并且可以看到每张动图下方都有我们自己裁剪出的透明白边

到此,请检查每张动图的大小是否超过8MB,Steam最大上传限制为8MB,大于这个值就无法上传至Steam。

请在五张图片均小于8MB以后再进行下面的操作,不然无法上传

可以在网络上找图片16进制代码在线更改网页

我这里使用的是UltraEdit,其他可以更改的软件也行

重要的是所选的软件或网页可以批量查找和替换

将五张动图拖入编辑器中,我们即可看到图片的16进制代码

接下来的步骤极为重要

我们看到编辑器的第一行的第6789列

可以看到十六进制代码为99005802

67列中的9900代表的是图片的宽度

89列中的5802代表的是图片的高度

回忆PS中我们通过裁剪把高度更改为600像素

所以我们要把他改回来

找到未切片前的gif图,查看分辨率

原始高度为430像素

打开电脑自带的计算器

找到左上角“标准”的左边,单击,更改为“程序员”

可以看见计算器的样子变了

多出来四栏

分别代表

HEX十六进制

DEC十进制

OCT八进制

BIN二进制

我们单击选中DEC

输入430,可以看到430的十六进制为1AE

回到UltraEdit

鼠标单击第1行,让光标停留在第一位十六进制代码处

这个细节很重要,关乎后面的查找替换顺序,如果光标未处于第一行,会导致其中一部分内容未被检索到而无法替换

按下Ctrl+F,打开查找和替换

查找内输入第6789列的十六进制值

即为99005802

替换为输入430像素转换而来十六进制值

因为宽度不变,所以保持9900

即为9900AE01

输入进编辑器的值需要倒置过来

所以我们查到的是01AE

但其实输入的是AE01

单击全部替换

可以看到弹出项目已替换的窗口

单击否,接下来把五个gif文件依次替换,记住光标要处于第一位

全部替换以后,记得依次点击保存

关闭软件,看向我们制作好的五分动图,出现了很多.bak文件,这是UltraEdit做的图片备份,不用理会,删了即可

重点是,对比之前的图片可以发现,每张动图下方我们自己裁剪出的白边已经消失,到此说明我们转换成功

至此,恭喜你已经完成gif动图制作

打开下面的网址

将网址里的句号换成点“.”

记得开加速器进

在浏览器中按F12打开控制台,单击Console

输入这段代码$J('#ConsumerAppID').val(480),$J('[name=file_type]').val(0),$J('[name=visibility]').val(0);

回车

如果出现以下代码或者一串数字,则说明代码加载成功

接下来则输入上传图片的名字,选择上传的文件,设置可见性,以及保证是自己创作

图片名字任意,图片描述可以不填,可见性必须为公开,勾选结尾的保证,单击右下角的保存并继续,等待图片上传

上传成功以后如果跳转至创意工坊界面,则说明上传成功

重复五遍此步骤,依次控制台输入代码并上传图片,直到五张图片都上传至创意工坊

打开Steam个人资料,点击编辑个人资料

选择已展示的展柜

选择我的创意工坊展柜

然后依次放入我们做好的且已经上传的动图

如果最后每张图都排布整齐,且没有黑边,则代表你制作成功!

如果想上图的第一张图一样,两边有黑边则代表制作失败,需要重新制作!请继续往下看

看到这里的你应该是出现了什么问题吧?请在保证自己步骤没有出错的前提下寻找答案吧!

1.切片后每张图片超过8MB无法上传

方法一:在Pr中减少所选片段的长度,比如我刚开始选的是前4秒45,可以减为4秒,或者更少,以及在Pr导出时降低比特率或分辨率等参数达到降低图片大小的目的。

方法二:在网上寻找gif动图在线压缩网页,或者压缩网站,结合方法一直到压缩至8MB以下

方法三(最有效):在PS导出的时候修改参数

回到第三步最后存储为Web所用格式

颜色可以改为128,区别不会很大

损耗率可以适当增加,调到10就能压缩出很大空间,如果图片实在大也可以继续往上调,但是相应损耗越大,图片质量就越差

分辨率可以改低一些,不一定非要765x430,如果你的图内容较少,分辨率少一些反而更好,只要能平均切成五份就行

通过隔一删一或者隔二删一的方式,减少动图不必要的帧数,以达到降低大小的目的,此方法操作不当会导致动图产生许多卡顿

2.最后上传至创意工坊,还存在黑边怎么办

还记得第三步切片时,我们要在PS中在图片下部增加空白像素吗?(即把图片高度裁剪做大)

因为上传至Steam中的图片会自动加上黑白,如果已经拥有大部分空白像素,则不会再加上黑白

运用这个原理,我们可以手动增加空白像素

上文中我们加到了600像素,如果依然存在黑边说明600像素不够,继续增加即可

有时候可能出现五张图片中,只有一两张存在黑边,单独挑出有黑边的这几张有问题的切片,用PS单独给他们增加空白像素,然后按照步骤改正十六进制值,然后输入代码上传至Steam。

不用怕加的太多,可以隔50上传一次,直到没有黑边为止,我制作的时候有一张切片甚至加到了800像素

3.没有PS和Pr和UltraEdit怎么办

强烈建议下一个,百度上,CSDN上,b站上,下载教程多的是

实在没法下,也可以去网上找在线制作

在线mp4转gif,在线gif等分切片都有很多,只要愿意找都找得到,甚至还有那种上传文件网站直接做好帮你上传的。

方法很多,就看你有没有耐心自己摸索了

UltraEdit不是必须,网上也有在线改图片十六进制的网站,不过切记改的时候要全部更改,需要更改的地方可不止第一行,如果在线网站没有查找替换功能,工作量将会很大,因为往往十六进制码能有成千上万行

4.图片更改十六进制码以后白边依然看得见

请你确认是否查找替换之前,光标处于第一行的第一位

软件查找的顺序是从光标往下,也就是说光标以上的是不查找的,所以如果你的光标以上有需要替换的内容但是软件未能替换掉,就会导致保存后图片依然是存在白边的样子

替换的地方因人而异,每张图片有的人可能需要替换一两处,有的人可能几十处,这是因为图片帧数不同,帧数越多的往往需要替换的越多

举例就是,确保图片中所有的99005802都变成9900AE01,但凡有一组数据未替换都有可能导致制图失败。

需要替换掉的99005802不止第一行,往后的成千上万行中可能某一行也会存在这组数据,同样需要替换

上述说的99005802仅仅是我这张图片的参数,如果你做的图片分辨率不同于我这张,那这个数据将不同,请按照自己图片的参数查找替换

十六进制转换以后的像素放入编辑器中必须倒置,430转为01AE,放入编辑器中要放AE01

5.个人资料里的我的创意工坊展柜找不到

Steam账号等级每升10级会获得一个展柜,所以如果想使用创意工坊展柜至少需要10级以上

至于升级可以靠合成徽章获得经验,或者在冬促夏促活动中完成任务获得经验

游玩游戏会掉落卡片,使用卡片即可合成这个游戏的徽章,但往往集齐全套卡片需要去商城购买缺少的,或者跟朋友交易。

6.必须用mp4文件吗

不是必须的,但至少你要能转成gif格式,我目前就会用Pr把mp4转gif,如果你可以把什么网页壁纸之类的也能转成gif,同样可以使用

重点在于能转gif,能选片段就行

转gif后剩余的操作都一样

7.必须用gif动图吗

这个是必须的,Steam展柜只支持这个

当然静态图也可以,不是说jpg就不能用

8.视频也有音轨,那展柜可以放音乐吗

不可以,你见过谁个人资料进去还放音乐的?

9.Pr中该怎么选重复帧,只能4秒45吗

仔细观察你的动态壁纸会发现,只不过是同样的图片反复播放而已

选择在于选出其中一次重复

多次重复只会导致文件过大,观感也是一样的

选出一组重复帧,gif动图也会重复播放,效果和原来的一样

4秒45只是我这张图选出来的,因图而异,而且说实话我选择也不够好,动图末尾可以看到明显的剪切,很难看,有能力的话请自己选择一组合适的重复帧

10.从Pr导出以后的gif图片并不会动

请注意Pr导出格式

不是gif不是gif不是gif

是“动图gif”

是两个汉字加gif三个字母的那个格式,虽然最后导出来都是gif,但这关乎动不动的问题

11.裁剪工具往下拉伸必须为600像素吗

不一定,只要比你的原图大出100多像素即可

如果100多像素不够,200,300也是可以的

只要最后上传上去没有黑边就是成功的

12.切片必须是切五次吗

五次比较好,可以降低每张切片的大小,如果只切四次,那必然每张图会更大,也就很容易超出8MB的上传极限

13.必须选择765x430像素吗

不一定,能均分为5份即可,我设的这个值只是让图片刚好低于8MB然后又能最大程度保证清晰度

14.PS导出时我损耗拉满可以吗

可以可以,如你所愿

但其实只要小于8MB就行了,过多的损耗没有意义

15.作者你这压缩方法真笨啊,我的方法更好

我承认自己菜好了吧!

16.Pr项目和动图切片什么的必须摆一个文件夹吗?

不一定,只是方便你找而已,你放哪无所谓的,需要打开的时候拖进PS或者Pr中就行

17.上传时候的图片名字和描述要怎么写

随意,我的图片名字是按图片顺序从n1到n5编号,方便我看哪张图是哪张,改什么无所谓的,不影响显示

图片描述空着就行,你想写也无所谓

18.公开性必须选公开吗?我不想给别人看见我这些创意工坊作品

必须公开,放入展柜的图片只有公开才能被人看到

19.找不到系统自带计算器怎么办

网上搜索10进制转16进制,然后用法相同

20.找不到在哪查找和替换怎么办

一般快捷键都是Ctrl+F,没有的话你在最上方菜单栏一个一个找找,一般会有,没有的话就换个编辑器吧

21.我的十六进制转换出来只有三位数怎么办

在前面加个0就行,152变成0152,输入进编辑器记得改成5201

22.上传创意工坊网站打不开怎么办

开加速器开加速器开加速器

你不开加速器怎么看Steam社区嘛

某知名加速器可以免费加速Steam社区

23.找不到浏览器控制台怎么办

一般来说是F12,一般来说就是Console,找不到的话百度搜一下你的浏览器的控制台在哪,照着找就行,实在找不到就换浏览器

24.我的问题在疑难解答里没找到怎么办

百度,搜狗,b站,CSDN,各种社区各种论坛,大不了你找个淘宝客服问都行,网上资源那么多,这套方法也不是我发明的,我只是查询了许多网上资料以后得出的

25.这代码你自己编的吗

26.作者你的PS和Pr技术好差啊

27.作者你不会是营销号吧

我只是个小黑盒里面臭打游戏,不信你加我Steam当面问我也行

28.作者你这些技术从哪学来的啊

也不算技术吧,我是从其乐Keylol(原Steam蒸汽论坛)上知道的这套上传办法,其他内容就是我搜百度搜出来的,还有的是看b站教程

THE END
1.怎么用ps画八卦图绘制图像的步骤:首先,使用圆形工具绘制一个完整的圆形。这一步是创建图像的基础,确保圆的形状和大小符合你的需求。接下来,创建一个新的图层,并将之前绘制的圆平分为两个相等的半圆。这一步是为了在后续操作中保持图像的对称性和平衡。然后,在图层中,以大的圆的半径作为小圆的直径,绘制两个刚好https://zhidao.baidu.com/question/1379687075686635459.html
2.3Dmax学习3ds Max 的最终目的是能够将其应用到实际项目中,创造出具有价值的作品。通过参与一些课程作业和个人创作项目,我有机会将所学的知识和技能付诸实践。从简单的室内场景设计到复杂的角色建模和动画制作,每一个项目都是一次全新的挑战和成长机会。在实践过程中,我不仅学会了如何更好地运用软件工具,还培养了自己的创意https://blog.csdn.net/2301_81884068/article/details/144273096
3.掌握CAD阵列功能,提升设计效率与美观的实用指南完成阵列:最后,确认所有设置后,按下回车键,极坐标阵列就完成了。这种方法特别适合制作圆形布局,比如灯具、管道等。 注意事项 在使用阵列功能时,有几个小窍门可以帮助你提高效率。首先,尽量保持对象的原始属性,这样在进行阵列时,修改会更加方便。如果你需要对阵列后的对象进行个别修改,可以通过“分解”命令将阵列对象转https://news.huochengrm.cn/cyzd/6802.html
4.提高效率必备!Photoshop创作矢量图的10个技巧教程photoshop教程这篇文章主要介绍了设计者提高效率必备的10个超实用的PHOTOSHOP矢量图技巧。希望大家能继续寻找更好的制作方法,享受设计的过程! GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! 【如果你想靠AI翻身,你先需要一个靠谱的工具!】 大家都知道,Photoshop是编辑位图的一个重要应用程序。其实,Photoshop在处理矢量图方面https://www.jb51.net/photoshop/213276.html
5.网页设计需要了解的相关知识小的本身是一个平面设计人员,前一阵儿有一些空闲的时间,便在各个站长网上发布了贴子,大意是免费制作logo,以换取网站连接(相信很多人都看过),半个月的时间做了80多个个人站或企业的logo,认识到了许许多多的站长,他们人都很好,但是其中一些站长由于由于对美工知识过于匮乏,导致了诸如让我直接给图片加连接,把橙色当作http://www2.hnsyu.net/syxywlzx/jszc/wlxxaq/201012/t20101212_46968.html
6.为何独立游戏大作喜欢像素艺术,有哪些好用的研发工具?在一次接受外媒采访的时候,制作人Masahi Takehashi表示,在Super Famicon时代,人们试图掌握硬件的极限,开发者们做出来的是当时条件下能做出来的上限。 “我们都很喜欢这些游戏,因为在这些限制之外,我们试图想象无法在屏幕上直接表达的内容。(对于八方旅人)我们试图做一款能够回到那个时代的游戏,那个需要我们想象场景、情感https://maimai.cn/article/detail?fid=1637585637&efid=0B5dzC9T9jnamkBk23Kdag
7.2022Aech安装(详细)图像制作 Gimp(位图-开源) sudo pacman -S gimp sudo pacman -S gimp Aseprite(像素艺术绘制工具) sudo pacman -S aseprite sudo pacman -S aseprite RawTherapee(RAW格式图像处理-开源) sudo pacman -S rawtherapee sudo pacman -S rawtherapee KolourPaint(绘图工具-开源) sudo pacman -S kolourpainthttp://www.devboy.cn/article/310767
8.《相遇五十年》幕后的故事6月5日,这是一次特殊的早餐会,要求核心组成员七点准时到会。6点多钟周坚 张从实 张新华 杨丽从四方八方赶过来,无暇顾及吃饭,讨论了相关《纪念册》的内容定位、照片的征集标准、封面封底的设计、用纸用色、字体印章老照片排版?等诸多细节。两个多小时会议解决、明示了具体问题,大家各负其责,分头忙碌。 https://www.meipian.cn/2drqfgio
9.招商公告八、招商结果公布及交纳签约保证金、签订合同 1.机场方将根据商家的报名资料进行综合评定,招商结果将予以书面告知中选商家,中选商家必须在收到书面通知之日起5个工作日内将签约保证金(金额为:根据中选商家报价单中的单价计算出的1个月的经营费用)交至机场账户: https://www.cdairport.com/news_detail.aspx?cid=2473&t=57&page=3
10.北大方正软件技术学院Photoshop是应用性广,普及性高的图形图像处理软件,而Photoshop图形处理的技能又是艺术设计领域的基础。此课程通过介绍Photoshop图形处理的基础知识,使学生熟悉图形图像处理所需的方法与应用技巧,逐步掌握相关的构图原理,色彩常识以及实际的软件操作能力,以此制作出具有创新性,艺术性的设计作品。https://sce.pfc.edu.cn/ksdg/2481.jhtml
11.云南省第三次全国土壤普查领导小组办公室关于印发《云南省第三次“统一领导、部门协作、分级负责、各方参与”的组织实施方式,到2025年配合完成全省“土壤三普”工作,实现对我省耕地、园地、林地、草地等土壤的“全面体检”,摸清土壤质量家底,全面查清农用地土壤质量家底,建立云南省土壤数据综合管理应用平台,为守住耕地红线、保护生态环境、优化农业生产布局、推进农业高质量发展奠定坚实https://www.weihengag.com/home/article/detail/id/17558.html
12.园区招商运营合作方案(通用16篇)为确保事情或工作顺利开展,时常需要预先开展方案准备工作,方案是从目的、要求、方式、方法、进度等都部署具体、周密,并有很强可操作性的计划。方案应该怎么制定呢?以下是小编帮大家整理的园区招商运营合作方案,希望对大家有所帮助。 园区招商运营合作方案 1 根据https://www.ruiwen.com/fangan/6635653.html
13.2022年第八届全国印刷行业职业技能大赛内容提供方:君悦 大小:196.52 KB 字数:约3.79万字 发布时间:2022-11-13发布于广东 浏览人气:333 下载次数:仅上传者可见 收藏次数:1 需要金币:*** 金币 (10金币=人民币1元)2022年第八届全国印刷行业职业技能大赛-印前处理和制作员理论考试题库(含答案).docx 关闭预览 想预览更多内容,点击免费在线https://max.book118.com/html/2022/1111/6114101002005014.shtm
14.如何开始制作像素画#8——保存与导出AcFun弹幕视频网本文是《如何开始制作像素画》系列教程的第八课,这里主要介绍一些图片格式知识和软件文件导出等技术性问题,你可以挑选自己感兴趣的部分阅读。 1.位图和矢量图 计算机保存2D图像的方式主要有两种:位图和矢量图。 矢量图是记录点、线坐标和颜色信息的集合,这使得它任意缩放大小,而不影响图像的清https://www.acfun.cn/a/ac10375327_2
15.八方物流(福州)有限公司(2013)熟商初字第0231号裁判文书第三人八方物流(福州)有限公司,住所地福建省福州市仓山区建新镇金榕南路10号金山碧水榕城广场7号楼3层05店面。 法定代表人吴晓明,该公司总经理。 委托代理人张伙星,福建远东大成律师事务所律师。 原告南昌银行股份有限公司苏州分行诉被告常熟市运企物资贸易有限公司、***、陈春锦、叶桂芳、汤大华、叶德君、刘燕玲、https://www.cbi360.net/hhb/sg_539479/fy/8753405.html
16.小学信息技术教案(精选15篇)1.位图转矢量图,掌握图片格式转换操作要领; 2.学会制作Flash形状补间动画; 3.知道形状补间动画与动作补间动画的区别。 能力目标:掌握形状补间动画的方法,培养学生丰富的想象力与创造力,以及从网络获取知识的能力。 情感目标:促进学生审美能力的提高,培养学生的时间观念以及协作精神和竞争意识,并对学生进行爱国主义教育。https://www.fwsir.com/jiaoan/html/jiaoan_20210731092220_1231582.html
17.flash动画制作说课稿(精选11篇)《简单Flash动画制作》是人教版信息技术教材八年级上册第一单元第二节的内容。本章是学生第一次学习动画知识。是全套教材中培养学生多媒体素养的重要组成部分。通过本章的学习,学生不仅掌握了flash动画的制作方法,而且培养了学生的想象力、创新意识、动手能力和正确的审美情趣。 https://m.oh100.com/peixun/donghuasheji/462270.html
18.计算机基础多媒体技术网页制作计算机网络(二)图像:是有扫描仪、数字照相机、摄像图等输入设备捕捉的真实场景画面产生的影像,数字化后以位图形式存储。(位图文件存储的是构成图像的每个像素点的亮度、颜色。位图的大小与分辨率和色彩的颜色种类有关。放大、缩小要失真,占用的空间比矢量文件大) 图像数字化过程 https://developer.aliyun.com/article/1234603
19.word中的图文框的设置?八、cdr怎么提取位图文字? 1、首先在cdr软件中打开cdr图片; 2、选中文字,依次点击“位图”-“轮廓描摹”-“线条图”; 3、弹出弹窗,设置要删除的指定颜色,勾选移除整个图像的颜色; 4、调整文字的平滑度; 5、设置好后,点击确定即可,可以看到原来的图片还在,而里面的文字已经提取出来了。 https://tool.a5.cn/article/show/92208.html
20.ps能够生产矢量图的软件零代码企业数字化知识站综上所述,虽然PS不能生产矢量图,但它提供了一些基本的矢量工具,可以用于简单的矢量图形处理。对于专业的矢量图设计,Adobe Illustrator是更合适的选择。通过了解矢量图和位图的基本概念,掌握矢量图的创建和编辑技巧,选择合适的软件和文件格式,可以实现高质量的矢量图设计,满足不同领域和应用的需求。 https://www.jiandaoyun.com/blog/article/442094/