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

執筆者:


コメントを残す

関連記事

130218-0001

【Motion5】使い方1(ビヘイビア・ブレンドモード)

Motion5を使ってどんな事ができるのかを動画素材123NEOを使い何回かに渡って説明していきます。 Motion使い方初心者向けです。ちょっと見た目は変わりますがMotion4でも同じ事は可能なは ... 続きを読む

Final Cut Studio【Motion】でのPV(映像)制作例

「-3℃(CURRENTRIA)」「Final Cut Studio」「Motion」でのPV(映像)制作工程 色々創ったのでその中のひとつ、「-3℃」の制作工程を書いておきます。 ちなみに「Moti ... 続きを読む

「まるごとFREEでつかえる動画素材123NEO」を9/21全国書店で発売いたします。NEOですよNEO。

「まるごとFREEでつかえる動画素材123」の続編「まるごとFREEでつかえる動画素材123NEO」を9/21全国書店で発売いたします。NEOです。 まるごとFREEでつかえる 動画素材123 NEO ... 続きを読む

iMovie

iMovie(ver.10)を使う5【動画素材123FULL】アルファチャンネル付き(透過)movで合成・サイドバイサイド・アニメーション・KenBurns

iMovie(バージョン10)での使い方を解説していきます。 前回のでiMovie(バージョン10)での使い方は終わらせるつもりだったのですが、アルファチャンネル付きムービーを試しに使ってみたら普通に ... 続きを読む

iMovie

iMovie(ver.10)を使う1【動画素材123FULL】ムービーと音楽配置

以前「動画素材123をMacで使う!iMovie編」と題しましてiMovieの使い方を解説していました。もう結構前の記事になります。 「まるごとFREEでつかえる動画素材123」をMacで使う!iMo ... 続きを読む

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


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

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


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

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










2017年6月
« 5月    
 123
45678910
11121314151617
18192021222324
252627282930  



CLOSE
CLOSE