So-net無料ブログ作成
検索選択

Flash化の手順 [作成雑記]

暇を見つけて少しずつ作っている関係から、1~2ヶ月ぶりに作成に戻ると自分でも
効率的な手順を忘れている場合が多々あるので、メモ代わりに今回のFlash
コンバートの手順を記してみたいと思います。何かの役には立つかもです。



素材とツールの用意:今回使用したツールは下記のものになります。
 ・aviutl(素材から画像を抜き出す。1コマごとの動きを調べる)
 ・レタッチツール(抜き出した画像を加工する)
 ・Illustrator9.0(パストレスに使用→swfファイルで書き出す)
 ・Flash5(彩色や要素の組み上げ等、最終的な仕上げ)



●aviutlで必要なコマを抜き出す

素材の動画をコマ送りで見ながら、どう言う要素でそのコマが構成されて
いるのかを調べます。大王OPの場合はグラデーションBGの上にキャラや
フキダシが乗り、その間にキャラの影絵のようなベタ塗りの絵が挟まる
形になっているので、キャラをパストレスして影絵はそれを元に作るように
します。

aviutlを使えば必要なコマをイメージとしてクリップボードにコピーできるので、
色々と便利です。WinDVD等のキャプチャーで取り込むこともできますが、
何故かアスペクト比が変わってたりするので、手持ちのaviファイルを素材に
使いました。素材の画質は良いに越したことは無いですが、線が拾えれば
良いので極端にブロックノイズが乗っていなければ何とかなります。
レタッチツールはフルカラーの物であれば何でも良いです。トレスする枚数が
多い場合はJpegで画像を保存します。



●レタッチツールで抜き出した画像を加工する

画像のサイズはFlash化する際の最終的なサイズに合わせておきます。
同じ絵のまま移動するキャラの位置合わせに利用するので、画像抽出の時点で
サイズを統一しておいた方が面倒がありません。大王の場合は640*480の
72dpiで統一してあります。



●Illustratorでパストレス→swfファイルで書き出す

Illustratorでパストレスします。ドロー系のソフトでFlashにデータを持っていける
ツールであれば何でも良いのですが、Illustratorが一番楽だったので線画の
トレスは全てIllustratorで済ませます。

画像の上に線画用レイヤーを作り、必要な線を0.25の黒線でトレスします。



線のトレスが完了したら、影の境界線を赤や紫等でトレスします。

線の色を変えておけば、その色の線だけを選択できるので修正や彩色時の線の
整理が楽になります。Flash上でもこの方法は便利なので、細かい線が重なってる
部分などはあらかじめ色分けした線で引いておくのも良い方法です。



時々線画だけの表示にして絵のニュアンスをチェックします。



ドローツールではパスを閉じないとその中に色を塗れないので、アニメ絵のように線が
複雑に重なっている絵をそのままトレスすると、見た目は線が繋がってるのにデータ上
ではパスが閉じていないと言う状況が多々発生することになります。色が塗れないと
彩色時に非常に困ることになるので、パストレスの時点で全ての線のパスが閉じる
ように線を引いておきます。

具体的には下図のように線が飛び出すように長目に引いておくと、Flashに持っていった
際に上手くパスが閉じるようです。後の修正が面倒に感じますが、この方法が一番
確実にパスを閉じることができます。



パストレスが完了したら「ファイル」→「データ書き出し」でswfファイルに書き出します。

「曲線の性質」の数値が高いほど、曲線の精度は上がりますが、その分ポイント数が
増えるので「7~8」にしておきます。通常は「7」で十分ですが、曲線で構成された
単純なフォルムなど、曲線が崩れると困る場合などは「8」を使うと良いでしょう。

※コンバートした際、曲線の精度が落ちるのはFlash上で設定したムービーの解像度が
関係しているようです。ムービーの解像度を高目に設定しておいて、最終的にサイズ
調整するかパブリッシュでサイズを指定してしまうのもひとつの手ではないかと思います。

※書き出しはトレスに使った画像レイヤーも含めて書き出します。こうするとFlashに
線画と画像の位置関係が保たれたまま読み込むことができます。



●Flash5で修正~彩色~仕上げ

Ctrl+Rで書き出したswfファイルを読み込みます。読み込んだ状態では下図のように
細かくグループ化されている状態なので、グループ化を解除して作業を進めます。



余計な線を「流し消しツール」で消します。



線修正が完了しました。



色を塗ります。「隙間を閉じない」にしておくと、細かい場所まで塗りが届いてくれる
ような気がします。影色から先に塗って、影のトレス線を逐次消して行くと後の作業が
楽になります。



彩色が完成しました。





影絵がキャラに同期してる場合は、キャラ絵を影絵レイヤーにコピーして余計なポイントを
削除した影絵を作成→キャラ絵の下にペーストして合成すれば、キャラに隠れてる部分は
全て消えるので簡単ですが、キャラ絵と影絵がそれぞれ独立して動いている場合は別の
絵として影絵を作成します。

一番楽なのはキャラ絵をシンボルかインスタンス化して、それを「効果」で影色に塗り替えて
しまう方法なのですが、それでは画面上に表示されるポイント数も倍になってしまうので
やたら重いFlashになってしまいます。「それでも良いや」で済ますのも手ですが、まともに
動かないFlashを作っても無意味なので、キャラで隠れて見えない部分は極力直線的に
処理してポイント数を減らすようにします。不要な線や見えない部分を削るとポイント数は
半分以下に押さえられるので、大幅に処理が軽くなります。これで1コマ完成です。





全てのコマが揃ったら、元の動画を見ながらコマ毎にタイミングや位置を合わせて1カット分
完成させます。以後、この繰り返しで全てのカットを作成していきます。


nice!(0) 
共通テーマ:マンガ・アニメ(旧テーマ)

nice! 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。