【PC遊戲】steam個人資料動態展櫃製作教程


3樓貓 發佈時間:2024-01-02 19:10:26 作者:獨立遊戲偵探君 Language

前言及必要條件

1.如何獲取視頻素材(有素材直接跳過即可)

2.視頻素材轉gif,gif分割及優化

3.修改進制以防錯誤

4.上傳steam藝術作品以及部分處理

前言:

我的創意工坊展櫃(其實是所有展櫃)需要steam等級達到十級之後才會開放,而且需要你上傳完第一個創意工坊作品才會開放,找不到的可以檢查一下,初始默認五個位置(也就是一個gif的位置),可以在點數商店的個人資料-展櫃裡面升級,升一級會加五個位置,額外展櫃繼承初始的升級等級提供的位置。

【PC遊戲】steam個人資料動態展櫃製作教程-第0張

線畫歪了是很正常的事情

儘可能手把手比較豐富完善的去寫,有問題都可以在評論區問

有幫到你可以點贊和收藏,謝謝

【PC遊戲】steam個人資料動態展櫃製作教程-第1張

效果展示捏

如何獲取視頻素材:

拿嗶哩嗶哩舉例,可以使用油猴b站下載視頻插件或者其他(例如github上的一些大佬製作的軟件),這個插件登錄就可以下載1080P(視頻提供的話)30幀的視頻(足夠,接下來轉gif會壓到30幀的,沒必要60幀)

有了視頻之後就是截取片段了(原視頻小於十秒則不用),這裡拿PR(Adobe Premiere Pro)舉例,打開PR-新建項目-確定-導入媒體-選擇剃刀工具,然後分割出你想要的片段(最好在10秒內,steam展櫃限制小於5MB)-清除多餘片段-把進度拉到最開始

【PC遊戲】steam個人資料動態展櫃製作教程-第2張

然後是文件-導出-媒體(設置如下:選擇1080P的原因同樣是因為5mb限制)

【PC遊戲】steam個人資料動態展櫃製作教程-第3張

這樣子就完成視頻素材的獲取了

視頻素材轉gif,gif分割及優化:

此段採用的是ezgif https://ezgif.com/video-to-gif 同樣你可以採取其他網站

有現成gif圖的跳過視頻轉gif,在video to gif 選擇你的視頻素材並上傳,上傳完畢後size選擇能被5整除的寬度(其他網站也是這樣子做),FPS選擇10S30FPS,method選擇:FFMPEG即可。然後convert to gif 完成後直接選擇save(不是下面圖的save,往下拉那個才是)

【PC遊戲】steam個人資料動態展櫃製作教程-第4張

然後跳轉到GIF Maker頁面,上傳視頻素材轉gif的文件,選擇Make a GIF,選擇crop

【PC遊戲】steam個人資料動態展櫃製作教程-第5張

畫歪是非常正常的事情

Width:填寫你素材寬度除以5之後的數字,比如我的800之後就是160.Height:填寫圖片顯示的就可以,之後截取其他片段只需要更改left:每次增加width數字即可,然後選擇crop image

【PC遊戲】steam個人資料動態展櫃製作教程-第6張

GIF文件大於5MB時候選擇optimizer優化大小,可以慢慢調整Compression level:,只要保持在5MB以下就可以,之後分割的五份都選擇導出保存

【PC遊戲】steam個人資料動態展櫃製作教程-第7張

修改進制以防錯誤:

不修改禁止導致的↓:

【PC遊戲】steam個人資料動態展櫃製作教程-第8張

這裡使用uedit64舉例(其他能修改進制的軟件都可以)

導入分割後gif文件拉到最下面,才最後一列的3B替換成21即可

【PC遊戲】steam個人資料動態展櫃製作教程-第9張

上傳steam藝術作品以及部分處理:

打開steam-社區旁的用戶-個人資料-藝術作品-上傳藝術作品-非遊戲特定-起名字(非必需,不過建議,後面想刪除的時候這個可以分辨是哪組展櫃)-選擇修改進制後的GIF文件上傳-可見性:公開(一般做展櫃的也沒人設置私密吧)-勾選我保證此藝術作品是我創作的

【PC遊戲】steam個人資料動態展櫃製作教程-第10張

瀏覽器點擊F12-控制檯頁面輸入:$J('#ConsumerAppID').val(480),$J('[name=file_type]').val(0),$J('[name=visibility]').val(0);

依次上傳五個文件(期間出現網絡錯誤多試就行,上傳後有問題刪除重新上傳)

然後回到個人資料頁面-編輯個人資料-已展示的展櫃-選擇我的創意工坊展櫃,依次選擇保存即可

【PC遊戲】steam個人資料動態展櫃製作教程-第11張

刪除的話在個人資料頁面找到創意工坊展櫃點擊對應gif進入創意工坊頁面刪除即可

【PC遊戲】steam個人資料動態展櫃製作教程-第12張

完。求點贊和收藏,有任何問題都可以在評論區提問。





© 2022 3樓貓 下載APP 站點地圖 廣告合作:asmrly666@gmail.com