2018年4月8日日曜日

iPad版のクリップスタジオペイントでアニメを作ろう1 うごくイラストとアニメーションの違い

 iPad版のCLIP STUDIO PAINTには、パソコン用のCLIP STUDIO PAINT EXとほぼ同じ機能がありますが、タブレットであるiPadで使うため、少々異なる点があります。

 初めて、CLIP STUDIO PAINT for iPad でアニメーションを作ろうとして、とまどったため、簡単に使い方をまとめておこうと思います。

 まず、うごくイラストと、アニメーションの違い。

 簡単に言うと、「動くイラストよりも、アニメーションの方が複雑なことができる、いろいろ指定できる。長さが長いものも作れる」ということになると思います。

 もちろん、簡単で単純なこともできます。最初は、ごく簡単なところから使い方を書いていきます。


◆新規ファイルの作成


 アニメーションの新規ファイルを作成してみましょう。

 上部メニューの[ファイル]-[新規]-作品の用途[アニメーション]で、新しいファイルを作ろうとすると、プリセットが三種類あって、いずれも「余白あり」と書いてあります。

①真ん中の「1280×720(144dpi)余白あり」を選びます。

 下の方にもいろいろ指定する場所があるのですが、初心者ですから、なるべく単純に、変更は少なくしておきます。
 細々とした設定は、慣れてからにしましょう。

②わかりやすくするために変更しておいた方が良い点は、
◎フレームレート「24」を選択(1秒間に24コマの絵を見せる設定)
◎再生時間の右側にある[フレーム数(1始まり)]を右側の上下▲で[フレーム数(0始まり)]に変更(再生も始まりのコマもゼロからになってわかりやすくなる)
 この2点です。

③右上の[OK]を押して確定すると、新しいアニメーションファイルが作成されます。






◆画面の違い


 画面を見てみます。
 動くイラストにはなかった、青い細い線で描かれた横長の長方形があります。

 この青い四角の中が、実際に絵を描く場所で、この外側は余白です。コミックだと、この青い四角がコマ、その外はコマの外だと思えばだいたいイメージできるかと思います。
 動かす絵は、この青い四角形の中に描きます。

[タイムライン]パレット、[レイヤー]パレット、[ツール]パレット、[サブツール]パレット、[カラー]パレット、[アニメーションセル]パレットなどは、うごくイラストのときと変わりません。


◆アニメーションで特に重要なパレットの確認


◎[レイヤー]パレット

◎[タイムライン]パレット

◎[アニメーションセル]パレット

◎iPad は、画面が小さいので、使っていないパレットは、こまめに収納しておき、必要なときに表示しましょう。

○パレットドックを最小化すると、画面がすっきり!!


2018年3月29日木曜日

新しい目標

 現状、介護で時間がとれず、ほぼ更新が止まっているのですが、こういうときこそ、何か作りたい欲求が強くなってしまうのですね。

 なので、GIFアニメではなく、30秒でも1分でも良いから、きちんと形になったものを作るという目標を立て直しました。

 クオリティより、楽しんで作ることを主体にします。

 なので、大好きな、ボールが跳ねるような動きがたくさん出てくるアニメを作ろうと思います。

 まあ、生存報告みたいな感じです。

 軽くてどこにでも持って行ける、iPadの CLIP STUDIO PAINT を中心的に使うと思います。 



2016年2月3日水曜日

グラデーション塗りの実験

 CACANi でのグラデーション塗りをアニメに適用するとどうなるか、実験してみました。

 事前準備として、キーフレーム二枚を描き、中割りしておきます。

 当初、両方のキーフレームで指定するのかと思っていたのですが、どうやら、片方のキーフレームで指定したグラデーションだけが適応されるようです。

 キーフレームの片方で、自動色塗り。
 キーフレーム以外のフレームで指定し、自動色塗りしても同じです。






 できあがったアニメは


 別のパターンのグラデーションを指定して、自動色塗り。




 できあがりはパターンが変わってきます。





2016年1月27日水曜日

CACANi1.2リリースと20%OFFセール

 CACANiのアップデートがありました。
 新しいバージョンは1.2.13.11290

 合わせて1週間だけの20%OFFセール。あと6日弱ですね。
 入手するいい機会だと思います。

 今回のバージョンアップでは、


 1)クイックフリップの結合

 クイックフリップを一つのボタンで続けて表示する機能が付いた。

2)オーディオレイヤーの設置と.wavファイルインポート

 オーディオレイヤーにより、作成したアニメに音声をつけることができる。
 合わせて、.wavファイルをインポート可能になった。

3)タイミング調整機能の強化

 タイミング調整した中割りフレームをプレビューできるようになり、よりタイミング調整が簡単になった。



 というような機能が強化されたようです。

 背景は色変更できるだけではありますが、.avi  .wmv  .mv4 ファイルへの直接出力もできるようになっており、よりこれだけで作成できる2Dアニメの幅が広がりました。

 より簡単に、より時間を節約して作成可能にする、という方向性でバージョンアップが進んでいるのがわかります。


 公式サイトは
