Animate CC 基本講座

グラフィックシンボルとムービクリップシンボルの違い

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
グラフィックシンボルとムービクリップシンボルで、どのような機能の違いがあるのかをご説明します。
講師:
08:47

字幕

このレッスンではグラフィックシンボルと ムービークリップシンボルの 違いについてご説明します。 今、画面で開いている この星型なんですが これはシンボルになっています。 そしてプロパティを見ると グラフィックというように 書いてありますね。 それからこのアイコンは グラフィックシンボルのアイコンです。 ライブラリを見ると star_graphic という名前になっています。 メインタイムラインには1フレームしか ありませんけれども この star_graphic という グラフィックシンボルを ダブルクリックして開けてみると 今シンボルの編集状態ですね。 その中には3フレームあって グラデーション青、赤、緑と。 3コマの簡単なアニメーションの 設定がされています。 ではシーン1に戻ります。 もしこの同じ設定のシンボルが ムービークリップだったらどうか ということを確かめたいと思います。 シンボルというのは複製ができます。 ライブラリで複製したいシンボルのアイコンを 右クリックして「複製」という風にすると 名前が付けられます。 グラフィックが star_graphic ですから ムービークリップは star_movieclip と。 そして種類を 「ムービークリップ」に変えます。 こうすると設定は同じなんですけども 種類がムービークリップになったシンボルが ライブラリの中に追加されます。 ではこれをドラッグ&ドロップで 中に持っていきましょう。 ではこのまますぐにムービープレビューで 確認してみることにします。 「制御」から「ムービープレビュー」で 「Animate を使用」チェックついてますね。 なので「プレビュー」で OK です。 ムービークリップシンボルの方は アニメーションしていますけども 同じ中身を持っているはずの グラフィックシンボルの方は アニメーションしません。なぜかというと グラフィックシンボルは 配置されたタイムラインの 再生ヘッドの移動に同期します。 メインタイムライン 1フレームしかありませんから 1フレーム目が表示されたまま 全然中の表示も動かない ということになるわけです。 では閉じまして、 どうしたらいいかと言うと この中に、シンボルの中に 3フレームあるわけですから 3の倍数のフレームが置いてあれば いいということで 最低限の3ですね。フレームを挿入します。 キーフレームである必要はありません。 フレームがあってメインタイムラインは まんまの状態で、 ただ推移しているというつもりなんですけど 再生ヘッドが動いた時 シンボルの中の再生ヘッドも一緒に動くので ちゃんと表示が変わって ではプレビューを見てみましょう。 プレビューはショートカットを できれば覚えていただくといいと思います。 Windows は Ctrl + Enter Mac は Command + return です。 同じようにアニメーションしました。 さて先ほどちょっと気がつかれたでしょうか。 1フレーム目は青いですね。 2フレーム目、赤いです。 あれ、ムービークリップはというと ムービークリップは ムービープレビューしないと この中身が再生されません。 なぜかというとタイムラインと 同期してないからですね。 タイムラインのフレーム再生ヘッドが どう動いたかというのは 全然意に介さないんです。 グラフィックの方はそれをいちいち見ていて メインタイムラインで再生ヘッドが 動いたんだったら、自分のところも 動かそうという風になっているので、 このタイムライン上で ムービープレビューしなくても 確認できるというのが 1つ、グラフィックとムービークリップの 違いということになります。 さらにプロパティを比較してみましょう。 プロパティにして こちらがグラフィックの プロパティです。 グラフィックとなっていますね。 ムービークリップ、設定多いですね。 それともう1つ大きな違いとして グラフィックは この「グラフィック」という所の上に 何もありませんけれども ちなみにムービークリップは ギアのようなアイコンになります。 この「ムービークリップ」の上に インスタンス名と、 名前を入れる場所があります。 名前を入れて何がいいかというと 名前を入れてその名前で、プログラムで コントロールすることができます。 現在このドキュメントは 「Action script 3」クラシックレイヤーの ドキュメントですから Action script 3 で コントロールできますし もし HTML 5 であれば Javascript でこのシンボルを コントロールすることができる ということになります。 逆にプログラムでコントロールしたい シンボルであれば それはムービークリップで作る。 グラフィックで作ったのでは コントロールができない ということになります。 ですからこのプロパティの違いですね。 グラフィックの方は随分少ないんですけども ムービークリップが多いのはプログラムで コントロールする機能があるために プログラムでコントロールできるような プロパティをたくさん用意していて いろいろ変化がつけられるということに 由来しています。 ではグラフィックの方は 何もできないかというと もちろんそんなことはありません。 グラフィック特有の機能というのがあります。 それをご紹介しましょう。 まずはですね、では… このプロパティのオプションで 「ループ」これはデフォルトなんですが ループというのはこの中の アニメーションですね。 置かれたタイムラインの再生ヘッドが 動きさえすれば この中の3フレームのアニメーションを 何度も何度もループするという 設定になっています。 ですから先ほど見たような アニメーションになるわけですが 「1回再生」という選択もあります。 これは3フレームでは確認はできないので 24 フレーム作ることにします。 もちろんキーフレームには する必要がありません。 シーン1のタイムラインですけども 普通にフレームを挿入すれば結構です。 では確認してみましょう。 1回再生の場合のムービープレビューです。 ショートカットは Ctrl + Enter もしくは Command + return ですね。 こうなります。 アニメーションしてないことはないんですけど 随分少ないですね。 というのは1回再生ですから 最初の3フレームでアニメーションします。 そしてその後はずっと 止まったままなんですね。 止まったままということは 緑が表示されることになります。 最後まで、24 フレーム目まで行くと また1フレーム目に戻ります。 そうすると気分新たに、気持ちも新たに 最初の3フレームだけアニメーションする。 ムービークリップの方はメインの タイムラインがどうなっていようが そんなことに無関係に自分のタイムラインの 中をアニメーションさせますので 最初と同じアニメーションが ずっと表示されます。 ではもう1つ選択肢がありますね。 「単一フレーム」とすると どうなるかというと 単一フレームで「1」と表示されています。 ムービープレビュー… プレビューでいいですけども見てみると また動かなくなりました。 単一フレームというのは このグラフィックシンボルの 中にあるフレームの 特定のフレームのみ表示するということです。 特定のフレームというのは 第一フレームということですから 青い星が出たままということになります。 ではちょっとこの設定の仕方を使って アニメーションのさせ方を変えてみましょう。 17 フレーム目、ここに キーフレームを入れます。 「キーフレームに変換」です。 そしたらこのグラフィックの方。 単一フレームのままですけれども これを2にします。 2フレーム目を表示させなさいと。 直ちに変わりましたね。 2フレーム目はこの赤い星です。 そして今度は 21。 ここにキーフレームに変換します。 そしてこのグラフィックの単一フレームを 開始フレーム「3」とします。 3フレームを表示しなさいと。 ということで1から 16 までは青。 17 から 19 までは赤。 そして 20 から 24 まで 緑という設定になりました。 グラフィックの方ですね。 もちろんムービークリップは メインのタイムラインがどうなろうが 知ったこっちゃありませんのでマイペースで 自分のアニメーションを再生します。 ということでプレビューを見ると このような再生の仕方になります。 最初の方は青で表示していて 次に赤、緑と。 少し短めに切り替わるということですね。 このレッスンではムービークリップシンボルと グラフィックシンボルの 機能の違いについてご説明しました。

Animate CC 基本講座

Animateはインタラクティブなアニメーションが作れるソフトです。2016年にFlash Professional からアップデートされ、機能がますます充実し、名前も新しくなりました。このコースではAnimateの基本的な操作からグラフィックの描画やアニメーション作成、映像やサウンドの扱い方まで幅広く解説します。

6時間31分 (78 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2016年05月04日
アップデート日:2016年06月21日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。