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

Pocket

 

クリスタ(Clip Studio)は、うごくイラスト、GIFアニメーションを作成できちゃいます

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

クリスタ(CLIP STUDIO PRO)でできること

 

前回書いた通り、

簡単なうごくイラストで作成したり、本格的アニメーションで作成もできます

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

繊細な部分なしです笑

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

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

 

クリスタで動くイラスト

 

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

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

♥2、タイムライン表示

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

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

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

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

スポンサーリンク

 

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

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

 

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

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

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

 

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

 

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

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

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

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

 

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

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

クリスタのうごくイラストでは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アニメはループされるとこがまた面白いんですが、

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

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

 

 

 

これによって今のところはますます微妙な感じになってますが笑、先々音とアニメで遊びたいので色々やってみますw

 

今回はこんな感じでした

 

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

最終的にはやはり動画でやろうと思うのですが、GIFアニメを作ってそれをiMovieでさらに音声をつけて編集してく感じになるかな。。。。

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

 

ってことでクリスタ楽しいぞw

しゃらんるあぁあああ♥

 

 

CLIP STUDIO の EX と Pro って何がどう違うの?についてまとめてみた

 

クリスタ(CLIP STUDIO PRO)でできること

 

 

 

\(`^`)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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

13 − twelve =