クリスタの作画データをOpenToonzで彩色する手順

提供者 : セルシス    更新日 : 2017/02/28   
閲覧数 : 6797回 総合評価 : 7件

使用したバージョン:CLIP STUDIO PAINT EX Ver.1.6.4 ※PRO/ Debutでは対応していません。

CLIP STUDIO PAINTで作画したアニメーション作品は、OpenToonzで仕上げや彩色、撮影を行うことがを行う事ができます。
※OpenToonzシーンファイルの書き出しは、Windows64bit、macOSのみ対応。

書き出したデータをスムーズにOpenToonzで編集するためには、制作の段階でもいくつか気を付けておかなければならないことがあります。

この講座では、クリスタでOpenToonz向けに作画データを作成するときに気を付けておきたいポイントと、書き出したシーンファイルをOpenToonzで読み込む方法について解説します。

■OpenToonzとは

「OpenToonz」は株式会社スタジオジブリで長年使われてきたDigital Video社のソフトウェア「Toonz」を基に、株式会社ドワンゴが両社の協力を得て開発を進めるオープンソースの2Dアニメーション制作ソフトウェアです。
ソースコードを自由に改変することができ、映像表現に関する学術研究とアニメ制作の現場とをつなぐ、あたらしいプラットフォームを目指しています。

OpenToonzのダウンロードやマニュアル等は公式サイトをご覧ください。


目次

[1] OpenToonz向けデータを制作する上で気を付けておくこと

OpenToonz向けデータを製作するうえで気を付けておくポイントは、「レイヤー構成」、「線のアンチ有無」、「使用する色」の3点です。

1.アニメーションセルのレイヤー構成について

以下のような、実線、トレス線、影指定のあるデータを作成する場合の例にとって紹介します。

この場合セルを構成するレイヤーは以下のように、ひとつのレイヤーフォルダーに「実線」「色トレス」「影指定」レイヤーを格納しています。

実線と色トレス線は同じレイヤーに描画することも可能ですが、影指定は必ず別のレイヤーで作成し、[下描き]レイヤーに設定しておく必要があります。

■下描きレイヤーに設定する方法

[下描きレイヤー]は、影指定レイヤーを選択した状態で[レイヤー]メニュー→[レイヤー設定]→[下描きレイヤーに設定]をクリックするか、または[レイヤー]パレット上部の鉛筆マークのアイコンをクリックして設定します。


▲下描きレイヤーには鉛筆マークが表示されます。

2.線画のアンチエイリアスの有無について

通常、アニメーションの制作現場ではアンチエイリアス無しの線を使用しますが、OpenToonzがアンチエイリアスありの着色や加工に対応していることから、CLIP STUDIO PAINTからもアンチエイリアスの有無を選択して出力することができます。

詳しい書き出し方法については、[2] OpenToonz向けにアニメーションを書き出すで解説します。

3.色トレス線や影指定で使用できる色について

色トレス線や影指定の塗りには特定の色のみを使用するようにします。

使用できる色はPaintMan出力と同様の5色+8色の計13色です。
これ以外の色を使用すると出力されなかったり減色されて想定と違う色に変化したりすることがあります。

■作画に使える色は5色

クリスタで作画した実線や色トレス線をOpenToonzシーンファイルとして書き出す場合、以下の5色を使用します。

■000000/□FFFFFF/■FF0000/■00FF00/■0000FF


■影指定の塗りに使用できる色は8色

影指定の塗りをOpenToonzシーンファイルとして書き出す場合、以下の8色を使用します。
※色トレス線で使用できる3色(赤・緑・青)も使用できますが、絵が見えづらくなるためおすすめしません。

■FF80FF/■80FFC0/■FFFF00/■8080FF/■FF8000/■00C0FF/■80FFFF/■FF8080

POINT
色トレス線と影指定に使用できる13色は、CLIP STUDIO ASSETSで配布されているカラーセット素材をダウンロードして登録すると便利です。

また、自分でカラーセットに登録する場合は上記の説明に記載されている16進数のカラーコードを登録するか、またはCLIP STUDIO PAINTの[編集]メニュー→[ウインドウを隠して画面の色を取得]からこの講座のカラーコードテキスト部分の色を直接スポイトで採取します。
※画像の色は厳密に同じ色にならないため以下のテキストの色を取得してください。

