線画にペイント

さて今回は直接描こう!part.2からさらに一歩踏み込んで、フラッシュ でセル塗りする方法についてもっとも手軽な方法を説明したいと思います。


下絵を取り込む
さて今回はあくまでペイント・・ということでまずは線画をスキャナーで取り込んだ後、背景色を 透明化後、PNGなどの直接読み込みます。
この際の線画は仕上がりイメージを考慮してあらかじめカットしてレイアウトを確定したほうがいいでしょう。

(ムービーサイズ)を制作画像と同じサイズにしてこの線画を読み込んだら、画面にピタリを合わせてロックします。
位置を合わせるには位置のプロパティボックスのX、Yの値を0にしましょう。 小数点以下の数字があると、後々面倒なことになるかもしれませんからね。


ペイントする
新しいレイヤーを作ったらベタベタと色域ごとにまずはブラシで塗っていきます。この辺は前回と同じですね。
この辺は普通にブラシと消しゴムツールで簡単に塗れるんじゃないでしょうか?少しはみ出しても矢印ツールで簡単に 修正できますので普通の2Dペイントの塗り分けより簡単なぐらいだと思います。
ちなみにこの段階でパブリッシュすると作業画面でちゃんと塗れてるようでも 右の図のようにズレが出たりします。
でも今回はペイント形式画像として仕上げるので、とりあえず気にしなくてOKです。

影を塗る
ということでブラシの内側を塗るなどを使って影を塗って行きます。
いきなり完成状態の絵で申し訳ありませんが、それぐらい簡単に塗れる・・・ということで。(^^ゞ
ちなみに今回はレイヤー分けをしてません。ブラシの"内側を塗る"の特性を理解できてくればこの方が簡単には なると思います。ただペイント形式でのボカシによるフィニッシュワークをする場合は、この段階で分けて作業したほうが 楽かも。

仕上げ
完成したらビットマップデータを書き出しましょう。
<ファイル>から<イメージの書き出し>などを選びPNGとして出力。
今回は壁紙データですので、画像サイズを指定して、範囲が"ムービーサイズ"になっている ことを確認して出力しましょう。

書き出したいレイヤーが複数ある場合・・・ちょっと面倒ですがかならず完成データをバックアップ した後、書き出したいレイヤー以外を削除>書き出し〜そしてアンドゥなどを使ってレイヤーを戻し ては削除などを繰り返しましょう。最後にレイヤー削除した状態でフラッシュを終了してFLAを 上書きしないように注意してね。

あとはペイント系の2Dツール上で色調整やボカシなど簡単に施して完成です。

今回のサンプルはちょっと急いで描いて見たので少しラフな塗りですが、イラストレーターなどを使って パスを起こす方法に比べれば数倍簡単。

フラッシュユーザーはぜひこのセル塗りを試して欲しいですね〜。


Back