mieki256's diary



2016/04/09() [n年前の日記]

#1 [cg_tools][opentoonz] OpenToonzを試用してみたり

OpenToonz は、スタジオジブリがアニメ制作に使っていた Toonz という商用ソフトをドワンゴが買い取って、オープンソースで公開したアニメ制作ソフト。

_OpenToonz
_無料でスタジオジブリのアニメ制作ソフト「OpenToonz」を公開するとドワンゴが発表 - GIGAZINE

無料で使えるらしいので、試しにダウンロードして少し触ってみたり。環境は Windows10 x64。

うむ。ヤバイ。自分、これでも色々と2DCGソフトを触ってきて慣れてるほうだと自負していたけれど。このソフト、何をどうしたらいいのか全然分からん…。ヤバイ。OpenToonz、ヤバイ。

それでも、以下の動画を眺めていたらビミョーにちょっとだけ一部の機能の使い方だけは分かってきたような気がするので一応メモ。

_How To Animate For Free! | OpenToonz & Krita Livestream - YouTube

まずはツールバーを表示。 :

なんでもそうだけど、この手のツールは「ブラシツール」や「消しゴムツール」が並んでるツールバーが表示されてないと気分が出てこないじゃないですか。なので、まずはそこから表示。パッと見の印象は大事。 *1

opentoonz_ss_01.png
Windows → Other Windows → Toolbar、を選択。

opentoonz_ss_02.png
ツールバーが表示されるので、一番上のあたりをマウスでドラッグしてアプリウインドウの端っこのあたりに持っていくと緑色の棒が出て「ここにくっつけることができるよ」と教えてくれるので、そこで離す。と、好きな位置にくっつけて配置することができる。

もしかすると、Tool Option Bar も表示してどこかに置いといたほうがいいのかもしれない。

ついでに、パレットウインドウも表示しておく。このソフトは、線を描いたり色を塗ったりするときに「パレット」というのを使うので…。アニメ制作って、色塗りをする前に、使う色の種類がえてして決められてるわけで。それらを、パレットとして管理するのだろうと。

opentoonz_ss_03.png
Windows → Other Windows → Palette、を選択。

opentoonz_ss_04.png
コレも、ドラッグして好きな位置にくっつけて配置することができる。

そうすると、見た目がこんな感じになる。
opentoonz_ss_05.png
コレなら…なんだか使えそうな気がしてきた…。

オニオンスキンとやらを有効に。 :

アニメ制作ソフトってもんは、オニオンスキンが使えないと、さっぱり気分が出ないわけですよ。だからソレも有効に。

オニオンスキンってのは、前に描いた絵をうっすらと透かして見ることができる機能。手描きアニメで言えば、トレス台みたいなもの。

opentoonz_ss_06.png
Customize → Preferences、を選択。

opentoonz_ss_07.png
左側で、Onion Skin を選んで、右側の上のほうで、Onion Skin ON にチェックを入れる。

作業中の、有効・無効の切り替えは、画面の中で右クリックするとメニューが出てくるから…。
opentoonz_ss_08.png
Activate Onion Skin を選択。コレでオニオンスキンが有効状態になる。

無効にしたい場合は、同様に右クリックして…。
opentoonz_ss_09.png
Deactivate Onion Skin を選択。コレでオニオンスキンが無効状態になる。

実際に何か描いてみる。 :

OpenToonz は、各作業をしやすいように、画面レイアウトがいくつか用意されてるようで。右上のボタンを押せば、レイアウトが切り替えられるっぽい。
opentoonz_ss_10.png
お絵描きをしたいので、InknPaint (たぶん、Ink and Paintの略じゃないかな…) をクリック。

デフォルトではツールバー等が表示されてないと思うので、Windows → Toolbar や、Windows → Tool Option Bar を選んで、好きな位置に配置しておいたほうがヨサゲ。

XSheetウインドウ内でクリックして、「このセル/フレームに描くよ」と指定する。
opentoonz_ss_11.png

ブラシツール(Brush Tool)や消しゴムツール(Eraser Tool)で、画面に何か描いてみる。ちなみに、ツールバー上のアイコンの上でマウスカーソルをしばらく止めておくと、「Brush Tool」「Eraser Tool」等、ツール名を表示してくれるので、それを頼りにどんなことをするツールなのか予想できそうな予感。
opentoonz_ss_12.png

間違って描いてしまったときは、Ctrl + Z キーを押せば、Undo(元に戻す) ができる。

色を塗るときは、バケツツール(Fill Tool)を使う…のだけど。その前に、色塗り用のパレットを用意しておかないといけない。

パレットウインドウ内で右クリック。
opentoonz_ss_13.png
New Style を選ぶ。

