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

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

執筆者:


コメントを残す

関連記事

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

【動画素材123FULL】と【Amazon.co.jp限定】動画素材123FULL+NEO 2冊セット(動画素材123NEO フルHD素材 DVD‐ROM付録) をリリースします。

動画素材123FULL―まるごとFREEでつかえるムービー素材集 8/26発売で価格は2,800円+税 です。 投稿者プロフィール ES... ( Molojun ) もうだいぶ前からになりますがクラ ... 続きを読む

「まるごとFREEでつかえる動画素材123 NEO」をAdobePremiereElementsで使う為の設定 Mac OS X

NEOです。今回はAdobePremiereElementsで動画素材123NEOを使う為の設定を書いていきます。NEOです。 「まるごとFREEでつかえる動画素材123 NEO」の詳しい情報はこちら ... 続きを読む

Imovieicon

「まるごとFREEでつかえる動画素材123」をMacで使う!iMovieで動画素材を加工編2-回転させたりトリミング-

まるごとFREEでつかえる 動画素材123 「まるごとFREEでつかえる動画素材123」をMacで使う!iMovieで動画素材を加工編2 と題しまして 前回に続いてiMovieで動画素材を加工する方法 ... 続きを読む

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

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

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

iMovie

iMovie(ver.10)を使う3【動画素材123FULL】テキスト(タイトル)を重ねる・トランジションを使う

iMovie(バージョン10)の使い方を解説していきます。テキスト(タイトル)を重ねる・トランジションを使う 1.タイムラインに配置したムービークリップの上にテキストを重ねる 2.ムービークリップとム ... 続きを読む

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


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

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


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

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










2017年5月
« 4月    
 123456
78910111213
14151617181920
21222324252627
28293031  



CLOSE
CLOSE