2011-03-29

ミニチュア風動画の作成方法（Tilt-Shift）

“ISP Film Color Miniature FREE” という箱庭効果を実現できるプラグインが
システム計画研究所/ISP から公開されました。
そこで、ミニチュア風（ジオラマ風）動画の作成を、プラグインを使った作り方と、AEに最初から入っているエフェクトだけを使った作り方の両方で試してみました。

この手法の名称としては、Tilt-Shift(逆ティルト) という呼び方が一般的で、
撮影で再現する方法としては、キャノンのTS-Eレンズやニコンの PC-E Nikkor などのレンズが有名です。
（ティルトシフトレンズとは）

またWEB上の広告で、この手法を使用した ユニクロカレンダー というものも見かけたことがあるかもしれません。
静止画ではTiltShift GeneratorといったiPhoneアプリやブラウザアプリなども登場しております。

仕組み

風景写真などは、写真全体にピントがあっており、全体が綺麗に写っています。
人間の目も同じで、風景など遠くのものを見るときは、見える範囲全体にピントを合わせようとします。
逆に、何か物を目に近づけてみると、近づけた物にピントを合わせようとします。

この写真のように、人の目は遠くのものを見るときは全体にピントがあっています。


近くのものを見るときは、近くのものにピントが合います。
（上の写真と同じ場所ですが、背景がぼけていることが分かると思います）


今回のミニチュア風に見える仕組みは、全体にピントがあっているような映像の一部を残し全体をあえてぼかすことで、
遠くの景色などを撮影した映像であっても近くでみていると脳を錯覚させています。
人間の目は、物が遠くにあるにもかかわらず、ある１部分にだけにピントが合っていれば、
それが近くにあると脳で判断してしまい、その物は近くにあるもののように見えるというわけです。

作り方

素材としては、若干遠近のある上から見下ろしたような映像が適しています。

基本的に、下記の４つの工程でミニチュア風になります。

・一部分以外をぼかす。
・コントラストを強める。
・彩度を強める。
・建物などオブジェクトの輪郭をはっきりさせるため、アンシャープマスクをする

「一部分以外をぼかす」という工程は、上記「仕組み」の項目に書いたとおり、人間の目の構造を狙ったものですが、
下記の３つの工程は、ミニチュアのような見た目にするための色調工程になります。
実物のものはミニチュアに比べとても細かくできています。（当たり前ですが）その細かい部分をつぶし、色数などを少なくすることで、ミニチュアのような見た目に近づけることができます。

実例

ISP Film Color Miniature FREE を使った場合
“ISP Film Color Miniature FREE” ではエフェクト適用後、形状を選択（ポイントかライン）、ぼかしの強さ(Amount)、ぼかしの幅(width)、フォーカスの位置の座標の調節ができます。

元素材


“ISP Film Color Miniature FREE” エフェクト後


個人的な感想だと、”ISP Film Color Miniature FREE” だけでもコントラストを調節をある程度してくれているのですが、それだけだと若干足りないので、個別に調節してあげる必要がありそうです。

コントラストや彩度などで調整後


AEに元々入っているエフェクトのみを使った場合
まずマスクを作成し、ぼかさない部分を囲み、それ以外の部分にブラーをかけます。
（今回のサンプルでは、滑らかなブラーを使っていますが、レンズブラーなどその他のエフェクトでも可能です）


あとはプラグインを使った場合と同じく、コンストラクト・彩度・シャープなどをかけて調節します。
強すぎるかなというくらいが、ちょうどよい場合もあります。

サンプル

ミニチュアが動いているように見えるよう10fpsで書き出し、いくつかの風景映像に合わせて音楽をつけてみました。


参考

この手法は多くの場面で使われており、写真・動画など様々な作り方があります。
ネット上にも多くの作り方などを解説したページが存在しているので、より知りたい場合はご覧ください。

風景写真をミニチュア写真に加工するには
風景写真をミニチュア箱庭風に加工しよう
ミニチュア風な画像加工 Photoshopの使い方
Photoshopで写真をジオラマ模型のようなミニチュア風に加工する方法
UNIQLO CALENDARのミニチュア動画を手軽に作ってみよう！

