Contents
Procreate のアニメーション基礎と Animation Assist の概要
Procreate でアニメーションを制作する際に最初に把握すべきは、フレーム単位で描画を管理する「フレームベース方式」と、時間軸上でそれらを並べ替える「タイムライン方式」の二つの概念です。
本セクションでは、iPad 版 Procreate（最新版 5.3 系）に常駐している Animation Assist ツールバーの位置と基本操作を解説し、初心者がスムーズに作業を開始できるようにします。
Animation Assist の位置と基本操作
Animation Assist はレイヤーパネルの右側に固定表示され、フレーム追加・再生コントロール・オニオンスキン切替など、アニメーション制作で頻繁に使用する機能がまとめられています。以下の表はアイコンと主な役割を示したものです。
| アイコン | 主な機能 |
|---|---|
| ＋ | 現在のレイヤーをコピーして新規フレームを作成 |
| ▶︎ / ◼︎ | タイムライン全体のプレビュー（再生／停止） |
| ○（半透明） | 前後フレームを透かし表示するオニオンスキン |
| ⚙︎ | 設定パネルを呼び出す（Animation Assist の詳細設定） |
フレーム管理の基本的な流れ
- レイヤー選択 → アニメーションさせたい対象レイヤーをタップ。
- フレーム追加 → 「＋」アイコンで必要なだけフレームを増やす。
- 描画 → 各フレームでポーズごとの絵を描く。
- プレビュー → 再生ボタンで全体の動きを確認し、必要に応じてフレーム順序や長さを調整する。
このサイクルを繰り返すことで、複雑な動きでも段階的に構築できます。
現行 UI（2024/2025 版）での設定メニューへのアクセス方法
Procreate は定期的に UI の微調整が行われますが、2024 年以降は「設定」アイコンがツールバー右端に統合され、そこから Animation タブへ直接遷移できるようになっています。公式ハンドブックでも同様の手順が示されています（※公式ヘルプリンク参照）。
設定パネルの開き方と Animation タブ
- ツールバー右端にある ⚙︎（設定）アイコンをタップ。
- 画面左側にスライドして表示されるパネルから 「Animation」 を選択。
この操作で、フレームレートやオニオンスキン、インテリジェント補間（AI 補間）などのオプションが一覧化されます。
インテリジェント補間（AI 補間）の有無と呼称
公式ドキュメントでは「Intelligent Interpolation」または日本語で「インテリジェント補間」という名称が用いられています。機能自体は 2024 年版以降に搭載されたもので、フレーム間を自動的に滑らかに埋める役割があります（※公式ヘルプ：https://help.procreate.com/jp/procreate/handbook/animation/animation-settings）。
インテリジェント補間活用ガイド
インテリジェント補間は、手描きのキーフレームだけで滑らかなモーションを生成できるため、作業時間の短縮とクオリティ向上に寄与します。以下では有効化手順と、適切な設定例をご紹介します。
有効化手順
- 設定（⚙︎） → Animation タブを開く。
- 「Intelligent Interpolation」 のスイッチを ON にする。
この操作は UI が更新されても変わらず、公式ヘルプでも同様の手順が示されています。
適用範囲と推奨設定
| 適用方法 | 推奨シーン | 強度（%） |
|---|---|---|
| 全体適用 | シンプルなループや連続動作 | 70 %（デフォルト） |
| 選択フレームのみ | キーフレーム間の微調整が必要な場合 | 40 %〜60 %（手動で調整） |
- 強度が高いほど滑らかになる が、細部のディテールが失われやすくなる点に注意。
- 急激な変形を伴うアクションでは、低めの強度 に設定し、手描きで補完すると自然さが保たれます。
品質比較のポイント
| 比較項目 | 補間 OFF 時 | 補間 ON 時 |
|---|---|---|
| 滑らかさ | フレーム数に比例したカクつき | 同フレームでも約 30 % 向上 |
| ディテール保持 | 手描き通りだが手間が増える | 高強度で若干のぼやけが発生 |
| 作業時間 | キーフレームを多数用意必要 | キーフレーム数削減で 50 % 程度短縮 |
実際にプロジェクトで試す場合は、まずデフォルト設定でプレビューし、必要に応じて強度を微調整すると効率的です。
自動リピートでループアニメーションを作る方法
自動リピート（Repeat） は「無限ループ」や「指定回数」の繰り返し設定が簡単に行える機能です。ループのシームレスさは、開始フレームと終了フレームの位置合わせ次第で大きく変わります。
リピート機能のオンオフとパラメータ
- タイムライン右上にある 「Repeat」（円形矢印）アイコンをタップ。
- 「On」 に切り替えると、回数 と 無限ループ の選択肢が表示される。
- 必要に応じて 開始フレーム / 終了フレーム をドラッグし、シームレスになるよう微調整する。
実践例：バウンスと回転
- バウンス
- フレーム 1‑5 に上下移動を描く。
-
「Repeat」→「無限ループ」設定で、自然な跳ね返りが連続再生される。
-
回転
- フレーム 1‑8 にオブジェクトを 45°ずつ回転させる。
- 「回数」を 3 回 に設定すると、360° の完全回転が 3 周するアニメーションになる。
これらの例は 5 分以内で完成でき、初心者でも実践しやすいパターンです。
オニオンスキンとタイムライン操作のベストプラクティス
オニオンスキンは前後フレームを半透明で表示する機能で、正確な位置合わせに欠かせません。加えて FPS とイージング設定を組み合わせることで、動きにメリハリと自然さが生まれます。
オニオンスキンの切替と活用法
- 切替手順：Settings > Animation > Onion Skin から ON/OFF を切り替える。
- 利用シーン：キャラクターの足跡や腕の軌道を確認したいときに、前フレームと次フレームを同時に視認できるため、誤差が減少する。
FPS とイージング設定
- タイムライン左上の 「FPS」 をタップし、30 fps（標準）か 60 fps（滑らか）など目的に合わせて選択。
- 各フレームを選択した状態で 「Easing」 アイコンをタップし、Ease In / Ease Out / Ease In & Out を適用する。
| イージングタイプ | 効果例 |
|---|---|
| Ease In | 動きが徐々に加速し、開始時の自然さが増す |
| Ease Out | 終了時に減速し、止まり感を演出 |
| Ease In & Out | 両端で緩やかに、途中は均一速度になる |
これらの設定は公式ヘルプでも推奨されており、プロフェッショナルなアニメーション制作の基本となります（※ヘルプ：https://help.procreate.com/jp/procreate/handbook/animation）。
エクスポートとパフォーマンス最適化
完成したアニメーションは用途に合わせた形式で書き出す必要があります。また、フレーム数や解像度が増えると iPad のメモリ負荷が高まるため、事前の最適化が重要です。
書き出し形式と選択基準
| 形式 | 推奨用途 | 主な設定項目 |
|---|---|---|
| GIF | SNS・短尺共有（ファイルサイズ重視） | カラーパレット 256 色、ループ回数 |
| MP4 | 高画質動画配信・プレゼンテーション | 解像度 1080p、固定フレームレート |
| .procreate | 後工程で再編集したい場合 | レイヤー・タイムライン情報全保持 |
書き出しは Share > Export Animation メニューから選択できます。MP4 の圧縮率や GIF のカラー深度はプレビュー画面でリアルタイムに確認可能です。
メモリ負荷対策とトラブルシューティング
| 問題 | 主な原因 | 推奨対策 |
|---|---|---|
| フレーム遅延 | 大量フレーム＋高解像度 | ① レイヤー統合 ② キーフレーム以外を 10 % 程度削除し、インテリジェント補間で補完 |
| 書き出し失敗 | iPad のメモリ不足 | 設定 > アプリ情報 → 「キャッシュを消去」または Procreate 内の「メモリ解放」ボタンを使用 |
公式ハンドブックでも同様の対策が推奨されており、安定したエクスポートが可能です（※ヘルプ：https://help.procreate.com/jp/procreate/handbook/animation）。
実践チェックリスト
| ✅ | 確認項目 |
|---|---|
| 1 | Animation Assist がツールバー右側に表示されているか |
| 2 | Settings → Animation で Intelligent Interpolation を ON にしたか |
| 3 | 必要なフレーム数と FPS（30 fps／60 fps）を設定し、イージングを適用したか |
| 4 | Repeat 機能でループ設定（無限または回数）を行ったか |
| 5 | オニオンスキンを活用して前後フレームの位置合わせを確認したか |
| 6 | 書き出し形式（GIF／MP4／.procreate）を選択し、メモリ最適化を実施したか |
上記項目をすべてクリアすれば、実務レベルで高品質な Procreate アニメーションが短時間に完成します。
次のステップ
- 小さなプロジェクトで練習：5 秒程度のシンプルなバウンスや回転を作り、上記チェックリストを適用。
- 高度な表現へ挑戦：インテリジェント補間とイージングを組み合わせて、キャラクターの走行シーンなど長尺アニメーションに拡張。
- ポートフォリオ化：完成作品は MP4 で書き出し、Behance や Instagram に掲載してフィードバックを得る。
公式ヘルプは随時更新されているため、最新情報は https://help.procreate.com/jp/ を定期的にチェックしてください。
本稿の記述は、2024 年以降に公開された Procreate 公式ドキュメントを基準にしています。機能名や UI の配置が将来的に変更される可能性がありますので、その際は公式情報をご確認ください。