28×28でも伝わるTwitchエモートの作り方

1. 一瞬で伝わるリアクションを決める

強いエモートは、一つの感情や動作だけを一瞬で伝えます。あいさつ、喜び、笑い、驚き、応援は最初のセットに向いています。

反応に関係しない小物や模様、長い文字は削ります。各エモートのシルエットを変えると、細部を見る前に区別できます。

• 主役を一つに絞る。
• 目・口・手の動きを強調する。
• 重要な形を外周から離す。
• 細い線と小さな文字を避ける。

2. 大きな正方形キャンバスで描く

1000×1000px以上の正方形で、レイヤーを残して描きます。背景がデザインの一部でなければ透過にします。

明るい背景と暗い背景の両方で確認します。外周をはっきりさせると、暗い髪や白いハイライト、半透明の縁が消えにくくなります。

1. シルエットを決める細部がなくてもポーズが伝わるか確認します。
2. 表情を強調する感情を担う目や口、手を大きくします。
3. 縁を整理する透過部分のにじみや孤立ピクセルを消します。
4. マスターを保存する書き出し前にレイヤー付きの元データを残します。

3. 28×28で読めるまで簡略化する

最重要なのは28×28の実寸表示です。完成後だけでなく、制作中も小さく表示してください。

顔や手を大きくし、輪郭を太くし、質感を減らして色の差を強めます。情報が多すぎる絵はシャープ処理では直りません。

4. 必要なファイルを書き出す

大きなマスター画像から各サイズを直接書き出します。透過が必要な静止画はPNGが扱いやすい形式です。

編集用の元データとアップロード用ファイルは別に保存します。

例：1つの反応からTwitchエモートを作る

例えば、短いお祝いの反応を表すエモートを作るとします。片手を上げたポーズ、大きめの表情、文字なしでも区別できるシルエットから始めます。大きなキャンバスで描き、背景の細部を減らし、完成前に28×28で表情を確認します。

小さいプレビューで反応が消える場合は、シャープ処理だけに頼らずデザインを変更します。近いトリミング、太い輪郭、明るい顔、単純なジェスチャーの方が改善につながりやすいです。

5. ぼかさずにサイズ変換する

小さくした画像を何度も縮小せず、112・56・28pxをそれぞれ元画像から生成します。

全身を残すなら透過余白付きのフィット、顔を強調するなら正方形クロップを選びます。

6. アップロード前に確認する

各PNGを明暗両方の背景で開き、透過、中央位置、縁のにじみを確認します。28pxは拡大せず実寸で見ます。

利用できるアップロード機能はアカウントによって異なるため、現在のクリエイターダッシュボードの案内を最終基準にしてください。

7. アニメーションエモートを作る

アニメーションも、まず静止したキーフレームだけで意味が伝わる必要があります。そこから短いループを加えます。

小さく表示して落ち着かない場合や容量が大きい場合は、フレーム数と動きを減らします。