はじめに
今回はVRChatのワールドサムネイルを任意の画像に設定する方法を紹介します。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-105-1.jpg)
基本的なワールド制作の知識がある事を前提に進めます。
ワールドの作り方はこちらをご覧ください。
サムネイル素材の作成
任意の画像作成ソフトでサムネイル画像を作ります。
ここではAffinity Designerを使います。
ページの幅と高さを1024pxに設定。
作成を押します。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-107-1.jpg)
長方形ツールで幅400px、高さ300pxの長方形を作ります。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-108-1.jpg)
Shiftを押しながら画面端をドラッグ。
横幅を最大まで引き延ばします。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-109-1.jpg)
位置を中央に揃えます。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-110-1.jpg)
この3:4の枠の中にデザインを作ります。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-111-1.jpg)
デザインができましたらpng形式でエクスポート。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-112-1.jpg)
これでサムネイル素材の作成が完了です。
サムネイル制作の注意点
サムネイルは何かしらの情報が上に書かれます。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-127-1.jpg)
またVRChatのプレビューでは表示される比率が変わり上と下が切れる事があります。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-123-1.jpg)
全てが表示される場所もあります。
なのでトリミングや負荷情報を想定して文字の位置をずらすと不自然な仕上がりになります。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-132-1.jpg)
おすすめは大事な情報はできるだけ中央に集めることです。
画像の端に枠を付けたり下側に重要な情報を入れる事は避けてください。
サムネイル素材の導入
Unityを立ち上げ。
書き出した.pngの素材をドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-113-1.jpg)
読み込んだ画像のInspectorを下図のように設定。(任意)
Applyを押します。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-114-1.jpg)
サムネイル制作ツールを導入します。
こちらのページにアクセス。
![](https://signyamo.blog/wp-content/uploads/cocoon-resources/blog-card-cache/556c31759f89b8b59131337f52ab142a.jpg)
無料ダウンロードをクリック。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-106-1.jpg)
.zipファイルを展開。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-115-1.jpg)
中にある.unitypackageをProjectにドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-116-1.jpg)
Hierarchyを右クリック → Create Emptyを選択。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-117-1.jpg)
制作したEmptyのInspectorを確認。
Add Componentをクリック。
検索欄にVRと打ち込み。
VR Chat Thumbnailerを選択。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-118-1.jpg)
追加されたComponentにProjectの画像素材をドラッグ&ドロップ。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-119-1.jpg)
この状態でワールドをVRChatにアップロード。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-120-1.jpg)
Upload Imageにチェック。
するとプレビューが置き換わります。
これでUploadを押します。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-121-1.jpg)
これでワールドサムネイルの差し替えが完了です。
![](https://signyamo.blog/wp-content/uploads/2022/04/image-132-1.jpg)
反映には少し時間がかかります。
お待ちください。
まとめ
今回はVRChatワールドのサムネイルを差し替える方法を紹介しました。
他にもワールド関係の知識をまとめてます。
ぜひこちらもご覧ください。
コメント