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

C.C. 啊 我的C.C.

拉妮 啊 我的拉妮

第一步 準備素材

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

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

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

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

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

第三步 對GIF文件進行裁剪

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

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

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

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

設置參數

裁剪完成

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

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

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

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

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

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

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

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

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

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

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