動くスタンプ(アニメーションスタンプ)をAIで作る

動くスタンプは、何枚もの絵(フレーム)を順に表示するAPNGという形式の画像です。規格は静止画のスタンプと大きく違います。この記事では、LINEのガイドラインにある規格と、MochiStampが画像生成AIの描いたポーズから動くスタンプを作る流れを、実際のフレームで説明します。

動くスタンプの規格

項目規格
スタンプ画像APNG(拡張子は.png)。8・16・24個
サイズ最大 横320×縦270px。縦か横のどちらかは270px以上
フレーム数1個あたり5〜20フレーム
再生時間1個あたり最大4秒
ループ数1〜4回(再生時間4秒を超えない範囲)
ファイルサイズ1個あたり1MB以下
メイン画像横240×縦240px、APNG
トークルームタブ画像横96×縦74px、PNG
背景透過
ZIPでまとめてアップロード60MB以下

出典:LINE Creators Market 制作ガイドライン(アニメーションスタンプ)

ガイドラインには、ほかに次のような注意もあります。

  • 1つのAPNGに入るフレームは、すべて同じサイズにする
  • 同じ画像が続くと1フレームにまとめられることがあり、すべてのフレームが同じだとアップロードのときにエラーになる
  • ストアでは、APNGの1フレーム目が静止画として表示される

実際の動くスタンプとそのフレーム

手を振る動くスタンプ
MochiStampの動くスタンプと同じプログラムで書き出したAPNG(見本用に描いたポーズを使用)。320×270px、20フレーム、1フレーム0.1秒、1周2秒を2回で合計4秒です。
上の動くスタンプの20フレームを順に並べたもの
上のAPNGの20フレーム。手の位置と目の開き方だけが少しずつ変わっています。

20フレームといっても、1枚ずつまったく違う絵ではありません。いくつかのポーズを少しずつずらしながら並べると、なめらかに動いて見えます。

AIで動くスタンプを作る2つの方法

  1. 動画を作って、フレームを抜き出す:動画生成AIで短い動画を作り、5〜20フレームに間引いてAPNGにします。ただ、なめらかな動画も20フレームまで減らすとカクカクしやすく、途中でキャラの見た目が変わってしまうこともあります。
  2. ポーズを何枚か描いて、あいだをつなぐ:画像生成AIで同じキャラのポーズを数枚描き、そのあいだのフレームをプログラムで作ります。キャラの見た目がそろいやすく、フレーム数・秒数・サイズを規格に合わせやすい方法です。MochiStampはこちらで作っています。

MochiStampで動くスタンプを作る流れ

  1. AI作成 のいちばん上で「動くスタンプ」を選ぶ
  2. キャラクターを1行で書き、個数(8・16・24個)を選ぶ
  3. 各枠の動作を確かめる。最初から動作が入っていて、タップすると「手を振る」「ジャンプして喜ぶ」のように書きかえられます
  4. 作成すると、画像生成AIが1個につき4つのポーズを同じキャラで描き、プログラムがあいだをつないで20フレームのAPNGにします

書き出すときには、次のことを自動で行います。

  • 背景を透過し、320×270pxに収める(縦か横を270px以上にする)
  • 1周の長さを1秒・2秒のように区切りのいい秒数にそろえ、ループ回数と合わせて4秒以内にする
  • 1MBを超えそうなときは、色数を減らして軽くする
  • 動くメイン画像(main.png、240×240)と、静止画のタブ画像(tab.png、96×74)を作る

動くスタンプは1個2クレジットです(キャラクター・文字だけのスタンプは1個1クレジット)。動くスタンプには文字は入れません。

作るときのコツ

  • 1フレーム目をいちばん良いポーズにする:ストアでは1フレーム目が静止画として表示されます。
  • 動きは小さく、はっきり:トークで見るスタンプは小さいので、手を振る・まばたき・ぴょんと跳ねるくらいの動きのほうが伝わりやすく、変わる部分が少ないぶんファイルも軽くなります。
  • 最後と最初をつなげる:くり返し再生されるので、最後のフレームが最初のポーズに戻ると、つなぎ目が目立ちません。

申請の前に確認する

申請前ZIPチェッカー は、APNGが入っているZIPを動くスタンプとして確認します。サイズ(320×270以内、縦か横が270px以上)、フレーム数(5〜20)、ループ数(1〜4回)、再生時間(4秒まで)、1MB、個数(8・16・24個)を1項目ずつ表示します。

このガイドで使うツール

キャラクターから全部AIで作るなら

MochiStampなら、キャラを1行書くだけで8〜40個のセットを描いて、このままのZIPまで作ります。Googleでログインすると20個分無料です。

スタンプを作る

ほかのガイド