去る2021年5月に、オンラインでの同人誌イベントに参加してみました。
現在はpictSQUAREというサイトで、様々なオンラインの同人誌即売会が実施されています。なかなかコロナ禍が明けない昨今で実際のイベントが多数中止や延期となる中、オンラインなら安心して自宅から参加することが可能です。
私はサークル参加をしたのですが、その時にオリジナルの店舗設定やアバター作成をしたので、レポートがてら自分がどうしたのかを紹介しようと思います。
【2020/9/1追記】
思いがけずたくさんの方に本記事をご覧いただけたようでうれしいです。登録の方法などについて詳しいページ移動の情報が不足していたように思うのでいくつか追記いたしました。ぜひご参照ください。
オリジナル店舗デザインの作成
当日、私は某スーパーを模した店舗で参加しました。
相変わらずユーリ!!! on ICE（以下YOI）の二次創作で活動しているのですが、主人公の実家がある「長谷津」という地域のモデルになったのは実在する佐賀県唐津市です。その唐津市には某スーパーがあり、立地は実家のモデルとなった温泉施設と同じ通りにあります。ファンが聖地巡礼した際には高確率で見かけている場所でもあり、ネタとしてわかってもらえるだろうなと思って作成してみました。
お店の名前は海沿いの街と某スーパーからもじっています。
店舗の作成について
店舗画像の作成は、最近便利なサイトが出ています。普段、画像編集をしていない方でも、専用の店舗作成サイトだと簡単に使えるかと思います。
私の場合はノウハウを公開しているブログを見ながらCLIPSTUDIO PAINTで自作しました。
新規キャンバスで縦・横どちらも224pxサイズを準備して、そこにピクスクでキャプチャを取得したデフォルトの店舗画像を一番下のレイヤーに敷きます。周りをかこっている木の壁に見える部分はアバターが通行できないため、ここは壁を作りました。
右上のロゴは別のファイルで作成し、あとから貼り付けをしています。
サイズ的にドット絵の要領になるので、設置物はチチマチマと1ドットずつ調整しつつ作成しました。根気が必要かもしれません。
店舗の設定
店舗は「テスト出展」と申し込んだ「MYイベント」の2か所設定する場所があります。用途に合わせて片方もしくは両方設定してください。今回はMYイベントでの登録を説明します。MYイベントは設定すると反映されて、イベントページから見えるようになります。ネタを仕込んでいるなどの理由で直前まで他の人に見えてほしくない場合には、ひとまずテスト出展で確認するとよいかと思います。
タブレットやスマホからは左上のメニューをタップしてから（パソコンはメニューは表示されています）、「MYイベント」⇒「参加申込詳細」⇒ページ下部の「参加申し込み情報の修正」を表示すると画像を登録する場所があります。
店舗の設定
店舗については、今回はpictSQUAREと互換のあるpictSPACEでサイト作りをしました。
伝わりづらかったようですが、スーパーの広告やPOPをイメージして煽り文言などを作っています。
CSSやHTMLを使って文字の設定をするのですが、私はなるへそ様のサイトとpixivのこちらを参考にしました。
細かく説明も入れられたらいいのですが、CSSやHTMLに関してはド素人で、結局思った通りの表示にはできていなくて…。誤った情報を垂れ流すのは忍びないので、参考にしたサイトの情報にとどめておきたいと思います。
なお、pictSPACEを使わない場合には外部サイトへの誘導が必要になります。実際に参加していて便利そうだなと思ったのがプロフカードです。こちらのサイトに誘導しておけば、そこから複数サイトへのリンクを手軽に並べることができます。お品書きなどにイベント限定パスワードを書いておいておくとよいかと思います。
作ったアバター
YOIイベントと言うことで、作品に関連するアバターを作ろう！と思い、今回は西郡三姉妹のアバターを作成しました。
アバターの作り方概要
アバターは一つあたり32×32pxのサイズの画像を計12パターン準備します。上下左右1px分くらいは登録時の揺れを想定して空けておいた方が良いかと思います。
①最初に正面向きを真ん中に据えて基本の画像を作成してから、左右に展開していきます。それぞれコピーをして、手足を片方ずつ大きくしたり小さくしたりして歩いているような演出にします。
②二段目の左方向に動くものも、気を付けの姿勢のものを真ん中で作ってから左右展開するといいです。腕は前後に振るようにして、脚は奥側にある想定の方を小さくすると良いかと思います。
③②が全部できたら一段分コピーをして反転させます。このキャラは左右同じものなのでそのまま使っていますが、アシンメトリーのキャラの場合には調整が必要かと思います。
④最後は①をコピーして中身だけ塗りなおして背中の絵にしていきます。
画像が完成したら、背景を透過pngにして保存しておきます。
登録方法
ピクスクのアバター設定にてファイルを登録します。実際の動きは「テスト出展」から確認ができるので、動きにおかしなところが無いかはここで確認ができます。
タブレットやスマホからは左上のメニューをタップしてから（パソコンはメニューは表示されています）、 「アバター設定」ページからpng画像を登録できます。2021年8月現在は一人1点しか登録はできません。複数使いたい場合には、都度登録しなおす必要があります。
イベントページから入場する際にアバター選択の画面が挟まります。入室時にアバターの下についてくる名前も変更が可能です。登録したオリジナルアバターは常に左上に出てきます。タップするとぴょこぴょこ動くので、動いたものが選択されている状態です。
私が作成した西郡三姉妹のアバターについては、ＹＯＩオンリーイベントに限ってはご利用フリーとしています。もしご希望あればご連絡は不要ですのでご活用ください。
（自作発言や二次配布は禁止）
コメント