【Roblox】定番アバターアイテムを制作する

はじめに

このページでは、Roblox内で使用・販売できるアバターアイテムのうち、Roblox公式が配布しているテンプレートを使って制作する定番アバターアイテムの制作解説を行います。

こちらの解説はプレース上でアバターに反映するまでの解説となります。
ストアで販売する際の設定・解説は行いません。

また、メッシュアバターアイテム（MayaやBlender等、外部３Dモデリングツールを使って制作するメッシュアバターアイテム）については下記別記事にて解説します。
↓↓
https://zenn.dev/landho_roblox/articles/2854c11dcd6172

Robloxバージョン：0.625.0.6250509

定番アイテム（Classic Clothing）概要

アバターアイテムの中には、モデリングが必要な３Dのものと、２Dのテンプレート描き込みだけで制作が完了し、アバターの肌に直接テクスチャを貼り付けるタイプのものがあります。このうち、２Dのテクスチャ画像で制作されたものは「定番の○○」と呼ばれています（公式の日本語版表記）。定番のアイテムには、服装アイテムとして定番のTシャツ・定番のシャツ・定番のパンツの３種類があります。

定番のTシャツ

モデルのボディ前面のみにテクスチャ画像を貼り付ける仕様のアバターアイテムです。正方形の画像を用意するのみで実装が可能になります。公式は512×512pxの画像サイズを推奨しています。


ボディ前面に画像が表示されています

定番のシャツ

モデルの上半身すべての面にテクスチャ画像を貼り付ける仕様のアバターアイテムです。Roblox公式ページからテンプレートをDLし、そこに描き込むことで実装が可能になります。

定番のパンツ

モデルの下半身すべての面にテクスチャ画像を貼り付ける仕様のアバターアイテムです。Roblox公式ページからテンプレートをDLし、そこに描き込むことで実装が可能になります。

定番アイテムの概要解説は以上です。次項から制作に移ります。

制作の流れ

定番アバターアイテムについては以下の流れで制作することができます。

1.アバターアイテムデザイン

2.テクスチャテンプレートのDL

3.イラストソフトを用い、テンプレートに描き込む

4.Roblox内でのテクスチャ設定

定番アバターアイテムはモデリングを必要としない為、メッシュアバターアイテムと比べ比較的工数を軽く制作することができます。

アバターアイテムデザイン

任意のデザインソフトを使用してアバターアイテムをデザインします。

今回は下記コスチュームを例に用いて解説を進めていきます。

【今回制作するアバターアイテムのデザイン（トップスのみ解説）】

テクスチャテンプレートのDL

定番アバターアイテムは、Roblox公式のクリエイターハブで配布しているテンプレートに描き込むことで制作できます。

https://create.roblox.com/docs/ja-jp/art/accessories/classic-clothing#t-shirts
まずは、上記Roblox公式のクリエイターハブからテンプレートをDLします。
定番アバターアイテムにはTシャツ・シャツ・パンツの３種類がありますが、Tシャツは正方形の画像を胸部分に張り付けるのみの仕様となっています。

今回は体を覆うデザインのため、シャツの形で制作します。
上記リンクの「Shirts and Pants」項目から、シャツテンプレートをDLします。

【定番アイテムのテンプレートページ（赤枠クリックで自動DLされます）】

またこのページには、各四角形の詳細なピクセルサイズも表記されています。

【四角形の詳細なピクセルサイズ】

イラストソフトを用い、テンプレートに描き込む

DLが完了したら、任意のデザインソフト/イラストソフトでテンプレートを開きます。

今回はPhotoshopとClipStudioを使用しました。

【テンプレートに描き込んだ図】

左上のイメージ図を見ながら描き込む

【実際の保存データ】

首元などの透明部分は肌になるため、透過してpngで保存する

描き込み時のポイント

・テンプレートの四角はきっちり埋める

ぴったりテンプレートに合わせたと思っていても、1px空いているだけで隙間が生じる

【テンプレートにぴったり沿っているとき】

境目がきれいに見える

【1px隙間が空いた時】

境目がぼやけたり、隙間が空いて地肌が見えたりしている

・影を立体的に描き込む

肌にベタ貼りする仕様上、影はがっつり描き込んだ方が立体的に見える

【襟元の落ち影など】

・どのアバターを基準とするか考える

アバターによってテクスチャの貼り方が大きく異なってしまうため、どのアバターでの見え方を優先するか決める

【ブロックアバター】

今回はブロックアバター基準で制作

【メッシュアバター】

肩部分が変形している

襟元がずれている

【課金アバター】

肩部分が変形している

ベルトが見えていない

・テンプレートの画像サイズを守る

テンプレートのサイズは585×559pxです。描き込みのために画像サイズを大きくして制作したとしても、データ書き出しの際は必ずこのサイズに戻してください。
ストアで販売する際にアップロードできなくなります。

以上の点に気をつけつつ、テクスチャ描き込みが完了したら、png形式で書き出します。

書き出しが終了したら、Roblox Studioでの作業へ移ります。

Roblox内でのテクスチャ設定

Roblox Studioでは、先ほどのテクスチャをアバターアイテムに設定し、アバターに着せます。

適当なプレースを作成し、「アバター」タブの「リグビルダー」を押します。

【「アバター」タブの「リグビルダー」を選択】

すると、リグの生成ウィンドウが開きます。
ここで、服を着せたい形のアバターを生成します。先ほどのテクスチャ描き込みで見え方の基準としたアバターを生成することを推奨します。
今回はリグタイプR15のブロックアバターを生成します。

【リグ生成ウィンドウ】

アバターが生成されました。追加初期は「Rig」というオブジェクト名になっています。

【生成されたブロック型アバター】

次に、エクスプローラのワークスペース内にある「Rig」を選択し、「Shirts」を追加します。
【「Clothing」という名前で生成されます】

追加したShirtsをクリックし、プロパティを開きます。
プロパティ内の「外見」タブ内にある「ShirtsTemplate」の空欄を押すとテクスチャ画像を選択するウィンドウが出てきます。

すでにプレース上にテクスチャ画像をアップロードしている場合はここに表示されます。 今回は左下の「画像を追加」から新しくテクスチャ画像を追加します。

【Clothingのプロパティ画面】

画像追加ウィンドウが開いたら、テクスチャ画像のファイルを選択し、「作成」を押します。

これで定番アイテムが作成されました。

【作成された定番アイテム】

定番のパンツを作成する際はRigに追加するものを「Pants」にしてください。
それ以外の手順は同様です。

【Shirts（上）とPants（下）】

まとめ

・最初にRoblox公式ページからテンプレートをDLし、それを元に任意のデザインソフト/イラストソフトでテクスチャを作成する。

・作成したテクスチャを、Roblox内に読み込み、Shirts（上）とPants（下）のパーツのテクスチャとして設定することで、Rigに組み込むことができるようになる。

以上です。
ここまでご愛読ありがとうございました。