パレットが一つ追加された。
opentoonz_ss_14.png

パレットの色を変更するのは、Palette Edit(PltEdit)で作業したほうが楽だろうから、そっちに切り替える。
opentoonz_ss_15.png
右上の、PltEdit をクリックして、色を変更したら、Apply ボタンをクリック。変更が反映される。

InknPaintレイアウトに戻って、塗りに使うパレットを選択。バケツツール(Fill Tool)を選んで、塗りたいところをクリックしていく。
opentoonz_ss_16.png
線が閉じていれば、クリックするだけで塗ってくれる模様。

これで、何かしら落書きすることはできた。

アニメを作る。 :

いよいよアニメを作ってみる。

1枚1枚、せっせと絵を描いてもいいのだけど…。お試しで作業してるだけなのにシコシコと描いてたら時間がかかるので、既に描いたソレをコピーして使い回すことにする。
opentoonz_ss_17.png
選択ツール(Selection Tool) を選んで、マウスドラッグすれば、ドラッグした範囲が選択できる。

選択した状態で、Ctrl + Cキー。これで、選択範囲がクリップボードにコピーできた。

opentoonz_ss_18.png
XSheetウインドウ内で、次のフレームをクリック。

おもむろに、Ctrl + Vキーを押す。コピーしてた絵が「貼り付け」されて、XSheet内の表示が変わった。
opentoonz_ss_19.png
「このフレームに、2枚目が指定されてるよ」と表示しているのだと思う。

この調子で、バンバン増やす。
opentoonz_ss_20.png

増やしたら、2フレーム目や3フレーム目をクリック。各フレームで、絵の位置を変更する。
opentoonz_ss_21.png
選択ツールを使って絵を選択してから、絵の上にカーソルを持っていくと、カーソルが十字カーソルになるので、その状態ならドラッグして位置を移動できる。

選択範囲のちょっと外側にカーソルを持っていくと、絵を回転させることもできる。
opentoonz_ss_22.png

選択範囲の境界の四角をドラッグすれば、拡大縮小もできる。
opentoonz_ss_23.png

これで各フレームは作れた。けど。

たぶんこのままだとタイミングが早過ぎて酷いことになりそう。なので、XSheet(タイムシート)上で、どのフレームを何フレーム表示し続けるか調整する。

XSheetで、フレームをクリックすると、下にちいさいタブっぽい何かが表示される。
opentoonz_ss_24.png
このタブっぽい何かを、マウスでググッと下にドラッグする。

opentoonz_ss_25.png
1フレーム分を、3フレームの間、表示できるように指定できた。

この作業を1つ1つやっていってもいいのだけど、まとめてやることもできるようで…。
opentoonz_ss_26.png
真ん中あたりから下に向けてマウスドラッグすると、複数のフレームを選択することができる。

選択したフレーム上で右クリックするとメニューが表示される。
opentoonz_ss_27.png
Step → Step 3 を選択。

opentoonz_ss_28.png
一気にタイミングを変えることができた。

ちなみに、XSheet上でフレームをダブルクリックすると、英数字を直接入力することができるようになるので、ガシガシとキー入力してタイミングを変更することも可能。

再生確認してみる。 :

再生してみるには、ComboViewer とやらを使う。
opentoonz_ss_29.png
WIndows → ComboViewer、を選択。

ComboViewer が表示された。
opentoonz_ss_30.png
下のほうに、停止ボタン、再生ボタン、ループ再生ボタンがある。クリックすればそれぞれ再生できる。

ということで、ひとまず再生確認までは出来たけど。ここから動画等でエクスポートする方法が、まだ分かってないという…。

2016/04/10追記。 :

動画をレンダリングして出力する方法が分かった。右上のほうで Xsheet を選ぶと、メニューの中に「Render」というのが出現する。ここからレンダリング・動画出力ができる。

Render → Output Settings で、出力形式等を設定。pngにすれば連番画像が出力できるし、aviにすれば動画ファイルとして出力できるようで。

ちなみに。右上のソレを、自分で勝手に「InknPaintレイアウト」「Xsheetレイアウト」とか呼んでしまっていたけど。導入マニュアルpdfを呼んだら「Room と呼んでくれい」と書いてあった。「レイアウト」では、アニメ用語の「レイアウト」と混同しちゃうからマズいよな…。

*1: まあ、ジブリ内では紙と鉛筆で原動画を描いてるから、その手のツールバーは要らなかったのかもしれないけど…。

この記事へのツッコミ

Re: OpenToonzを試用してみたり by 名無しさん    2016/07/15 21:29
音の出し方がわからねえだ〜

以上、1 日分です。

過去ログ表示

Prev - 2016/04 - Next
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project