pictSQUAREにはイベント会場で使えるアバターを複数ご用意しておりますが、オリジナルのアバターを設定することもできます。 この記事では、制作から設定までをご案内いたします。

完成イメージ

アバター画像の完成イメージ

このような画像を制作し、管理画面で設定すると、オリジナルのアバターが動かせるようになります。

1. 制作ガイドラインを確認する

<aside> 💡 異なるサイズで制作された場合、アップロード時に自動でリサイズされ、エラーにはなりません。

ただしレイアウトが崩れる原因になるため、必ずこのサイズで制作してください。

</aside>

<aside> 💡 カットの順番も、正面・左向き・右向き・後ろ姿のとおりに並べる必要がございます。

</aside>

アバターのカット配置

2. アバター画像を制作する（画像編集ソフトをお使いの場合）

1. 画像編集ソフトやアプリで、横幅96px × 高さ128pxのファイルを作成します
2. ガイドになる線を引いておくと、1カットあたりのサイズや配置が分かりやすくなります
3. 歩いていることが分かるカットを、それぞれの向きで制作します
4. 動きを決めたら、それをもとに向きを変えたカットを制作します
5. 背景が透明になっているかを確認し、PNG形式で保存します

ガイド線の入ったテンプレート

上の画像を保存して、テンプレートとしてお使いいただけます。 完成画像を書き出す際は、ガイドのレイヤーを非表示にしてください。

例のような画像を制作するために必要なのは、「手足を前に出しているポーズ」と「止まっているときのポーズ」です。 手足がないキャラクターなどは、この限りではありません。

ポーズの例

縦一列が同じポーズになります。 右向きと左向きは、左右を反転することで制作できます。 左右のデザインが非対称な場合は、反転後に該当箇所を修正してください。