初心向 | 手把手教你用長展櫃裝飾Steam個人主頁

大佬們的主頁背景，有這樣的。

這樣的。

和這樣的。

這也太好看了吧？？？怎麼做的？現在就告訴你。

如果你上某寶搜「steam個人資料美化」，會發現店家幫你製作長展櫃的價格約在10-50塊。長展櫃的製作教程已經有不少大佬寫過了，這篇文章主要做一個總結，幫你理清邏輯，只要簡單幾步，不花錢你也能有全steam獨一無二的主頁背景。

按照複雜程度，我把主頁背景分為三個版本：

普通版：僅切割背景，非常簡單。

進階版：自選素材進行PS，再切割，更好看。

豪華版：雙展櫃、三展櫃、gif……讓你的主頁越來越華麗。

01

首先來看普通版。如果你不想費很多功夫，那這個版本最適合你，你只要steam等級達到10級，並且準備好一張自己喜歡的背景就OK。當然好看的背景價格也貴，像大白腿（Surreal dream）、櫻花（Mayuri with Sakura）、流星雨（Meteor shower）、楓葉（maple and sea）這些熱門背景價格都接近200塊，如果你想要便宜又相對好看的背景，可以到這個國人自建的小站上看看：目前收錄了200個便宜好看的背景和表情

準備好了背景，我們就可以開工了：

1. 在庫存中找到你選好的背景，點擊「查看完整大小」，然後複製背景的網址。

2. 使用背景自動裁剪網站：steam.design，在框里黏貼剛剛複製的背景網址，點擊「change BG」預覽效果，再點擊「Download BG」即可下載已經裁好的三張圖的壓縮包。

3. 解壓縮，得到一個頭像圖，一張主圖，一張副圖。頭像圖你想換就換，做展櫃只需要主圖和副圖。

4. 打開steam藝術作品上傳頁：藝術品上傳，選中我們剛裁好的主圖，然後右鍵，選擇「檢查」。

5. 點擊「Console」進入控制台。

6. 這一步的目的是為了突破steam上傳圖片尺寸的限制，直接上傳的話尺寸會跟背景對不上。

在控制台複製黏貼下面這段代碼，按回車確認。

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;

如果你藝術展櫃已經用掉了，想傳到截圖展櫃，則輸入下面這段代碼。

document.getElementsByName("file_type")[0].value= 5;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;

如果修改成功，它會返給你一個值（值不唯一），如果你的這個值是0，那你的圖片一定沒選上，關閉控制台去重新選中你要上傳的圖片吧。

7. 關閉控制台，回到上傳頁面，選擇「保存並繼續」。

8. 上傳成功！如法炮製副圖。

9. 到你的個人資料頁，設置好選好的背景後，將第一個展櫃設置成「藝術品展示櫃」，並分別選中主圖和副圖（如果你用截圖展櫃就選擇截圖櫃啦）。

10. 保存！完成！是不是挺簡單的？

02

掌握了普通版，進階版則是在普通版的基礎上，P進你喜歡的素材，需要摳圖合成，所以適合稍懂PS的朋友。你需要準備：steam10級，一張背景和一張素材圖。

自己怎麼切圖大佬寫的教程非常詳細，還提供了模板下載及使用方法，請各位移步原帖吧：steamcn-背景教程

這裡有幾點需要注意：

1. 請用2L或者97L大佬提供的模板，樓主提供的模板有點瑕疵；
2. 97L的方法更簡單
3. 素材圖可以上Pixiv上扒
4. 如果你是PS小白，那你最好選擇純色背景的圖，方便摳圖。

簡易摳圖操作流程：魔棒點擊背景→右鍵，選擇反向→ctrl+j複製選區圖層→ctrl+單擊新圖層載入選區→「選擇」菜單，修改，收縮→收縮1像素（建議1像素1像素的試），看差不多沒有背景的邊兒了，反選，按delete刪除背景毛邊兒。

這樣處理後的圖片有的地方還是需要手動處理一下邊緣。我的PS技術也很摳腳，希望有大神貢獻一下更簡便精確的方法。

其他流程按照教程走即可。

03

豪華版是在進階版的基礎上，再加一個截圖展櫃進行設計，所以你至少需要達到20級來解鎖兩個展櫃位。原理還是一樣的，除了圖片，你還可以在展櫃里加入gif等讓展櫃動起來。這裡有一個教程可以幫到你：律動你的創意工坊展櫃

大佬的效果圖

這位大佬寫的教程也非常全面：如何裝飾你的steam

最後啰嗦幾句題外話。

有些人不理解為什麼會有人費勁倒騰自己的steam主頁，就安安靜靜地玩遊戲不行嗎?

當然沒問題，只是在這個世界最大，玩家最多的遊戲平台上，給自己弄個特別的資料頁，就像是給自家大門貼一副獨特的對聯，來來往往的路人經過時，說不準會想，喲，這門後頭的人有意思，我們估計聊得來。

還有一個原因，能把自己珍藏在硬碟里多年的本命，或者自己得意的小作品，那麼大，一整個兒曬在主頁上實在是太爽了！！！

————————

最後還是給我的個人公眾號打波廣告。

興趣使然，推薦steam折扣遊戲的小公眾號： steamdiscount

經常更新折扣信息，偶爾發教程，讓你買遊戲少花冤枉錢。