https://cacani.sg/


2015年11月2日月曜日

CLIP STUDIO PAINTでアニメーション制作試してみました

 CLIP STUDIO PAINT PROでのアニメーション制作を試してみました。

「うごくイラスト」と「アニメーション」の2つの作り方があるようです。
 まずは、こちらのほうがわかりやすそうなので、「うごくイラスト」つまり、うごく絵、動くイラストですね。

 アップデートを入れて起動すると、新しい二種類のウィンドウ(パレット)が増えていました。

 [タイムライン]パレットと[アニメーションセル]パレットです。

 どちらも、他のパレット同様、好きな位置に移動できます。
 動かす予定のないイラストを描くだけのときには邪魔なので、閉じてしまってもいいかもしれません。


 うごく絵を作るには、まずキャンバスを「うごくイラスト」として設定します。

[ファイル]-[新規]で新規キャンバスを作成します。

 このときに、下の方の「うごくイラストを作る」の左のボックスにチェックを入れます。

 セルの枚数は、とりあえず8枚、1秒分ということにします。









 新しくできた[タイムライン]パレットと[アニメーションセル]パレットを各部分が見えるように大きくしてみます。






 今、最初は「1」というセルになっています。

 イラストの時はレイヤーが並んでいた[レイヤー]パレットに、「アニメーションフォルダー」ができ、その下に1から8までの8つのセルができています。

 どういうものなのか理解するために、まず「1」セルのときに出ているキャンバスに、とりあえず、数字の1を書きます。



 次に、[レイヤー]パレットの、2と書いてあるセルにクリックで移動します。

 [タイムライン]パレットと[アニメーションセル]パレットで、「2」のところに移動しています。

 また、さっき書いたはずの数字の1がなくなっています。






 ここでもし、オニオンスキンを有効にすると、さきほど1セルに書いた「1」が初期状態では、薄紫色になって出て来ます。





 この2セルのキャンバスに数字の2を書きます。





 次に、[レイヤー]パレットの、3と書いてあるセルにクリックで移動します。

 [タイムライン]パレットと[アニメーションセル]パレットで、「3」のところに移動しています。

 また、さっき書いた数字の1が消え、数字の2の色が変化しています。これは、オニオンスキンで、前のセルのキャンバスに描かれた絵だけが見えているためです。





 3セルのキャンバスに数字の3を書きます。





 同様にして、4セルに数字の4、5セルに数字の5と、8セルまで数字を入れます。

 そして、[タイムライン]パレットの右向き三角[再生/停止]ボタンを押すと、数字が1から8まで次々に動きます。

 [ファイル]→[アニメーション書き出し]→[ムービー]だとこんな感じになります。


 この数字の1から8を絵にすれば「うごく絵」のできあがりです。



 どうやら、3コマ送り(一秒8コマ)だけに対応しているようですね。

 書き出しも、ムービーと連番画像書き出しだけのようです。

 あくまでも作画ツール。動きは別でつけて下さい。
 CLIP STUDIO ACTION で編集してくださいということなのでしょうか。



2015年10月25日日曜日

ニシキアナゴで遊ぶ(学ぶ)簡単カラーアニメの作り方

 自動中割りと、自動彩色があるアニメ作成ソフトCACANiなら、誰にでも楽しくアニメが作れます。
 画力が無くても、根気が無くても、ちょっとやってみようと軽い気持ちでカラーアニメが作れます。

 というわけで、ニシキアナゴで遊んでみることにしました。
 ニシキアナゴなら、丸に、ちょっと曲線だけ、棒人間が描ければ誰にでも描けるはず^^

 CACANiのインストールと起動については、各自でお願いします。トライアル無料期間もあるので、ちょっと遊ぶぐらいなら十分です。

 CACANiのサイトは、

