【转载】黑洞背景动态艺术品（含教程/成品） - 平台工具

其乐 Keylol >> 社区 › 平台周边 › 平台工具› [Steam展柜和皮肤]

【转载】黑洞背景动态艺术品（含教程/成品）

前端太渣

宽版显示

收藏主题

复制链接

查看

15598

178

12 3 / 3 页下一页

返回列表

本帖于 2020-6-27 14:29 发布，已于 2021-7-8 21:40 自动关闭，信息可能已经失效。

339331

16 赠楼	4% 赠楼率	2344 蒸汽

121 主题	3122 帖子	4151 积分

发表于 2020-6-27 14:29:29 · 澳大利亚 | 显示全部楼层 |阅读模式

本帖最后由 339331 于 2020-6-27 14:59 编辑

Steam在今年夏促更新了一系列很好看的动态壁纸，今天我在Reddit上看到了一位大佬分享的教程和成品，翻译一下分享出来。

1. 原文及效果
不要点击播放键，这是个Reddit视频截图

Reddit大佬：u/OrangeCroissant
原贴地址：I managed to make the animated background more visible.（喜欢本帖的大佬可以点进去给原作者一个upvote或reward）
大佬的Steam主页：https://steamcommunity.com/id/deadlywarlock

2. 教程部分
① 在浏览器中打开这个背景（有这个背景的个人资料页面），右键保存视频，格式为.webm。
② 将视频转换为gif格式，并且按坐标和尺寸进行裁剪。原作者使用了在线裁剪gif工具，需要裁剪出两个gif，大的gif在坐标x = 493, y = 256处裁剪出一块宽506和高928的动图，小的gif在坐标x = 1007, y = 256处裁剪出一块宽100和高928的动图。
③ 上传艺术品，在浏览器中打开艺术品页面，打开控制台（F12或其他方式），输入以下代码

document.getElementsByName("image_width")[0].value = 1000;document.getElementsByName("image_height")[0].value = 1;

复制代码

上传两张图片时都需要进行这步操作。
④ 在展柜中选择上述两张图片进行展示，就完成啦！

补充：如果对上传和截取有其他问题，还可以参考论坛大佬 @lasonghexp 的[教程]用模板对长展柜进行切割与上传

3. 部分成品分享
背景视频（mp4格式）

隐藏内容，点击显示

成品两张gif（直接到第三步上传就可以用）

隐藏内容，点击显示

以上教程也适用于其他动态背景，但是目前没看到有成品之类的，如果有大佬做了也欢迎水帖
大家也可以直接点开我的个人资料页面查看效果

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？注册

1、转载或引用本网站内容，必须注明本文网址：https://keylol.com/t613724-1-1。如发文者注明禁止转载，则请勿转载

2、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失，本网站不承担责任

3、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利

4、所有帖子仅代表作者本人意见，不代表本社区立场

使用道具举报

浏览本版块需要：
1. 初阶会员或更高等级；
2. （点击此处）绑定Steam账号

12 3 / 3 页下一页

返回列表

高级模式

B Color Image Link Quote Code Smilies

您需要登录后才可以回帖登录 | 注册

本版积分规则

欢迎发帖参与讨论 o(*≧▽≦)ツ，请注意
1. 寻求帮助或答案的帖子请发到问题互助版块，悬赏有助于问题解决的速度。发错可能失去在该板块发布主题的权限（了解更多）
2. 表达观点可以，也请务必注意语气和用词，以免影响他人浏览，特别是针对其他会员的内容。如觉得违规可使用举报功能 交由管理人员处理，请勿引用对方的内容。
3. 开箱晒物，交易中心，游戏互鉴和福利放送版块请注意额外的置顶版规。
4. 除了提问帖和交易帖以外，不确认发在哪个版块的帖子可以先发在谈天说地。

回帖后跳转到最后一页

本帖子中包含更多资源

▘成人学生卡

▘车资存根

▘片十字花瓣

积分封禁

预备会员

超级版主

研发支持

认证发行商

浪人

平台开发者

绿光作者

QQ游客

初阶会员

实习版主

管理员

版主

禁言会员

封禁帐户

封禁网段

游客

待验证用户

论坛贵宾

群组维护

进阶会员

高阶会员

精锐会员

支柱会员

核心会员

旗舰会员

毕业会员