Top

[クリスタ]アニメーションのキーフレームを使う方法

アニメ塗りマン
アニメ塗りマン

クリスタのアニメーションで使うキーフレームについて説明します。

 

クリスタのアニメーションで使うキーフレームについて説明します。

この記事を読むと・クリスタのキーフレームについてわかります。

こんな方におすすめ!・アニメで使うキーフレームを知りたい人
・楽にアニメーションを作りたい人

 

[クリスタ]アニメーションのキーフレームを使う方法

vroid studioのVRMを読み込める最新のCLIP STUDIO PAINT PROを手に入れる

2024年にクリスタは値上げしました、さらに値上がる前に手に入れましょう
さらにクリスタで絵を描くのにおすすめなペンタブを見る

アニメーションを作るにはEX版を使う

このサイトで説明する内容はCLIP STUDIO PAINT EXで行います、pro版だと制限で24フレームまでしかアニメを作れないためまったく役に立ちません。

ほとんどの方はpro版を使っていると思いますが、実はex版に安くアップデートする方法があります、安くする方法はこちらで解説してます。

 

アニメーションの基本はこちらで解説しています。

クリスタでアニメーションの作り方[初心者向け]
クリスタでアニメーションを作るやり方を説明します。

キーフレーム用フォルダを作る

キーフレームは動きを自動で補間してくれる機能です。

キーフレームを使えば楽にキャラクターを移動したり拡大できます、一から作画するより作業時間を短縮できます。

クリスタ キーフレーム

最初にキーフレーム用のフォルダを作り、アニメーションフォルダをその中に入れます。

 

クリスタ キーフレーム

そして作成したフォルダを選び、赤い矢印のキーフレームの有効化を押します、これでキーフレームを入れることができます。

クリスタ キーフレーム

その後0フレーム目にして、赤矢印のキーフレームを追加を押します、すると等速キーフレームである緑マークが追加されます。

キーフレームは3種類ある

クリスタ キーフレーム

キーフレームは3種類あります。

  1. 一定値:瞬時に移動する、黄色いマークがつく
  2. 等速:一定の動きで移動する、緑のマークがつく
  3. 滑らか:前後でゆったりと動く、自然な動きに近い、灰色のマークがつく

よく使うのは等速と滑らかです、このページでは等速を使って説明していきます。

 

最後のフレームにキーフレームを追加する

クリスタ キーフレーム

最後のフレーム部分を選びキーフレームを追加します、そしてレイヤー移動で左へ動かすとアニメーションした人物が左へ移動します。

作ったサンプルアニメがこちらです。

クリスタ キーフレーム

 

キーフレームを使えば面倒な移動を作らずにアニメを作成できます。

オブジェクトからアニメーションを編集する

クリスタ キーフレーム

オブジェクトからツールプロパティを選び、変形を開きます。

するとキーフレームを詳細に設定できる画面が現れます、位置、拡大率、透明度といった項目があります。

試しに拡大率を150にしたアニメがこちらです、徐々にキャラクターが拡大しています。

クリスタ キーフレーム

キーフレームは複数追加できる

クリスタ キーフレーム

キーフレームは何個でも追加できます、例として37フレーム目で一度下がる動きを追加してみました。

クリスタ キーフレーム

キーフレームは何個でも追加できるのでたくさん使えば複雑な動きを再現できます。

 

まとめ

  • キーフレーム用フォルダを作り、キーフレームの有効化を押す
  • キーフレームを追加して動きを作る

制限なく自由にアニメを作れるCLIP STUDIO PAINT EXを見る

この本を読めばクリスタのアニメ作りがわかります↓