https://cacani.sg/


 さて、起動すると、

 たくさんのウインドウがでてきます。



 全部説明するより、使う時に使うところだけってことで。

 簡単に言うと、CACANiでは、キーフレームを2枚以上描く→間に中割フレームを作り、中割をする→キーフレームを一枚着色→自動彩色 これだけでカラーアニメができあがります。

 まず、一枚目のキーフレームを描きましょう。


 まず、描画に使うツールを選びます。
 今回は、ブラシツールかカーブツールがおすすめです。
 線の太さは、わかりやすいように太めにしましょう。黒い部分を左右にスライドするか、数字を指示して太さを変えます。

 最も大事なのは、描き順です。うっかり余計な線を描かないようにも注意しましょう。

 セルバンクで、絵を描くセルとレイヤーとフレームの状態がわかります。キーフレームになるレイヤーには下線が入ります。数字はそのレイヤーに何本の線があるかです。

 横軸にフレームが並び、アニメーションの指示を出していくことになりますが、これはまたあとで。


 絵を描くツールを選んだら、一枚目のキーフレームを描きます。






 ニシキアナゴが地面から半分ぐらい出ているところですね^^

 セルバンクのレイヤー1を見ましょう。キーフレームなので下線があり、線の数は9本でした。

 次に、二枚目のキーフレームを描くことにします。

 右下の、右にキーフレームを挿入というところをクリックすると、セルバンクに新しいフレームができます。
 画面も、何も描かれていない状態になったかもしれません。





 上部のライトテーブル、線方向表示がONになっていれば、さっきの絵が見えているはずです。

 線に矢印がついているのが描き方のガイドになります。
 矢印の方向に合わせて二枚目のキーフレームの線を描いていきます。

 何か警告が出たら、[編集]-[取り消す]あるいは、[Ctrl]+[x]などで線をもどしましょう。


 気をつけなければいけないのは、さっきよりも線が増えている点です。

 さっきの絵に合わせて、さっきの絵で描いた分をそろえて描いて、さらに線を追加します。







 次に、アニメーションの中割りを入れていきます。

[右に中割りフレームを挿入]、[左に中割りフレームを挿入]というボタンを使って、2つのキーフレームの間に中割フレームを入れます。

 今回は10フレーム入れました。

 タイミングというボタンを何度か押すと、タイミングパネルが出てきます。

 今回はそのまま、[一定の速度]で、[生成]をクリックします。


 とりあえず、アニメができあがりました。
 動かしてみましょう。
 上部のライトテーブルはOFFにしておきます。

 [再生する]で動きだします。

 \(^O^)/

 いったんとめて、[次のフレームに移動する]で、自動生成された中割りの絵を順番に見ていくと…… あれ、線が足りません。

 よく見ると、中割りフレームの中の線の数も9です。
 二枚目のキーフレームだけが線の数11です。






 つまり、対応する線がないとアニメーションできないのです。

 そこで、一枚目のキーフレームにもどり、線を足します。


 ぴったり同じ線を引くのは難しいので、コピー&ペーストを使いましょう。

 線選択ツールでニシキアナゴの一番下の線を選択します。






[編集]-[コピー]([Ctrl]+[c])をしたあと、[編集]-[貼り付け]([Ctrl]+[v])を二回。

 線が二本増えました。











 もう一度、中割りを生成します。





 これで動かしてみると、今度は線の数は合いました。
 コマ送りしてみると、位置が少し変ですが、今回はこのままにします。

 色をつけるために、下準備をします。

 上のボタンから、[領域色の表示オプション]-[セルフ領域区別]を選びます。




ニシキアナゴの色が部分的に変わったかもしれませんし、変わらなかったかもしれません。これで色が付いている部分は隙間が閉じている場所になります。


 左から、クリーンアップツールを選択します。






 線と線のつなぎ目のあたりをドラッグして囲みます。






 順番に囲んでいくと隙間が閉じられたり、はみ出ていた線が消えたりしていきます。

 全ての隙間がクリーンアップされると、こんな感じに、ニシキアナゴの色が変わります。隣り合った色の部分が全て異なる色になったら完成です。






 もう一方のキーフレームも、同じようにクリーンアップします。





 クリーンアップが終わったら、もう一度、中割りフレームを生成しなおします。

 念のため、コマ送りをしてすべてのコマでクリーンアップができているか確認します。もしできていないフレームがあったら、同じようにドラッグでクリーンアップして完成させます。

 次に色を塗ります。

 一番色がよく見える、二枚目のキーフレームを表示します。

 上のボタンから、[領域色の表示オプション]-[領域色表示]を選びます。

 左のツールから、単レイヤーペイントツールを選びます。

 右上の[色彩]ボタンを何度か押すと、色彩パネル(カラーパネル)が出ます。






 色彩パネルから色を選択し、好きに色を塗ります。


 一枚塗り終わったら、色彩パネルの下の方の[後のフレームを自動カラー]をクリックします。
 このとき、全てのセル、全てのフレーム、へチェックを入れておきましょう。








 動かしてみましょう。

 カラーアニメができあがりました\(^O^)/


 多少はみだしていたりしても気にしない、気にしない。
 こんな感じで、誰にでも簡単にカラフルなアニメが作れます。


 ここで動きを変えられます。











2015年10月24日土曜日

線に囲まれていない色のアニメ

 CACANiは、線で囲まれた色だけを動かせるわけでもなく、線は消すこともできます。

 普通に線を描いて自動中割りし、色を塗ったもの。







 この囲んでいる線を陰線にします。





 外側の線を全て陰線にした後、陰線と通過線表示をOFFにし、さらに消し残りが目立たないように隙間表示もOFFにします。



 同じように作成して画像をエクスポートでGIFアニメにすると、こうなります。


大きさの関係であまりよくわからないかもしれませんが、線は表示されずに色だけが動くアニメになります。