動画素材.com/ブログ

VJ 映像素材・4K2K CG ムービー素材・動画素材123・PV・MVなどの公開とかMac・iPhone・iPadとか。動画素材.comの管理人ブログです。

Motion 動画素材123

【Motion5】使い方.7(イラレのパスを読み込む)

投稿日:2013年6月1日 更新日:


今回Motionにillustratorのパスを持ってくる方法を解説します。

Motion使い方初心者向けです。

動画素材123NEOを使ってMotion5をいじる.7(イラレのパスを読み込む)

動画素材123NEO



Motion内でパスを書いてそれに「モーションパス」で動きをつけたりという方法が一番まっとうな方法かとは思いますが、場合によってはillustratorで書いたパスを読み込んでそれを利用したいなと思う事もあるわけです。
なので今回はillustratorのパスをMotionに読み込む方法をメインに解説します。



なお今回はillustratorCS5での説明です。他のバージョンでどうなのかは確認しておりません。


1.前回使った動画素材を今回も使用。配置。

前回というのはこれの事ですね。

動画素材123NEOを使ってMotion5をいじる.6(カメラ・ドリー・スウィープ・マスク)

動画素材123NEOを使って【Motion5】をいじる.6(カメラ・ドリー・スウィープ・マスク)



動画素材123NEOを使ってMotion5をいじる.7(イラレのパスを読み込む) Image.3


動画素材123NEO」の「051_STAR_BEAT.mp4」 に
マスクを使って切り抜き、縁をぼかしたものを使用します。
こちらの
【1.「マスク」を使って動画素材を切り抜く】 をごらんください。



今回は背景を黒にしたのでそれに合わせて元の動画素材も色を変えています。



「ネガティブ」をかけて「コントラスト」でコントラスト強めにしています。

ここで一旦Motionから離れます。


2.AppleMotion.netから「Illustrator Shape Script」をダウンロード、解凍。


AppleMotion.net (http://www.applemotion.net)にアクセスし、
Illustrator Shape Script をダウンロードします。

http://www.applemotion.net/downloads/illustrator-shape-script/



ダウンロードしたファイルはZIPなので解凍します。

Export as Motion shape.jsというファイルが確認できます。


3.illustratorでIllustrator Shape Scriptを使えるようにインストールする。


Export as Motion shape.js」を次の場所に持っていってください。
動画素材123NEOを使ってMotion5をいじる.7(イラレのパスを読み込む)image8 width=
「illustrator」→「プリセット」→「ja_JP」→「スクリプト」の中に持っていってください。

なおCS5の場合なのでその他のバージョンだと違うかもしれません。



4.illustratorから「Illustrator Shape Script」を使ってパスを書き出し。

「illustrator」を立ち上げて適当にパスを書きます。


これをMotionで読み込めるように書き出しをします。

まず描いたパスを選択した状態にしてください。


ファイル → スクリプト → Export as Motion shape を選んでください。


そうするとファイル名入力を促すダイアログが出ますので適当なファイル名を入れてください。


なお保存場所はデスクトップで固定されています。


OKを押すと保存されます。


パスを選択しないでExport as Motion shapeをやっても保存できません。次のようなダイアログが出ます。


ので、パスを選択して再度Export as Motion shapeを選択してください。



とりあえずAll done!のメッセージが出たらデスクトップを確認してください。

Motionのファイルが確認できます。


しかしこれをそのまま開いても何もありません。

ここでMotionに戻ります。


5.書き出したパスをMotionで読み込む。


「ファイルブラウザ」→「デスクトップ」に先ほど書き出したパスがあります。

それを配置します。


新規のグループ内に入れてください。


上の画像のようになりillustratorでつくったパスを確認できたと思います。このパスを利用して今回は「モーションパス」で使用します。


6.今回は「ビヘイビア」の「モーションパス」を使って読み込んだパスを使用。


動画素材の方に「モーションパス」を適用します。



次に「インスペクタ」→「ビヘイビア」を選択して「モーションパス」の「パスシェイプ」から「ジオメトリ」を選択します。



そうすると「シェイプソース」という欄が出てくるので、右にある「対象」をクリックして「Shape」を選んで下さい。



そうすると動画素材の位置が変わる事が確認できます。

シェイプに沿って動きます。



あとは動画素材の大きさなど調整してみてください。

それと「Shape」が表示されているのは邪魔なので、「Shape」は非表示にしてください。
非表示にしてもちゃんとパスに沿って動きます。





今回の一例。

MP4

という感じでMotionにillustratorで作成したパスを読み込んで利用できます。

Related Articles:

-Motion, 動画素材123
-, , , ,

執筆者:


コメントを残す

関連記事

iMovie

iMovie(ver.10)を使う4【動画素材123FULL】色の調整・回転・トリミング・ビデオエフェクト

iMovie(バージョン10)での使い方を解説していきます。 1.ムービークリップの色調整 2.ムービークリップを回転・トリミング 3.ビデオエフェクトをかける Related Articles: 【 ... 続きを読む

「まるごとFREEでつかえる動画素材123」が3刷決定です。

「まるごとFREEでつかえる動画素材123」が再度重版される事となりました。 2009年12月に出版されてからもう2年以上になりますが、この度少部数ですが再度重版される事となりました。 皆様に購入して ... 続きを読む

【Amazon.co.jp限定】動画素材123FULL+NEO 2冊セット(動画素材123NEO フルHD素材 DVD‐ROM付録)

【Amazon.co.jp限定】動画素材123FULL+NEO 2冊セット(動画素材123NEO フルHD素材 DVD‐ROM付録) が本日Amazonで発売です。

http://wp.me/p1WmUG-wb ■本日8/29 Amazon.co.jp で 【Amazon.co.jp限定】 動画素材123 FULL+NEO 2冊セット(NEO フルHD素材 付録) ... 続きを読む

動画素材123

「まるごとFREEでつかえる動画素材123」の発売から1年が経過しました。

「まるごとFREEでつかえる 動画素材123」の発売から1年が経過しました。 まるごとFREEでつかえる 動画素材123 2009年12月にこの「まるごとFREEでつかえる 動画素材123」書籍が発売 ... 続きを読む

PIXPRO SP360 4K のVR映像を【Motion5】で展開する01

【PIXPRO SP360 4K】のVR映像を【Motion5】で展開する

今回は「PIXPRO SP360 4K のVR映像を【Motion5】で展開する」です。 前回After EffectsでPIXPRO SP360 4K のVR映像を展開する方法を記しましたが、 わざ ... 続きを読む

新刊「動画素材123+45 まるごとフリーでつかえるムービー素材集」


・大人気の動画素材集シリーズ第4弾は、過去2作品から選りすぐりの動画がフルハイビジョンで復活! 

新作も加えた〈123+45〉=〈168点〉、2層式DVD-ROM × 2枚組みの大ボリュームでお届けします!!12/17全国書店で発売です。商用利用にも使えます。


FHD動画素材123本収録「動画素材123FULL」 動画素材123FULL

動画素材123FULL
まるごとFREEでつかえるムービー素材集












CLOSE
CLOSE