クリスタとphotoshopCS5とAviUtlでアニメ進捗

 

北神ですブログ久しぶりです。某アニメの背景美術に感化されてここ3週間くらい空の民PVを作るのにハマっていました。電車の中とか昼休みとかにもAviUtlの初心者講座漁ったり夜更かしが続いてて毎日ねむい…でも楽しい…!

ようやくウルカマナを放つカットの調整ができて一区切りしたのでラフのとこもありますが進捗アップします!本当はラフのトーカタムルカンの祭壇の前で空に光を放つ→光が雲を払って青空が広がる…まで仕上げて繋げたいと思ってたんですが多分2週間ちょいはかかるし10月終わっちゃうし…年内に本編も進めたいから一時休戦。

pixivFANBOXの方には原寸サイズの高解像度版アップしてきたので見られる方よかったらそちらも見てください。いつも進捗を見守ってくれてありがとうございます。

初心者仕様なので参考になるか分からないけれどアニメPV作りたい方の参考になればとざっくり解説メモ付きのスクショを。私他の方のレイヤー構成とか見るの好きなんです…!使ってるのはクリスタとAviUtl(ユーティル)とフォトショCS5です。世の中手軽に3Dモデリングすらできる時代だけど2Dアニメにしかない魅力もあるからもっと一次創作界隈でアニメ流行るといいなぁ…。

★クリスタ

クリスタね、充分すごいんですがモーショントゥイーン機能(自動中割り)がないので「移動させる」とかが大変なんです。右から左に絵(カメラ)を移動させたい時は少しずつずらしたレイヤーをたくさん作ってタイムラインに1コマずつ打っていかないとならないので、少しならいいけど量が多い時はどうしようか…ユーティルかな…と思ってたら古のフォトショCS5にデフォルトで近い機能がついていて…ワォ!\(( °ω° ))/

フォトショでgifアニメが作れるのは知ってたけれどmp4とかmov(MacのQuickTime)とか動画形式の書き出しができるなんて10年CS5触ってて知らなかったです…い、今更…!1つのファイル内で最初と最後の2画面分のレイヤーを設定してアニメ機能で分割数を例えば30に設定すると勝手に30枚分の中割り作ってくれるんです。なにこれすごい〜〜。最後のカットの光が当たると仲間が現れるとこのアニメはフォトショだけで編集してます。もしかして最新のフォトショだともっと高性能かも…と職場のCC2018をちらっと見たらビデオとかオーディオの読み込みもできるみたい…!イイナー(ノ´∀`*)

★フォトショCS5

できることは限定的ですがクリスタでできないことを補完してくれるしユーティルより軽いから使いようによっては使える子。中割りできるのは「直線移動」「不透明度の変化」「レイヤー効果の変化」だけなので拡大縮小変形はできません(画像はラスターだから仕方ない)例えば徐々に色を変化させたければ2枚色違いを用意して重ねて上のレイヤーの不透明度を100%→0%にするとかね。中割りの秒数とか細かい部分は手動で設定できるので(30コマあったら30個分ちまちまやらないといけなかったり、上手くいかなかったら割直しになるけど)多少調整できるかな。

ユーティルはユーザー数が多いからぐぐればすぐ親切な初心者講座が出てきて、動画で手順を教えてくれたりするのでほんとありがたいです。レイヤーとかペインティングソフトに近いから絵描きさんは直感的に触れるところがあるしわりとすぐ慣れるんじゃないかな。「中間点」さえ掴めばだいたいの応用は効く気がします。

カメラ制御は解説講座を見れば理解はできるけれど操作性は慣れるまで混乱するところがあって、さらに理解できてもキャラに合わせるのはめっちゃ難しいですね…!(´@ω@`)追い追い研究しようと思います。映像系の表現って奥が深いな…モノクロのマンガとは全然自由度の幅の桁が違う。

★AviUtl

ユーティル無料ツールってことを忘れるくらい優秀なんですが、簡単なカットはクリスタだけでできます。再掲だけれどこのあたり。

過去記事:「2018-03-08 アニメ進捗/1カットずつ仕上げていこうと」

最初に作った試作品。

過去記事:「2018-01-23 試作品完成!」
リンク先の記事でクリスタのデータ(レイヤー&タイムライン保持)配布してます。

