m•Motion AtelierモーションアトリエBETA 画像は、この端末の中だけで。
A LITTLE MOTION, A LOT OF JOY.

イラストに、動きの魔法を。

20コマの画像から、あなたらしい動くスタンプを。

✦ はじめてでも、かんたん。
つくるもの
320 × 270 px / APNG
↑
スプライトシートを追加

画像をここにドロップ、またはファイルを選択

PNG・JPEG・WebP / 標準 5列 × 4行
SAMPLEサンプルの「おばけ」で、操作を試せます。
02

コマに分割

5 × 4 GRID
▦

1枚の画像から、20の動き。

連続したイラストが並ぶ画像を登録してください。
左上から順に、正確に切り出します。

画像の登録を待っています左上 → 右下の順
分割の詳細設定 +

合計5〜20コマ。プレビューで境界を確認し、範囲と余白を調整してください。再分割すると並び順・個別の編集は初期化されます。

05

プレビュー

● LIVE
ここで動きを確認できます320 × 270 px
00 / 00

逆再生・往復・確認速度はプレビュー専用です。

背景を確認
▥

フレーム

0 コマ
クリックして、1コマずつ確認
分割したイラストが、ここに並びます。
フレーム未選択
04

位置・サイズをそろえる

全コマで同じ縮小率を使います。ジャンプなどの動きを残したい場合は「元の位置を維持」を選んでください。

最初と最後のコマを比較
最初のコマ
⇄
最後のコマ
05

再生の設定

LINE向け
2秒 × 2回 = 4秒規格内
選択中のコマの表示時間

全コマの合計を整数秒にしてください。「1ループ」を変更すると全コマの時間を均等に戻します。

↓
READY TO COME ALIVE?

できあがったら、書き出そう。

書き出したAPNGを再読み込みして、画像・順序・再生設定を検証します。

出力サイズ320 × 270 pxファイル容量生成後に表示
○ 画像を登録すると、規格を確認できます
現在の位置・サイズを反映
基本版について

透過済み画像をそのまま使えます。白背景の自動除去・透過ブラシ・分割済みPNGの複数登録・容量最適化は後続版で対応予定です。白背景の画像は分割と確認ができますが、LINE用保存には背景を透過した原稿が必要です。

EDIT

フレームの位置を調整

枠からはみ出す場合は、共通サイズを小さくしてください。

はじめてのMotion Atelier

  1. 用途を選び、5列×4行の画像を登録します。
  2. 20コマの境界と透明背景を確認します。
  3. 配置と再生時間を調整して、再生します。
  4. 「APNGを生成・検証」で実際の容量と検証結果を確認します。
  5. 用途別の保存ボタンからダウンロードします。

処理はすべて端末内で完結します。ページを閉じると編集内容は失われます。必要な画像は書き出して保存してください。

この基本版は1作品のコンテンツ画像を作るツールです。LINE申請に必要なセット数・メイン画像・タブ画像は別途用意してください。

最新のChrome・Edge・Safariをご利用ください。