Taste like chicken

PCゲームのMOD導入 紹介、日本語化、レビューやPCの事を書きます

【steam】壁紙を使ってプロフィールをカスタマイズする方法!【かんたん】

f:id:micatsuki:20171113201526p:plain

巫剣神威控の背景画像を使用。

上の画像のように少しsteam壁紙を透過させる形でのカスタマイズ。

随分前に大手ゲームサイト様で見かけて興味を持ったのですが、画像加工必須というハードルの高さで諦めました。

しかし、最近調べたら簡単にできる方法があったのでメモがてら紹介します。

この記事の画像はすべてクリックで拡大できます。

 

内容としては以下のガイドの翻訳&簡易化になると思います。

Steam Community :: Guide :: Create Steam Background Showcases

 

・ 最低条件

注意点

透過させる背景部分を用意する

作品ショーケースとして投稿する

作品ショーケースをプロフィールに適用

 

 


 

   最低条件

まず最低条件としてある程度のsteamレベルが必要になります。

最低Lv10以上で、Lv20以上が推奨。

Lv10で作品ショーケース1つ、Lv20で2つ使用可能とのこと。

f:id:micatsuki:20171113201621p:plain

自分のsteamプロフィールページで確認できる。

ちなみにsteamレベルはバッジ作成で上がります。*1

 

と、当然ですが透過させる壁紙自体を所持している必要があります。

壁紙はバッジ作成で確率でドロップしたり、マーケットで購入しておきましょう。

 

 

   注意点

後の手順で透過部分の背景画像を作品として投稿する事になるのですが、それによってアクティビティ欄をかなり専有してしまうので、作品投稿前にプロフィールステータスを非公開にする事をおすすめする。

※非公開に設定するとアクティビティ欄に流れない。

 

f:id:micatsuki:20171113201921p:plain

記事執筆時に非公開設定にし忘れた結果。

 

 

   透過させる背景部分を用意する

 

1.まず透過させたいsteam背景を設定しておきましょう。

その際にインベントリのプライバシー設定を公開にしておく。

この行程が終われば非公開にしても構わない。

 

f:id:micatsuki:20171113202051p:plain

 

 

2.以下のサイトにログインする。

Steam Background Cropper

f:id:micatsuki:20171109212929p:plain

ここにログインボタンがある

 

Chrome使用をおすすめします。(Chromeで試しているため)

 

steam.design は Steam または Valve 系列化にはありません。

と表示されるがおそらく大丈夫でしょう。念の為、自己責任で。

 

 

3.透過部分のダウンロード

上部の(↑)をクリックすると壁紙一覧が表示される。*2

透過させたい壁紙を選択し、Donwload ZIP からダウンロードする。

透過させたい背景のサンプルを見れると同時に画像下をドラッグする事でサイズ変更もできる。

Drag bottom of image to resize ↑ と書いてある。

f:id:micatsuki:20171110140601p:plain

 

 

   作品ショーケースとして投稿する

 

1.先程手に入れた Donwload ZIP 内にある透過用のデータを作品として投稿します。

普通通りに投稿するとズレてしまうので、ここから投稿しましょう。

リンク先:Steam Community

 

Download ZIP 内の Artwork_Middle.png と Artwork_Right_Top.png を作品としてひとつずつ、別々に投稿。

Avatar.png は名前の通りアバター(プロフィールアイコン)用。

 

 

2.作品として投稿する前に。

入力項目をすべて記入したら[保存して続ける]ボタンを押す前に、コンソールを開き以下の文字列をペースト(貼り付け)してエンター。

f:id:micatsuki:20171110140924p:plain

 

その後、[保存して続ける]ボタンを押す。

 

・コンソールのショートカットキー

Chromeのショートカットキー:Ctrl+Shift+J

Firefoxのショートカットキー:Ctrl+Shift+K

 

文字列:『$J('#image_width').val('1000');$J('#image_height').val('1');

※括弧は含まない

 

 

3.同じ要領でArtwork_Middle.png と Artwork_Right_Top.png の両方を投稿をする。

 

 

   作品ショーケースと作品をプロフィールに適用

プロフィールを編集 からショーケースで作品ショーケースを選択し、先程投稿した2つのファイル*3を並べて変更を保存する。

画像が薄く潰れたようになっているが選択すると問題ない。

表示をグリッド形式にすると若干選択しやすい。

 

f:id:micatsuki:20171110133743p:plain

 

 

f:id:micatsuki:20171113200714p:plain

グリッド表示の説明画像。



 

これで完成。

プロフィールの公開設定を非公開にした人は戻すのを忘れずに。

f:id:micatsuki:20171110141324p:plain

 

 

 

*1:Humble Bundleのバンドル(1ドル)でトレーディングカードの価値がそこそこある(10円以上)ゲームをまとめて買ってIdle Masterでドロップして売却し、トレーディングカードの値が安いゲームのバッジを作るといいでしょう。

*2:先程のログインボタンの隣。詳しくは画像で。

*3:Artwork_Middle.png と Artwork_Right_Top.png