Procreate

ProcreateでiPadアニメーション制作入門

ⓘ本ページはプロモーションが含まれています

お得なお知らせ

スポンサードリンク
デザイン本が読み放題

Figma・UI/UX・配色の深いノウハウを

動画・記事の断片情報より、1冊の体系書籍のほうが圧倒的に速い。Kindle Unlimited対象のデザイン書籍が豊富です。

Kindle Unlimited 30日無料▶ Audible|デザイン発想本を耳で▶

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


タイプ別にすぐ選べる

クリエイティブの引き出し、どう増やす?

Figma・UI/UX・配色・タイポグラフィ。"手を動かす"学びと"発想力を磨く"学びは、使うサブスクが違います。

▷ Figma・UI/UX・配色の具体テクニックを体系化したい実務デザイナー

Kindle Unlimited 30日無料|デザイン本読み放題▶

▷ ブランド・発想・ディレクション系のインプットを"耳で"増やしたい人

オーディオブックAudible

※無料期間中の解約で料金発生なし

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


スポンサードリンク

ProcreateでiPadアニメーション制作を始める前に

Procreateを使ってiPad上で2Dアニメーションを作成する際には、iPadの性能とProcreateの特性を理解しておくことが重要です。特に、高解像度ディスプレイとValkyrieエンジンによる高速描画が、フレームアニメーションの制作に大きく貢献します。以下の内容では、効率的な制作のための知識や設定方法をまとめます。


iPadの性能とProcreateの相性

iPadの高性能なプロセッサと高品質なディスプレイは、デジタル作画の精度を支える基盤です。Procreate専用のValkyrieエンジンは、複数レイヤーの処理や描画速度を最適化し、アニメーション制作時のストレスを大幅に軽減します。これにより、高フレームレートでの作業や大量レイヤーの編集がスムーズになります。


フレームアニメーションの基本概念

フレームアニメーションとは、1コマずつ絵を描き、それを連続して表示することで動画効果を作る手法です。Procreateでは、タイムラプス機能や補間技術を活用しながら、手軽に作成可能です。以下で具体的な機能の使い方と注意点を解説します。


タイムラプス機能で効率的な描画作業を実現

アニメーション制作において、繰り返し同じ動作を描くのは時間がかかります。タイムラプス機能を使うことで、連続フレームの作成を効率化できます。iOSバージョンによって動作が異なる場合もあるため、使用環境に応じて設定を調整することが重要です。

タイムラプスの設定手順

以下のステップでタイムラプス機能を使用します。注意として、iOS 16以降では「アクション」メニューから直接起動可能ですが、以前のバージョンではワークスペースを確認する必要があります。

  1. Procreateを開き、キャンバスを作成します。
  2. 「アクション」メニュー(レンチアイコン)→「タイムラプス」 を選択し、記録を開始します。
  3. 描画する際は、画面をタッチして描画モードに切り替えてください。

⚠️ タイムラプスの保存形式や最大フレーム数にはiOSバージョンごとに違いがあるため、公式サイトで最新情報を確認してください:Procreate公式サイト


長時間作業時のファイル管理術

  • 1つのプロジェクトで複数のタイムラプス動画を作成する場合は、「キャンバス名」をわかりやすく設定することで管理が楽になります。
  • ファイル保存は、「アクション→保存」から行い、不要なデータは定期的に削除しましょう。

ラスター画像とベクター画像の使い分け方

アニメーション制作において、ラスター画像とベクター画像の特徴を理解し、適切に使い分けることが重要です。以下でそれぞれの定義と用途を比較します。

定義と特性

ラスター画像は、画素(ピクセル)で構成された画像で、拡大すると画質が低下します。一方、ベクター画像は数学的な式で描かれた形状であり、サイズ変更しても品質が保たれます。

それぞれの特性比較

項目 ラスター画像 ベクター画像
スケーラビリティ 大きくすると画質低下 サイズ変更しても品質維持
色表現 柔軟で複雑なグラデーション可能 単色・パターンに限る
レイヤー処理 レイヤーごとに編集可能 シンプルな形状向け