とりあえずそんな感じですー。長編の物語を伝えるのにモノクロマンガって形は好きだけれど世界や雰囲気をぎゅっと圧縮して伝えるのにアニメっていいなって改めて思いましたヽ(*´▽`*)ノまだまだ完成まで遠いけれど最初なので完成させることを目標にしたいです。

あとやっぱり一人じゃ手が回らないのでもうちょっと整ったら時給1000円くらいで中割りの下塗りとかマンガのトーン貼りとかアシスタントさん募集できたらいいなぁなんて。分業できるくらいお金持ちになりたいー。10月のうちにハロウィンの何かも描きたいので何かできたらまた浮上します。ではでは==(*´▽`)

アニメ進捗/1カットずつ仕上げていこうと

確定申告出しましたーヽ(*´▽`*)ノ

と、自由の身になったところでブログ少し空いちゃいましたが先日Twitterに貼ったアニメ進捗です。
フォトショもちょっと使ったけどほぼクリスタだけで描いてます。クリスタすごい。
背景が入るというか撮影風加工までするとほんとアニメっぽくなる…?!

先にキャラの動きだけ全体的に進めていこうと思っていたのですが
同じく一次創作でアニメを作っている知り合いさんを見て1カットずつ仕上げていくのもいいなあと影響されたので(すぐ影響される)
とりあえず動きが少ない&クリスタだけでできそうな簡単なカットからやってみようとダーナーさんのとこから。
ちょっとしか動いてないしたった3秒だけどテンションあがりますね…!

前回のです。ダーナーさんシュッとしすぎてたのでずんぐりに詰めました(笑)全然違う。

色を選んでいて普段の自分の色の引き出しがいかに少ないかってことに気づかされて
私のパレットにこんな色なかった…追加追加…って思いながら調整してます(ノ´v`;)
つい淡い色を使いたがってしまうけれど見本に色々アニメ見てると上手く黒とか深い色を使ってるんですよね。
明度の幅が広がるとメリハリがついて画面がぐんとドラマティックになるので上手く使えるようになりたいな。

背景も「面で塗る」とはよく言われるけれど、確かに色混ぜない方がきれいだったりするんだなぁとなって
一度描いた檻も気に入らなくて全部描き直したんですが描き直してよかった。
試行錯誤してる分時間はかかるけれど自分の中になかった新しい引き出しが増える瞬間って楽しいです。

レイヤーとタイムライン構成はこんな感じです。下から「背景」「キャラ」「檻」「檻の影(乗算)」「光(加算発光)」
檻もダーナーさんも5コマしか動いてないんですよ。

背景は別のファイルで描いて統合して貼り付けてます。重くなっちゃうのでなるべくファイル分けたいです。

Twitterだとmp4の画質の劣化がすごくてgifもアップしたのですが元ファイルだとmp4がキレイかな…?
gifは表現できる色が少ないので元ファイルだとツブツブっぽくなってしまうけれど
Twitter用は劣化具合を見るとgifの方がちょっとましかな…どっちもどっちかなぁ…
これまだ3秒だけれど長くなったらどうなるんでしょうね(´ω`;)エンコードも研究しようと思います。
というわけでgifバージョンです。

今月中に仕上げるつもりだったんですが他の予定が入ってしまって難しい気がします。マイペースに進めますぞー。

アニメ進捗/最近のこと

クラウのポンチョの模様を描き終わりました!!結構大変だった…!!

ウルカマナの中割りもちょっと入れてあとは前後の繋がりを見てからかな…というところで一旦ここのカットは保留です。
他の気が向いたところからちょこちょこ進めよう〜というわけでダーナーさん。

2コマから5コマにパワーアップ。

色調とか影をつけるのも背景入れてからじゃないと分からないですね。

話題変わりまして、先日のコミティア123一般で遊びに行ってきました。
ティアに初めて行ったのは16年前ですが西ホールで1階と4階に分かれているとか初めてじゃないでしょうか。
ともあれお昼くらいからのんびりご挨拶に回ったりあちこち探検したりうろうろふらふらと。
普段は時間がなくてファンタジースペース付近しか見て回らないのですがジャンルが違うと世界が違う…!(大げさ)
自分はどういうものに惹かれるんだろうと意識しながら目を泳がせていると「これいいな!やってみたい!」って発見や
逆に埋もれてしまうものはどういうものか考えることが多くて普段あまり使ってない頭がフル回転…!
創作意欲をギュンギュンいただいてきました!いやー!ティア熱い!
私もがんばるぞー!