■000000■FF0000■00FF00■0000FF
■FF80FF■80FFC0■FFFF00■8080FF
■FF8000■00C0FF■80FFFF■FF8080


[2] OpenToonz向けにアニメーションを書き出す

OpenToonz向け出力されるファイルと書き出し方法について解説します。

1.書き出し手順

CLIP STUDIO PAINTからOpenToonz用に書き出すためには、あらかじめ、OpenToonzがインストールされている必要があります。

(1)[ファイル]メニュー→[アニメーション書き出し]→[OpenToonzシーンファイル...]を選択します。

(2)表示される[OpenToonzシーンファイル出力設定]ダイアログで出力方法を設定します。

[アンチエイリアスを有効にする]:
初期状態ではONに設定されています。アンチエイリアス無しの状態で出力する場合はチェックを外してOFFの状態にします。
※この機能は、OpenToonzのアンチエイリアス有の状態で編集できる機能に合わせて出力するための設定です。

[線幅]/[プレビュー]:
[アンチエイリアスを有効にする]がOFFの場合に「0~254」の段階で設定できます(初期状態は100)。[プレビュー]をクリックすると線の状態をプレビュー画面で確認できます。
※プレビュー画面では[下描きレイヤー]に設定した影指定は表示されません。


▲プレビュー画面で線幅を調整することもできます。

(3) [OpenToonzシーンファイル出力設定]ダイアログ右上の[OK]ボタンをクリックして出力します。

2.出力されるファイルについて

CLIP STUDIO PAINTで編集したアニメーションはOpenToons向けのデータとして以下3ファイルに変換されて出力されます。

クリスタのアニメーションフォルダー内のセル(レイヤーフォルダー)
Toonz ラスターレベルファイル(拡張子:tlv)
※セルごとに線画や影塗りが統合された形で出力されます。

クリスタのアニメーションフォルダー内のセルの描画色
パレットファイル( 拡張子:tpl)
※クリスタで使用した特定の色のみパレットに出力されます。

クリスタの[タイムライン]パレットの情報
シーンファイル( 拡張子:tnz)
※ひとつのアニメーションにつき1ファイル出力されます。

①②は、アニメーションフォルダーごとに一つのデータが出力されます。③はひとつのアニメーションにつき1ファイル出力されます。



[3]CLIP STUDIO PAINTで出力したOpenToonzシーンファイルの開き方

<はじめに>

導入編マニュアルを参考に、OpenToonzのインターフェースを日本語化します。以下の手順は日本語のメニュー名で記載しています。
・ワークスペースのレイアウトは初期設定の「Default」の状態を想定しています。
「StudioGhibli」レイアウトを選択していたり、メニューバーをカスタマイズしていたりする場合には、メニューの位置が異なりますので、適宜読み替えてください。


1.出力されたシーンファイルの開き方

(1)OpenToonzを起動します。
起動後に[OpenToonzスタートアップ]ウィンドウが表示された場合はいったん閉じます。

(2) [ファイル]メニュー→[シーンを開く]を選択すると、[ファイルブラウザ]が表示されます。

(3)①左のフォルダツリーから、CLIP STUDIO PAINTで出力先に選んだフォルダ(初期設定の場合はMyDocument内)を選択します。
②右のエリアの中から、拡張子.tnzファイル(OpenToonzシーンファイル)をクリックして選択します。
③ウィンドウ右下の[開く]をクリックします。

POINT
シーンファイルの保存場所が、現在のプロジェクトと異なる場合、(3)の操作の後にプロジェクトを切り替えるかどうか確認するポップアップウィンドウが表示されます。

ウィンドウの[プロジェクトを切り替える]ボタンをクリックすると、初期設定の「sandbox」プロジェクトに切り替わってシーンが開きます。

シーンを特定のプロジェクトに所属させたいときは、上記の手順で「sandbox」プロジェクトに切り替えた後に[ファイル]メニュー→[シーンを別名で保存]から、所属させたいプロジェクトの「scenes」フォルダにシーンファイルを保存します。

※プロジェクトを作成せずに作業する場合は、気にしなくてかまいません。


(4)シーンファイルが開きました。

(5)仕上編マニュアルを参考に、仕上げ作業を行います。


2.OpenToonzのインターフェイスについて

■タイムシート

OpenToonzのタイムシートの中に、CLIP STUDIO PAINTのタイムラインが再現されています(タイムラインと異なり、タイムシートでは時間が縦方向に流れ、素材が横方向に並びます)。

