【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料


3樓貓 發佈時間:2022-04-01 19:21:23 作者:一隻大海貓 Language

首先放上效果(背景都是Steam的動態個人資料背景,展示的效果為靜態人物+動態背景)

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第0張

C.C. 啊 我的C.C.

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第1張

拉妮 啊 我的拉妮


下面開始具體制作過程



第一步 準備素材

  • 一個Steam精選藝術品展櫃(Steam賬號升級獲得或者在點數商店購買)
  • 一個你喜歡的動態個人資料背景(Steam點數商店購買)
  • 老婆.jpg(一張你喜歡的人物的圖片,得是透明背景的,如果不是的話自己需要用PS之類的軟件進行處理)


第二步 獲取動態個人資料背景的文件

在瀏覽器中打開你的個人資料頁面(記得用能加速Steam社區的軟件進行加速,要不然很容易加載不出來)右鍵背景的空白處選擇“視頻另存為..”,然後你就會得到一個.webm的視頻文件。


【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第2張

打開https://convertio.co/zh/webm-gif/  把剛剛的.webm文件轉換為gif格式

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第3張

轉換好之後,下載下來保存到本地。


第三步 對GIF文件進行裁剪

打開https://ezgif.com/crop   將剛剛下載的GIF文件上傳上去(由於文件大,花費時間比較久)

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第4張

等待上傳完畢後,在下方的L T W H 四個參數改為這樣  L: 495 T: 256 W: 630 H: 944  點擊“Set”等待裁剪完成。

點擊Set之後頁面可能會自動刷新一下,等他加載完成就完成裁剪了,下面會出現裁剪好後的圖像

如果點擊set之後在圖像上出現了裁剪的虛線框,就再點擊下面的Crop image按鈕,進行裁剪,最終裁剪後的圖像都會在網頁的最下面。

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第5張

設置參數

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第6張

裁剪完成


第三步 將人物圖像和GIF圖片合成

在上一步裁剪好的GIF圖像的下面點擊“Overlay”選項

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第7張

在新打開的頁面把人物圖像上傳上去,

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第8張

上傳完成後你就會發現你的人物圖片和GIF圖片疊放在了一起,用鼠標調整人物圖片的位置,使它儘量合適一些。調整完成後點擊“Generate image“等待下方圖片生成,生成完畢之後點擊最下方的”SAVE”按鈕保存即可。


第四步 將GIF上傳STEAM藝術作品

打開https://steamcommunity.com/sharedfiles/edititem/767/3/#

當你按照下面這張圖片設置完所有內容之後,先不要著急點擊按鈕進行上傳,還有最後一步。

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第9張

按一下鍵盤上的“F12”調出開發者工具,選擇控制檯標籤,將如下代碼複製到控制檯中並按一下回車。

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;

他會返回一個值6300000,這樣就可以點擊頁面右下角的按鈕進行上傳了。(如果你在沒有上傳文件的時候輸入這些代碼他會返回0值)


第五步 設置你的個人資料

在Steam客戶端進入你的個人資料頁面,點擊“編輯個人資料”。在“已展示的展櫃”標籤頁下,將你的精選藝術作品展櫃放到你第一個展櫃的位置,然後點擊展櫃中央的編輯按鈕,選擇你剛剛上傳的圖片即可。

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第10張

如果你點擊編輯按鈕後在彈出的頁面中找不到你上傳的圖片,注意頁面中是否有一條條細細的黑線,有可能是你的作品沒有加載出來,點擊對應的黑線即可選擇相應的圖片(如果不知道哪一個是你需要的,就一個一個試一下)

【steam動態背景展櫃製作】如何讓老婆住在自己的steam個人資料-第11張


至此,你就擁有了一個好看的個人資料背景,我自己做好的兩個背景也會放在評論區,大家自取即可。

我在B站也做了一個分享這個美化方法的視頻,大家也可以去看一下,就是音質太差了。



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