動画素材.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で作成したパスを読み込んで利用できます。

投稿者プロフィール

ES... ( Molojun )
ES... ( Molojun )
もうだいぶ前からになりますがクラブVJをやっていました。 そこから映像関係のお仕事をやるようになり、コンサートや企業プレゼン、展示会などのムービーを創ったり、時にはプレゼンテーション素材をつくったりするようになりました。
今はPVなども制作したり動画素材を配布・販売したりしています。

■書籍も出しました【動画素材123+45】168本のFHD動画素材を収録しています。

◆もうちょっと詳しいプロフィールはこちらへどうぞ

▼動画素材.com 作者へのサポートをお願いいたします。
Amazonほしいものリスト

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

執筆者:


コメントを残す

関連記事

Imovieicon

「まるごとFREEでつかえる動画素材123」をMacで使う!iMovieで動画素材を加工編1-色を変える-

まるごとFREEでつかえる 動画素材123 「まるごとFREEでつかえる動画素材123」をMacで使う!iMovie動画素材加工編 と題しまして iMovieでの動画素材加工をどうやるのか解説していき ... 続きを読む

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

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

514ipluvfwl_ss400_

「まるごとFREEでつかえる動画素材123」が重版となりました。

昨年末に出版しました、わたくしES...著作の「まるごとFREEでつかえる動画素材123」が重版となりました。 投稿者プロフィール ES... 最新の投稿 AfterEffects2011.10.21 ... 続きを読む

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

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

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

MPEG Streamclip

動画素材の形式変換(Mac OS X・MPEG Streamclip)【動画素材123】

動画素材123シリーズは動画素材のコーデックでH.264を使っていますが、H.264だとどうしてもマシンに負荷がかかりやすいなどあるので、加工・編集がやりづらかったりします。 以前にも書いていますが改 ... 続きを読む

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


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

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


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

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










2017年3月
« 2月  
 1234
567891011
12131415161718
19202122232425
262728293031 



CLOSE
CLOSE