一部サンプルで作成した素材を用意いたしました。
（元素材は容量が大きすぎたので、タイムリマップで早回しにしたものをmp4で同封してます）

ダウンロード
バージョン： CS4 以降
使用プラグイン： ISP Film Color Miniature FREE
ライセンス： フリー


タグ : , , , , [タグを追加する]
この記事の投稿者について：tatsuaki

フィードバック

1 Star2 Stars3 Stars4 Stars5 Stars
（評価回数：2 , 平均：4.00）
Loading...Loading...

この記事に対する 38 の反応があります

この投稿への反応のRSS トラックバックURL Twitterでつぶやく（URLを挿入して投稿画面に飛びます）
  1. 1 AEUSERS(AEP Project) 3月 29th, 2011 at 13:03

    新着記事 : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/eBPXZi

  2. 2 はと乃ふん 3月 29th, 2011 at 13:06

    RT @AEUSERS: 新着記事 : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/eBPXZi

  3. 3 tatsuaki suzuki 3月 29th, 2011 at 13:18

    @_koyo 昨日のアップいたしました～。何かちょっとでもお役に立てれば幸いです。 RT @AEUSERS 新着記事 : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/eBPXZi

  4. 4 ニコsub（設定テスト中） 3月 29th, 2011 at 13:21

    ☞ [デザイン] : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/h3xNZb

  5. 5 岩根ナイル 3月 29th, 2011 at 13:21

    RT @tatiaki: @_koyo 昨日のアップいたしました～。何かちょっとでもお役に立てれば幸いです。 RT @AEUSERS 新着記事 : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/eBPXZi

  6. 6 se_tech 3月 29th, 2011 at 13:42

    RT @AEUSERS: 新着記事 : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/eBPXZi

  7. 7 Yuka Inoue 3月 29th, 2011 at 15:20

    RT @AEUSERS: 新着記事 : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/eBPXZi

  8. 8 渡邊聡 3月 29th, 2011 at 23:52

    RT @AEUSERS: 新着記事 : ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/eBPXZi

  9. 9 くのゆうすけ 3月 30th, 2011 at 01:45

    ISP Film Color Miniature FREE の紹介記事 #isptools RT @AEUSERS: ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/hmG83X

  10. 10 tatsuaki suzuki 3月 30th, 2011 at 04:05

    ミニチュア風動画の作り方の記事書きました。よろしければご覧くださいませ～。 http://bit.ly/eBPXZi

  11. 11 lem 3月 30th, 2011 at 04:29

    RT @tatiaki: ミニチュア風動画の作り方の記事書きました。よろしければご覧くださいませ～。 http://bit.ly/eBPXZi

  12. 12 友 3月 30th, 2011 at 09:27

    みてる：ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://ae-users.com/jp/tutorials/2011/03/tilt-shift/

  13. 13 自称紳士 3月 30th, 2011 at 09:29

    こんな方法が・・・：ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://t.co/8GSHgbP

  14. 14 uzura 3月 30th, 2011 at 11:01

    ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project: “ISP Film Color Miniature FREE” という箱庭効果を実現できるプラグインが システム計画研究所/ISP から公開さ… http://bit.ly/i9JC1i

  15. 15 がぉん 3月 31st, 2011 at 01:11

    ミニチュア風動画の作成方法（Tilt-Shift） http://j.mp/idaGbe (via Instapaper)

  16. 16 j_u_n 3月 31st, 2011 at 04:06

    RT @tatiaki: ミニチュア風動画の作り方の記事書きました。よろしければご覧くださいませ～。 http://bit.ly/eBPXZi

  17. 17 タコ 4月 2nd, 2011 at 12:23

    ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://bit.ly/frRKyF

  18. 18 たこ 4月 2nd, 2011 at 12:23

    ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://bit.ly/frRKyF

  19. 19 わでぃ 4月 6th, 2011 at 02:22

    ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://icio.us/xbCUfx

  20. 20 batch 4月 11th, 2011 at 05:54

    素敵っす　ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://ae-users.com/jp/tutorials/2011/03/tilt-shift/

  21. 21 MUSE 4月 16th, 2011 at 13:31

    ミニチュア風動画の作成方法（Tilt-Shift） http://bit.ly/hmG83X　参考

  22. 22 高島　瑛彦 4月 22nd, 2011 at 07:51

    @RE_sesshu7 もしかして、これですか？
    http://ae-users.com/jp/tutorials/2011/03/tilt-shift/ おもしろそうですね！

  23. 23 そら（粗大ゴミ） 4月 23rd, 2011 at 19:40

    えれぷろさんがやってたBOミニチュアのやり方はこれと一緒だと思われhttp://ae-users.com/jp/tutorials/2011/03/tilt-shift/

  24. 24 タカウヂ@ニコニコ動画 6月 7th, 2011 at 15:50

    これすごい　/　ミニチュア風動画の作成方法（Tilt-Shift） http://t.co/zIcGw0Y

  25. 25 トト 6月 30th, 2011 at 10:28

    物をミニチュア化する小ネタ、技法的な意味で動画静止画(ｲﾗｽﾄ)かかわらず覚えておくといつか役に立つかも。http://t.co/EwL4mOy #design #oekaki

  26. 26 走りますかね 7月 20th, 2011 at 09:36

    @snksn こういうの違うかな？　http://t.co/6pPK6DC

  27. 27 えろいしん 8月 2nd, 2011 at 17:52

    http://ae-users.com/jp/tutorials/2011/03/tilt-shift/%E3%80%80%E3%81%93%E3%82%8C%E6%80%9D%E3%81%84%E5%87%BA%E3%81%97%E3%81%9F

  28. 28 ノサノバ 8月 29th, 2011 at 10:23

    ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://t.co/tPS9st9

  29. 29 きの ヾ(:3ﾉｼヾ)ﾉｼ 12月 28th, 2011 at 10:12

    @kumakuma0220 http://t.co/nG4GlqeT　つまりはこういうのかな？(・ω・)

  30. 30 tami 3月 1st, 2012 at 03:41

    “ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project” http://t.co/z3XxEeT0

  31. 31 るん：まにあっくす！ 3月 25th, 2012 at 08:06

    RT @AEUSERS ミニチュア風動画の作成方法（Tilt-Shift） http://t.co/JChtbePq #aejp　　前にテレビでこんな風な映像を見たけど、こんな風に作ってたのか！（感動）　面白い！

  32. 32 充光館のごみクズ代表(*｀▽´ ) 7月 7th, 2012 at 14:42

    @leehiroo @kajikakajikaji Tilt-Shiftねーほれほれ。AEですぐできるよー
    http://t.co/Mj10HHEt

  33. 33 御涵 7月 26th, 2012 at 14:34

    @AEUSERS http://t.co/Ct0eOs42 http://t.co/oG1eRuqC

  34. 34 有園和馬呂 8月 29th, 2012 at 06:44

    ミニチュア風動画の作成方法（Tilt-Shift） http://t.co/Ltrptmj4 #aejp via @AEUSERS

  35. 35 wildcop 1月 5th, 2013 at 09:09

    こういうの　・・ミニチュア風動画の作成方法（Tilt-Shift） | AEP Project http://t.co/W7422pga

  1. 1 tatsuaki.net » Blog Archive » ミニチュア風動画を作ってみました(tilt-shift) Pingback on 3月 29th, 2011 at 23:07
  2. 2 ミニチュア風動画の作成方法（Tilt-Shift） | Tips - After Effects - 動画編集ソフト - アプリケーション | Jishuu.net Pingback on 4月 17th, 2012 at 02:29
  3. 3 【ミニチュア風写真、動画】カメラの 撮り方、作り方まとめ | 動画お役立ち | 空海お役立ちノウハウ WEBsite Pingback on 6月 30th, 2013 at 22:43

コメントをどうぞ！

« Plexus review
After Effectsユーザーのための、プログラミング入門　その６ AEスクリプトのTips »

特集

Creators' Heads／クリエイターズヘッズ：映像クリエイターのためのニュースサイト