欢迎光临散文网 会员登陆 & 注册

【Steam动态展柜】美化你的steam个人资料页,如何让展柜内背景跟随个人资料

2022-12-03 22:59 作者:初日竹业  | 我要投稿

【前言】这里再统一整合一下视频内需要用到的工具和网页链接。

UP主使用的浏览器:Microsoft Edge

其实Google Chrome也一样

【steam个人资料背景下载】

https://steam.design/?utm_source=steam.design

【无名代码】

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

【艺术作品代码】

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;

【文件转换器】

https://convertio.co/zh/

【崛起动态背景裁剪】

位置:495*256

比例:630*824

时间:2.75秒=02:90(120帧)

【Adobe 2023版全家桶下载】https://pan.baidu.com/s/1Z4_iJNcq7koRt3vN7KxB3w?pwd=6g8x

提取码: 6g8x

解压密码:@vposy

【PS抠图教学和AE动态效果制作】https://www.bilibili.com/video/BV1qW411G7Tn


【正文】从这里开始,会补充视频里一些没有说明到的点。

【点数商店网页端】

https://store.steampowered.com/points/shop/

【点数怎么来的?】

购买任何游戏、DLC、硬件、应用程序、原声音轨或游戏内物品,都可获得点数。游戏内物品例如在社区市场购买CSGO皮肤枪,DOTA2饰品等等。

兑换比例大约是1比12(仅供参考


【P1】动态背景和静态背景下载 P1 - 00:16


【为什么我在Steam Design下载动态背景mp4,进度条满了,还没下载完成?】

  1. 首先必须4个进度条都满。
  2. 耐心等,不要按刷新,这是网站的缘故,不是你的网速问题。
  3. 最终下载完成,你的浏览器会提示你把文件保存在哪个目录。
  4. 因为网站需要把这4个文件打包成压缩包才给你保存。


【P1】动态背景和静态背景下载 P1 - 01:53


【这些展柜怎么来的?】

2个方法

  1. Steam个人等级达到10级可解锁一个展柜。
  2. 通过点数商店使用点数购买。

【怎么升到10级?】

  1. 买游戏。
  2. 集成每个游戏的卡片,合成1次给100经验,也是最快升级的。
  3. 卡片可以在Steam市场购买。第三方平台购买的,请在Bilibili搜索相关教学,我不做教学。


【P1】动态背景和静态背景下载 P1 - 02:15



【为什么制作的时候需要60帧,导出则30帧?】

制作的时候,为了让动画流畅,不会出现跳帧的画面,最好是用60帧来制作。导出使用30帧,是因为星夜的Steam动态背景默认为30帧,超过30帧或低于30帧都会使展柜内的动态效果和动态背景不同步。


【P2】透明展柜制作(入门) P2 - 02:55


【为什么要用2023版AE?我用2022或低于2023的版本不行吗?】

行,但是,2023版的AE可以直接导出H.264,也就是MP4格式的功能,如果你使用的不是2023版的AE,你需要另外下载一个Adobe Media Encoder。


【P2】透明展柜制作(入门) P2 - 03:46


【如果不想使用ps,mp4转换gif文件的话,怎么办?】

使用以下网站:https://ezgif.com/video-to-gif

但可能会压缩图像,不省事最好还是用专业工具来处理图像。


【P2】透明展柜制作(入门) P2 - 04:30



【你这裁剪太复杂了,能不能用网上的工具来裁剪?】

使用以下网站:https://ezgif.com/crop

裁剪的位置,从左到右为,495,256,630,824

填写了这些数值后,这个网站的工具会给你跳转到相对应的位置,以及裁剪框的大小。


【P3】透明展柜制作(进阶) P3 - 01:30


【这里项目设置为什么要设置120帧?】

因为视频里,崛起动态背景的MP4图层(注意看绿色的那条),在只有设置120帧的情况下才能对齐psd所有图层的时间轴。

【那我不设置120帧会怎么样?】

不设置120帧的话,绿色条凸出时间轴,导出动画后则会有一段黑屏。绿色条小于时间轴,末尾就只有人物动,背景不动。所以必须所有图层对齐

但导出的时候,不能选择120帧,否则转换为gif时,图片就卡帧不能动了。


【P3】透明展柜制作(进阶) P3 - 03:21



【为什么我上传的艺术作品都是一条横杠?】

这是正常现象。


【P4】动态展柜上传 P4 - 00:48


【崛起的个人资料背景为什么跟展柜内背景不同步?】

太长不看版:up水平不到家。

简介区有说明,避免有观众不看简介,这里重复一遍。

首先,星夜的背景保存下来是30帧,而崛起的背景保存下来是8帧,实际上可能是8点几帧,但是ae和ps无法精确到小数点。如果人物的动态效果在30帧及以上帧数做的话,动作还是流畅的。也就是说,如果你想展柜内动画和个人资料背景动画是同步的,要么牺牲人物动态效果的流畅性去设置8帧,要么就直接让人不要动或者不要插入人物。其次是,展柜内的动画与个人资料背景动画的起始帧不同步,如果要做到逐帧逐帧同步,这工作量也大。而星夜就很好的避开这个问题


【P4】动态展柜上传 P4 - 01:18


【Steam动态展柜】美化你的steam个人资料页,如何让展柜内背景跟随个人资料的评论 (共 条)

分享到微博请遵守国家法律