mieki256's diary

公式動画でも説明されてるけど、一応メモ。

まずはパス(Path)で描かれた図形を用意しないといけない。enve上でパスを使って描いていってもOKだけど、今回は Inkscape で作成したSVG画像をインポートして使ってみた。 *1

_face_trace_02.svg (線と塗り有り)
_face_trace_take2_02.svg (塗りのみ)

インポートの仕方は、File → Import File でもいいし、エクスプローラ等から enve のキャンバスに SVG をD&D(ドラッグアンドドロップ)してもいい。

Path Effects のかけ方は、画像を選択した状態で右クリック。Path Effects → Spatial Displace を選択。



タイムラインのレイヤーに、path base effects という行が増えているので、左の丸をクリックして赤くすればキーフレームが打てる状態になる。


grid size や max deviation を変更してグネグネ具合を調整する。また、タイムライン上で smooth seed が変化するようにキーフレームを打ってやれば、各コマでグネグネ具合が変化してくれる。

今回は Path Effects で適用してしまったけれど、Fill Effects や Outline Effects を使えば、塗りのみ、線のみでエフェクトがかけられるので、よりダイナミックなグネグネアニメが作れるはず。

もしかすると、写真その他を、こういうアニメ画像に変換するWebサービスが作れそうな気もしてきたり。アップロードされたビットマップ画像をSVGに変換して、そのSVGに、こういうフィルタ処理をかけてGIFアニメ画像を生成して…。いやまあ、既にそういうサービスが存在してそうな気もするけど。例えばスマホアプリでそういうのが既にありそう。

一旦ベクターデータにしないで、ビットマップ画像のまま、こういうグネグネをかけられないものか…。いやまあ、既にやってるアニメもあるんだけど。「ケンガンアシュラ」というCGアニメでは、回想シーンでこういうグネグネが出てきたなと。アナログ画材でざっくりと描いた感じの手描き静止画に、何かのフィルタ処理をかけて、一見するとグネグネしてる風を醸し出していて感心した記憶が。静止画をそのままずっと表示し続ける見せ方と比べると、そういう処理を入れるだけでも、なんだかちょっと雰囲気が出るというか。