全349コースを10日間無料でぜひご覧ください。円このコースを購入するメインタイムラインにつくったアニメーションを素材として使えるようにシンボルに移行します。05:42字幕このレッスンではメインタイムラインに作ったアニメーションを素材として使えるようにシンボルに移行する方法について説明します。ドキュメントですがアニメーションが「シーン1」というメインタイムラインに作られています。アニメーションは2つのパートに分かれていて歩いてるところと上から落ちてくるところです。コーディングしようという場合にはメインタイムラインにすべてのパーツを並べてしまうと非常に管理がしにくくなります。パーツは分けてシンボルにすると良いでしょう。メインタイムラインに作ってしまったアニメーションをどうやってシンボルにするかその場合に、これはパーツが2つあるんですけどもこれを分けるか、1個にするかが考え所なんですが1つのキャラクターのアニメーションですから纏めてしまっても良いでしょう。コントロールするということは可能ですのでこれを全て纏めてシンボルにしたいと思います。シンボルにしたいフレームを全て選択します。これをカットしてペーストするんですがカット&ペーストはフレームに対して行うので右クリックで「フレームをカット」です。するとフレームが空っぽになりました。カットされましたから。これを新たにシンボルにします。シンボルの場合は「挿入」>「新規シンボル」でシンボルの名前を入力します。コントロールしたい場合には基本的に「種類」は「ムービークリップ」にします。「OK」ということでまだ空っぽです。フレームには何もありませんがこの第1フレームを選択して右クリックで「フレームをペースト」します。これで一応アニメーションは移ったんですが基準点の位置を確認しておきましょう。このペンギンのおでこの辺りが基準点になっていますが動きが上から落ちてきたりする動きなので下端を基準点に持ってきた方が良さそうですね。座標が0、これはいいですね。90、下に落ちちゃってますからこれを0に戻します。してあげると下端が、足がちゃんと0に戻りましたね。ここも真ん中は大体良さそうですね。ずれがありますけれどもこれは歩いてるアニメーションがあるもんですから若干のずれ、ブレが含まれているのでこれは気にしない方がいいでしょう。1度確認しますがこちらも少しずれていますね。先程のこの落ちて来た時の終わりここと位置合わせをする為には先程90だったものを0にしましたね。押せばぴったり90上に上がります。大丈夫でしょうか1フレーム目と31、ちょっと半端ですけどね。見てもズレが無いですね。この2つのパートのアニメーションがきっちり揃ったということですのでこれでシンボルが出来上がりました。メインタイムライン「シーン1」に戻りましょう。ここは空っぽになっています。ありますからここにドロップしてあげれば良いんですがこんなにフレームは要りません。第2フレームから31までこれらは全てフレームを削除しましょう。シンボルをドロップします。位置あわせをしましょうね。垂直方向は基準点を下端にしたので「下端」に合わせましょう。これでアニメーションが出来上がりました。「制御」>「ムービープレビュー」です。「ブラウザーを使用」します。歩いていて上から落ちてくると。コントロールするという前提で素材として扱う為にシンボルに移行する方法について説明いたしました。その場合にはフレームのカットフレームのペーストそしてシンボルは基本的にムービークリップシンボルにする、とお考え下さい。CCではPCやモバイル、Webブラウザなどさまざまなデバイスとプラットフォームに向けたコンテンツが作れます。HTML5に対応したダイナミックでインタラクティブな表現が可能です。このコースはAnimateで作った素材をJavaScriptでどのようにスクリプティングするのかを基礎から解説します。発売日:2016年05月19日このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。お問い合わせは、cs-jp@lynda.com宛までご連絡ください。無料レッスンを視聴するここから世界が拡がります。lynda.comとlynda.comのロゴは、商標登録されています。登録してからブックマークを使用してください。lynda.comにジャンプしました。