クリスタでうごくイラストを描く〜パート1

Pocket

クリスタ(CLIP STUDIO)は、『うごくイラスト』、『アニメーション』制作ができます。

これは、前回もここで書きました↓

前回書いた通り、

簡単なうごくイラストで作成したり、本格的アニメーションで作成もできます
クリスタEX以外はフレーム数制限ありで24フレームまで)

で、クリスタだけでかなり高度なことまでできちゃうのですが、今回はGIFアニメというかパラパラマンガてきにうごくやつをとにかく単純にざっと予備知識0のままやってみたいと思います。

繊細な部分なしです笑

とにかく動かしてみるだけですw

それなら誰にでも一瞬でできちゃいますw

クリスタで動くイラスト

〜〜項目〜〜〜〜〜〜〜〜

♥1、うごくイラストの設定
(フレームレートなどについて)

♥2、タイムライン表示

♥3、アニメーションフォルダの中のセルに描く

♥4、フレームレートを後で変更する

♥5、アニメーションGIFを作成

〜〜〜〜〜〜〜〜〜〜〜〜

スポンサーリンク

♥1、うごくイラストの設定(フレームレートなどについて)

作成するために最初にある程度設定しておきます

まず新規で作成していきます

単純なうごくイラストの場合は、イラストで、うごくイラストを作るにチェックを入れる

セルの枚数(カット数)、フレームレートを設定する↓

01_クリスタうごくイラスト

*フレームレート(fps)とは?
▶︎アニメを動かすために1秒間に表示できる画像の数
(例えば、fpsを8にしたら、1秒間に8カット表示できるってこと)

動きを細かく精密に表現したいなら1秒間のカット数は多くなるでしょうし、

緩めで大雑把にしたいなら逆にこの数値を減らした方が動きが遅くなりわかりやすいかも

  • 数値を小さくすれば1秒間に表示するカット数が減るのでコマ割り、動きは遅くなります
  • 逆に数値を大きくすればコマ割り、動きは速くなる

なので最初は大雑把にざっくり設定して、再生して確認した後でフレームレートを調整するのが良いかなと…

それかもしくはラフ画で大雑把にノートなどにまとめて考えておくのも良いのかもしれない

クリスタPROのうごくイラストでは24枚まで作成できる

幅や高さの設定(サイズ)の設定、解像度などは何に使うかによって変わってきますし、自分がどうしたいのかによっても変わってきます

解像度はweb上のみで使うなら350なくてもいいかなと思う

で、設定すると、レイヤーパネルに、アニメーションフォルダができ、その中にセルが設定される↓

02_アニメーションフォルダ

アニメーションフォルダごとにうごく部分と固定部分をわけ、フォルダの中で線と塗りとかに分けてもいいと思う

やり方は色々あると思うけれど、

とにかく今回はとりあえず動かしてみるだけなので、フォルダの中に全カット入れておいてそのセルにパラパラてきに描いてやってみます

♥2、タイムライン表示

で、まず、タイムラインを表示させる
ウィンドウ>タイムライン↓

04_ウィンドウ-タイムライン
05_タイムラインに割り当て

割り当てられます

※上記の画像ではすでにタイムラインに描かれてますが、気にしないでくださいw

♥3、アニメーションフォルダの中のセルに描く

そして今回はアニメーションフォルダは1つでその中のセルにガンガン書いていきます

順番通りに前のカットを見ながら描いていきました↓

03_フォルダの中にセルみたいなの
06-02_セルに描いてく

上記にもあるように、フオルダごとに分けて細かく設定していくこともできますが、設定なしでただ連続で描いてみました

動かす部分と動かさない枠組みなどに分けることも本当はできます

それは順繰りやっていきたいと思うw

♥4、フレームレートを後で変更する

で、ざっと書き終えたら、再生して確認してみます
タイムラインに再生ボタンや、停止ボタンがあるので、それで走らせて確認してみる↓

09_再生して確認

早すぎたり遅すぎたり色々あると思うので、調整します

*フレームレートを後で変更するには

アニメーション>タイムライン>フレームレートを変更でできます↓

07_アニメーション_タイムライン_フレームレートを変更
08フレームレート変更

上記にも書きましたが、

  • 数値を小さくすれば1秒間に表示するカット数が減るのでコマ割り、動きは遅くなります
  • 逆に数値を大きくすればコマ割り、動きは速くなる

再生確認して調整を繰り返し、しっくりくるレートに設定する

♥5、アニメーションGIFを作成

最後に保存する

これも後で修正できるように、上記の全てをパラデータでいじれるようにそのまま名前をつけて保存する

あとは、うごくイラストとして見られるように、アニメーションGIFを作成する

ファイル>アニメーション書き出し>アニメーションGIF
これでOK↓

10_アニメーションGIFの作成

GIFアニメにしてみました笑↓

うごイラ
クリスタうごイラ

で、GIFアニメはループされるとこがまた面白いんですが、

私はどうしても音をつけたくなっちゃうんですよね、、、

そうするとやはり動画にするしかないっぽい、、、、

==追記======

現在のクリスタはアップデートによってアニメーション機能がより進化してくれています。

これによってクリスタ内でカメラワーク機能を使ったり、音声も加えることができるようになっています!

==========

今回はこんな感じでした

で、これから少しづつうごくイラストも色々やってみようと思うので、少しづつ進化していく様をプチ連載していく予定です笑

さてどうなることやらです、、、笑

クリスタEXなら24フレーム以上の長尺アニメーションできます↓

ってことで

楽しいクリエイトあれ!

しゃらんるあぁあああ♥

▶︎クリスタProでアニメーション作成練習〜パート2もありますw

\(`^`)b

スポンサーリンク

 

REACH_rh.jam project / Creative Support
REACH_rhがあなたのクリエイトをサポートします
サポート内容をチェックしてみる ↓

rhjampj_v-min

 

❤色々やり散らかしております、宜しくどうぞ御贔屓に<(_ _)><(_ _)><(_ _)>

Twitter-REACH_rh Facebook-REACH_rh G+ -REACH_rh Insta-REACH_rh note-REACH_rh

YouTube-REACH_rh SoundCloud-REACH_rh PIXIV-REACH_rh CREATORS BANK_REACH_rh

関連コンテンツ

Pocket