■解像度、ピクセル数の確認

[ファイル]メニュー→[出力設定...]を選択して表示される[出力設定ウィンドウ]でカメラの情報を見ることができます。CLIP STUDIO PAINTで指定したピクセルサイズ、DPIが再現されています。

■OpenToonzのファイル

それぞれのアニメーションフォルダ内のセル画像は、フォルダごとにOpenToonzのレベルファイル(TLV)とパレットファイル(TPL)に変換されています。ひとつのレベルファイルには、アニメーションフォルダ内のすべてのフレームの画像データが格納されています。

■パレット

それぞれのセルから、パレットが自動的に作成されています。色トレス線に用いられている #2赤(255, 0, 0), #3緑(0, 255 0), #4青(0, 0, 255)の3色には、あらかじめ[含め塗り]オプション(※)が有効になっています。
※[含め塗り]は、塗りつぶした際に色トレス線を含めて塗りつぶす機能です。

3. アンチ無しセル画像を用いた仕上げ作業

OpenToonzはアンチ有り/アンチ無しどちらの画像でも仕上作業を行うことができます。

特に、アンチ無し画像で仕上げを行い、TGA連番形式でセル画像を出力すれば、RETAS PaintManを用いた仕上げ作業と互換性を持つことができます。

■アンチ無しで作業をする際の注意点

・「ブラシ」ツール、「消しゴム」ツールの「鉛筆モード」を有効にして下さい。
・「線つなぎ」ツールの不透明度を「255」にして使用して下さい。255より小さい値を用いると、ハーフトーンのピクセルが描かれてしまいます。

■レベルをRETAS PaintManに準拠したTGA連番形式で出力する

(1)[ファイル]メニュー→[レベルを書き出し] を選択します。

(2) レベルを書き出しウィンドウが表示されたら、以下を設定します。

左のフォルダツリーから保存先を選択します。
保存するセルの名前を入力します。
※セルの名前と連番との間にピリオドやアンダーバーを追加したい場合は、ここに含めます。例えば ”A_”と入力すれば、A_0001.tga, A_0002.tga… が出力されます。
[RETAS対応]のチェックボックスをONにすると、自動的に出力形式がTGAになります。
[書き出し]ボタンをクリックすると、出力が始まります。

CLIP STUDIO PAINTのアニメ機能やOpenToonzシーンファイル出力については、以下のマニュアルページもご覧ください。
・CLIP STUDIO PAINTマニュアルページ
・ユーザーガイド内、OpenToonzシーンファイル

≪  まだ間に合う!コピー本作成お…  |  クリスタの作画データをOpenToo…  |  レイヤーマスクを使いこなす1  ≫

このコンテンツを評価してください

コメント
あふか! 2017/03/02 19:03
わわわ
人気のタグ

アシスタント背景美塾 画像データの読み込み ベクターレイヤー イラスト マンガ イラスト・マンガ 中級者 初心者 メイキング CLIPSTUDIO_PAINT デコレーション 仕上げ 機能解説!トラの巻 画像素材 ブラシ オリジナル素材の作成 ペン ペン入れ カマキリマイ PRO 色調補正レイヤー エアブラシ 直線 閉領域フィル テクスチャ 色塗り 下塗り スキャン アナログ併用 EX ラフ パース定規 CLIP_STUDIO 3Dデータの読み込み 3D素材 3D 下描き ベジェ曲線 3次ベジェ 2次ベジェ つちもちしんじ 自動選択 グラデーション 背景 筆圧 OpenToonz 影指定 色トレス線 実線 アニメ アナログ ガウスぼかし ゴミ取り 塗りつぶし マーカー 画用紙 トレース台 囲って塗る 色混ぜ トーンレイヤー 背景メイキング 下描きレイヤー 平行線定規 同心円定規 定規レイヤー なーこ 投げなわ選択 厚塗り トーンカーブ コントラスト 動画 Palmie ソフトライト オーバーレイ 乗算 設定 コピー本 同人誌 制作の流れ 保存・書き出し 折れ線選択 レイヤー操作 装飾 4コマ漫画 4コマ 芳村拓哉 LINEスタンプ オカヤマ テキスト 図形 ラスターレイヤー ベクター線つなぎ ベクター線単純化 制御点 アニメーションスタンプ ショートカット 起動・終了 書き出し レイヤーマスク