プロジェクションマッピング 建物の輪郭線のアニメーションテスト | puarts.com
映像・CG・画像処理関連の技術情報、個人作品の創作記録、メモなど
Category

プロジェクションマッピング 建物の輪郭線のアニメーションテスト

公開日: 2016/06/05 12:45 | カテゴリ: Art Works | タグ:

建物へのプロジェクションマッピングでよく見かける建物の輪郭線のパスアニメーションのテストです。

以下の手順で作成しました。

  1. Illustrator で建物の写真に合わせてパスをトレース(鉛筆ツールでなぞってパスを作成後、パスの単純化や手動でパスを補正。自動でやろうとしたが、結局手動でやるのが一番きれいに早くできるという結論)
  2. ひとつながりのパスをコピー
  3. After Effects でブラシアニメーションエフェクトを平面に適用
  4. ブラシアニメーションエフェクトの「ブラシの位置」に Illustrator でコピーしたパスをペースト
  5. ブラシアニメーションの各種パラメータ調整
  6. ブラシの位置のキーをグラフエディタの値グラフを編集するモードで調整
  7. 以上を繰り返し

また、「ブラシの位置」にペーストした際に下記のエラーが発生することがたまにありました。

エラー: リストの長さの外側の位置からアイテムを取り入れを実行しようとしています。(27, 12)

条件は不明ですが、以下で回避できる場合がありました。

  • 一度 After Effects 上でマスクとしてペーストしてから、マスクのシェイプをコピーし、ブラシの位置にペースト
  • Illustator 側で結合したポイントを削除(結合の仕方によってエラーになるケースがある?のかもしれません)
  • Illustrator 側でパス→単純化でポイントを削減


  このエントリーをはてなブックマークに追加  

にほんブログ村 デザインブログ グラフィックアートへ
Links

参考になりそうなブログやサイトを見つけたら勝手にリンクを貼らせてもらっています。
リンク削除を希望の場合はお手数ですがメールにてご一報下さい。
Ke-Sen Huang's Home Page        Disney Research        VIDEO COPILOT        AbandonedArt.org
ryoji ikeda        チームラボ        トルク with AR三兄弟        DAITO MANABE

Copyright(C)2006-2017 wsp All Rights Reserved