動画素材.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
-, , , ,

執筆者:


コメントを残す

関連記事

03

「まるごとFREEでつかえる動画素材123」をMacで使う!iMovieでグラフィック合成編(グリーンバック合成)/2013.2.5追記あり

まるごとFREEでつかえる 動画素材123 「まるごとFREEでつかえる動画素材123」をMacで使う!iMovieでグラフィック合成編(グリーンバック合成)です。 この記事は古いバージョンでの説明な ... 続きを読む

【動画素材123+45】に収録しているアルファチャンネル付きファイルに関して1

【動画素材123+45】に収録しているアルファチャンネル付きファイルの使い方

12/17に全国書店で発売される「動画素材123+45 まるごとフリーでつかえるムービてー素材集」(以下 動画素材123+45)ですが、アルファチャンネル付きのファイルを収録していますので そこに関し ... 続きを読む

Imovieicon_2

「まるごとFREEでつかえる動画素材123」をMacで使う!iMovieでテロップ編(歌詞入れとか字幕とか)

前日の「まるごとFREEでつかえる動画素材123」をMacで使う!iMovie編 ですが 「まるごとFREEでつかえる動画素材123」をMacで使う!iMovie編-音に合わせて動画を配置- よくよく ... 続きを読む

imovie01t

「まるごとFREEでつかえる動画素材123」をMacで使う!iMovie編-音に合わせて動画を配置-

まるごとFREEでつかえる 動画素材123 さて、今日は「まるごとFREEでつかえる動画素材123」を iMovieで使う方法を書いておこうかと思います。 バージョンは8(iLife09)で説明してい ... 続きを読む

130218-0001

【Motion】アルファチャンネル(透過)付きムービーの書き出しの方法(Mac OS X)

AppleのMotionでアルファチャンネル付きムービーの書き出し方を記しておきます 投稿者プロフィール ES... ( Molojun ) もうだいぶ前からになりますがクラブVJをやっていました。 ... 続きを読む

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


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

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


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

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










2017年2月
« 1月  
 1234
567891011
12131415161718
19202122232425
262728 



CLOSE
CLOSE