アニメーション制作での適切な活用法

  • 背景や複雑なグラデーションにはラスター画像が向いています。
  • キャラクターやオブジェクトのデザインはベクター画像で作成すると、後からの編集がしやすくなります。

フレーム間補間技術の活用法

ProcreateのValkyrieエンジンを活用することで、フレーム間の滑らかな移行(補間)を自動生成できます。ただし、iOSバージョンによって補間精度に差が生じることがあるため、事前に確認が必要です。

Procreate内での補間設定

  • 「アクション→補間」から補間の有無を選択します。
  • 補間する場合、「補間モード」は「線形」か「ベジェカーブ」を選びましょう。

⚠️ iOS 15以降では「ベジェカーブ」が追加されました。ご使用のバージョンに合わせて選択してください:Procreateアップデート情報


手動/自動補間の選定基準

  • 手動補間が必要なシーン: キャラクターの表情や複雑な動作(例: 腕の動き)。
  • 自動補間が有効なケース: 簡単な移動や背景のフェードイン/アウトなど。

Valkyrieエンジン特性とパフォーマンス最適化

ProcreateのValkyrieエンジンは、iPad専用の高速描画技術を備えており、アニメーション制作時の負荷を軽減します。その仕組みや最適な使い方について解説します。

高フレームレート対応のポイント

  • 「アクション→プロファイル」から「高フレームレート」を選択することで、スムーズな再生が可能です。
  • 複数レイヤーを使う場合も、エンジンが自動で最適化するため、ストレスなく作業できます。

メモリ管理術

  • 長時間の制作では、不要なキャンバスや層を削除し、メモリ使用量を抑えてください。
  • 「アクション→クリーンアップ」機能を使い、ファイルの lighten を図りましょう。

⚠️ メモリ不足によるクラッシュは、Valkyrieエンジンの性能にも依存します。公式サポートで最新情報を確認してください:Procreateサポート


アニメーション出力設定と配信準備

制作が終わったら、高品質な動画として出力する必要があります。無料トライアル期間でも、出力設定を工夫することで保存制限を回避できます。

高品質な動画出力設定

  1. 「アクション→エクスポート」 を選択します。
  2. 画像形式は「PNG」や「JPEG」、動画形式は「MP4」を選んでください。
  3. フレームレートは24fps以上を設定すると、滑らかな再生が可能です。

⚠️ 出力ファイルサイズ制限について、公式サイトの「出力ガイド」をご覧ください:Procreate出力ガイド


無料トライアル期間中の保存制限回避法

  • トライアル期間中は、1ファイルあたりのサイズ制限に注意し、必要分だけ出力してください。
  • 「エクスポート→共有」から直接SNSやメールで送信すると、ストレージを節約できます。

まとめ

  • iPadの高性能とProcreateのValkyrieエンジンを活用することで、手軽に2Dアニメーションが作れます。
  • タイムラプス機能や補間技術を正しく使い分けることで、効率的に制作可能です。
  • ラスターとベクター画像の適切な使い分けが、品質向上の鍵です。
  • 出力設定に気をつけて、無料トライアル期間中にProcreateでアニメーション制作を体験してみてください!

スポンサードリンク

お得なお知らせ

スポンサードリンク
デザイン本が読み放題

Figma・UI/UX・配色の深いノウハウを

動画・記事の断片情報より、1冊の体系書籍のほうが圧倒的に速い。Kindle Unlimited対象のデザイン書籍が豊富です。

Kindle Unlimited 30日無料▶ Audible|デザイン発想本を耳で▶

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


タイプ別にすぐ選べる

クリエイティブの引き出し、どう増やす?

Figma・UI/UX・配色・タイポグラフィ。"手を動かす"学びと"発想力を磨く"学びは、使うサブスクが違います。

▷ Figma・UI/UX・配色の具体テクニックを体系化したい実務デザイナー

Kindle Unlimited 30日無料|デザイン本読み放題▶

▷ ブランド・発想・ディレクション系のインプットを"耳で"増やしたい人

オーディオブックAudible

※無料期間中の解約で料金発生なし

▶ デザイン→エンジニアリングの橋渡しに興味があれば プログラミング / エンジニア転職 もどうぞ。


-Procreate