- Adobe Animate ユーザーガイド
- Animate の概要
- アニメーション
- Animate のアニメーションの基本
- Animate でフレームとキーフレームを使用する方法
- Animate でのフレームアニメーション
- Animate でのクラシックトゥイーンアニメーションの操作方法
- ブラシツール
- モーションガイド
- モーショントゥイーンと ActionScript 3.0
- モーショントゥイーンアニメーションについて
- モーショントゥイーンアニメーション
- モーショントゥイーンアニメーションの作成
- プロパティキーフレームの使用
- トゥイーンを使用した位置のアニメーション化
- モーションエディターを使用したモーショントゥイーンの編集
- トゥイーンアニメーションのモーションパスの編集
- モーショントゥイーンの操作
- カスタムイージングの追加
- モーションプリセットの作成と適用
- アニメーションのトゥイーンスパンの設定
- XML ファイルとして保存したモーショントゥイーンの操作
- モーショントゥイーンとクラシックトゥイーン
- シェイプトゥイーン
- Animate のボーンツールアニメーションの使用
- Animate でのキャラクターリグの操作
- Adobe Animate でのマスクレイヤーの使用
- Animate でのシーンの操作
- インタラクティブ機能
- ワークスペースとワークフロー
- ペイントブラシの作成と管理
- HTML5 Canvas ドキュメントでの Google フォントの使用
- Creative Cloud ライブラリと Adobe Animate の使用
- Animate のステージとツールパネルの使用
- Animate ワークフローとワークスペース
- HTML5 Canvas ドキュメントでの Web フォントの使用
- タイムラインと ActionScript
- 複数のタイムラインの操作
- 環境設定
- Animate オーサリングパネルの使用
- Animate でのタイムラインレイヤーの作成
- モバイルアプリおよびゲームエンジン用アニメーションの書き出し
- オブジェクトの移動とコピー
- テンプレート
- Animate での検索と置換
- 取り消し、やり直し、ヒストリーパネル
- キーボードショートカット
- Animate でのタイムラインの使用
- HTML 拡張機能の作成
- 画像とアニメーション GIF の最適化オプション
- 画像および GIF の書き出し設定
- Animate のアセットパネル
- マルチメディアとビデオ
- Animate のグラフィックオブイジェクトの変形と組み合わせ
- Animate でのシンボルインスタンスの作成と操作
- 画像トレース
- Adobe Animate でのサウンドの使用方法
- SVG ファイルの書き出し
- Animate で使用するビデオファイルの作成
- Animate にビデオを追加する方法
- Animate でのオブジェクトの描画および作成
- 線とシェイプの変更
- Animate CC での線、塗り、グラデーション
- Adobe Premiere Pro と After Effects の使用
- Animate CC のカラーパネル
- Animate で Flash CS6 ファイルを開く
- Animate でのクラシックテキストの操作
- Animate へのアートワークの挿入
- Animate に読み込まれたビットマップ
- 3D グラフィック
- Animate でのシンボルの操作
- Adobe Animate での線とシェイプの描画
- Animate でのライブラリの使用
- サウンドの書き出し
- Animate CC でのオブジェクトの選択
- Animate での Illustrator AI ファイルの操作
- ブレンドモードの適用
- オブジェクトの配置
- コマンドメニューを使用したタスクの自動化
- 多言語テキスト
- Animate でのカメラの使用
- グラフィックフィルター
- サウンドと ActionScript
- 描画の環境設定
- ペンツールを使用した描画
- プラットフォーム
- 他のドキュメントタイプ形式への Animate プロジェクトの変換
- カスタムプラットフォームサポート
- Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
- WebGL ドキュメントの作成とパブリッシュ
- AIR for iOS 用アプリケーションのパッケージ化
- AIR for Android アプリケーションのパブリッシュ
- デスクトップ用 Adobe AIR のパブリッシュ
- ActionScript パブリッシュ設定
- ベストプラクティス - アプリケーションでの ActionScript の整理
- Animate での ActionScript の使用
- Animate ワークスペースのアクセシビリティ
- スクリプトの記述と管理
- カスタムプラットフォームサポートの有効化
- カスタムプラットフォームサポートの概要
- カスタムプラットフォームサポートプラグインの操作
- ActionScript 3.0 のデバッグ
- カスタムプラットフォームサポートの有効化
- 書き出しとパブリッシュ
- Animate CC からファイルを書き出す方法
- OAM パブリッシング
- SVG ファイルの書き出し
- Animate によるグラフィックとビデオの書き出し
- AS3 ドキュメントのパブリッシュ
- モバイルアプリおよびゲームエンジン用アニメーションの書き出し
- サウンドの書き出し
- ベストプラクティス - モバイルデバイス向けのコンテンツ作成のヒント
- ベストプラクティス - ビデオ規則
- ベストプラクティス - SWF アプリケーションのオーサリングガイドライン
- ベストプラクティス - FLA ファイルの構造化
- FLA ファイルを Animate 向けに最適化するベストプラクティス
- ActionScript パブリッシュ設定
- Animate のパブリッシュ設定の指定
- プロジェクターファイルの書き出し
- 画像とアニメーション GIF の書き出し
- HTML パブリッシュ用テンプレート
- Adobe Premiere Pro と After Effects の使用
- アニメーションのクイック共有とパブリッシュ
- トラブルシューティング
Animate でアニメーションを作成する際は、多くの場合、まずタイムラインでトゥイーンスパンを設定することをお勧めします。オブジェクトをレイヤーやフレームに配置し、そのプロパティ値を変更して、トゥイーンを完成させます。
タイムライン内でトゥイーンスパンとフレームを選択するには、次のいずれかの操作をします。
一般環境設定(編集/環境設定)メニューオプションで、スパンベースのフレーム選択が有効になっていることを確認します。
トゥイーンスパン全体を選択するには、スパンをクリックします。
複数のトゥイーンスパンを選択するには(連続しないスパンも含む)、Shift キーを押しながら各スパンをクリックします。
トゥイーンスパン内の単一フレームを選択するには、Ctrl + Alt キー(Windows)または Command + Option キー(Mac OS)を押しながらスパン内のフレームをクリックします。
連続している複数のフレームをスパン内でまとめて選択するには、Ctrl + Alt キー(Windows)または Command + Option キー(Mac OS)を押しながらスパン内をドラッグします。
複数のレイヤー上の複数のトゥイーンスパン内のフレームを選択するには、Ctrl + Alt キー(Windows)または、Command + Option キー(Mac OS)を押しながらレイヤー間をドラッグします。
トゥイーンスパン内の特定のプロパティキーフレームを選択するには、Ctrl + Alt キー(Windows)または Command + Option キー(Mac OS)を押しながら目的のプロパティキーフレームをクリックします。新しい位置にドラッグします。
関連項目
トゥイーンスパンの移動、複製、削除
スパンを同じレイヤー内の別の位置に移動するには、スパンをドラッグします。
レイヤーをロックすると、ステージでの編集はできなくなりますが、タイムラインでの編集は可能です。スパンを別のスパンの上に移動すると、下になるスパンのオーバーラップするフレームがなくなります。
トゥイーンスパンを別のレイヤーに移動するには、スパンを目的のレイヤーにドラッグするか、スパンを新しいレイヤーにコピー&ペーストします。
トゥイーンスパンは、既存の標準レイヤー、トゥイーンレイヤー、ガイドレイヤー、マスクレイヤー、マスクの対象レイヤーにドラッグできます。新しいレイヤーが空の標準レイヤーの場合、そのレイヤーはトゥイーンレイヤーに変換されます。
スパンを複製するには、Alt キー(Windows)または Command キー(Mac OS)を押しながらスパンをタイムラインの別の位置にドラッグするか、スパンをコピー & ぺーストします。
スパンを削除するには、対象のスパンを選択し、スパンのコンテキストメニューから「フレームを削除」または「フレームのクリア」を選択します。
隣接するトゥイーンスパンの編集
改行位置を 2 つの隣接するトゥイーンスパンの間に移動するには、改行をドラッグします。
各トゥイーンが再計算されます。
2 つの連続するトゥイーンスパンの隣接する開始フレームと終了フレームを分離させるには、Alt キー(Windows)または Command キー(Mac OS)を押しながら 2 番目のスパンの開始フレームをドラッグします。
トゥイーンスパンを 2 つのスパンに分割するには、Ctrl キー(Windows)または Command キー(Mac OS)を押しながらスパン内のフレームを 1 つクリックし、スパンのコンテキストメニューから「モーションを分割」を選択します。
両方のトゥイーンスパンには、同じターゲットインスタンスが適用されます。
複数のフレームを選択した場合、モーションを分割することはできません。分割されたトゥイーンにイージングが適用されている場合、分割された 2 つのトゥイーンは元のトゥイーンと同じモーションを維持しません。
2 つの隣接するトゥイーンスパンを結合するには、両方のスパンを選択して、スパンのコンテキストメニューから「モーションを結合」を選択します。
トゥイーンスパンの長さの編集
アニメーションの長さを変更するには、トゥイーンスパンの右端か左端をドラッグします。
あるスパンの端を別のスパンのフレーム内にドラッグすると、ドラッグ先のスパンのフレームが置き換えられます。
ステージのトゥイーンオブジェクトの使用時間をトゥイーンのどちらかの終点よりも長く設定する場合は、Shift キーを押しながらそのトゥイーンスパンのいずれかの終了フレームをドラッグします。Animate により、これらのフレームがトゥイーンされることなく、スパンの末尾にフレームが追加されます。
同じレイヤー内のトゥイーンスパンの後のフレームを選択し、F6 キーを押すこともできます。Animate によってトゥイーンスパンが拡張され、選択したフレームにすべてのプロパティのプロパティキーフレームが追加されます。
静止フレームを別のスパンに隣接するスパンの最後に追加するには、その隣接するスパンを移動して新しいフレーム用にスペースを作る必要があります。
フレームアニメーションへのトゥイーンスパンの変換
クラシックトゥイーンスパンまたはモーショントゥイーンスパンをフレームアニメーションに変換できます。フレームアニメーションでは、各フレームに個別のキーフレーム(プロパティキーフレームではない)が含まれま。また、それらの各キーフレームにはアニメーションシンボルの個別のインスタンスが含まれています。フレームアニメーションには、補間のプロパティ値は含まれません。詳しくは、フレームアニメーションを参照してください。
- 変換するトゥイーンスパンを右クリック(Windows)または Command キーを押しながらクリック(Mac OS)し、コンテキストメニューから「フレームアニメーションに変換」を選択します。
トゥイーンスパン内でのフレームの追加または削除
スパン内でフレームを削除するには、Ctrl キー(Windows)または Command キー(Mac OS)を押しながらドラッグしてフレームを選択し、スパンのコンテキストメニューから「フレームを削除」を選択します。
スパン内でフレームをカットするには、Ctrl キー(Windows)または Command キー(Mac OS)を押しながらドラッグしてフレームを選択し、スパンのコンテキストメニューから「フレームをカット」を選択します。
既存のトゥイーンスパンにフレームをペーストするには、Ctrl キー(Windows)または Command キー(Mac OS)を押しながらドラッグして置換対象のフレームを選択し、スパンのコンテキストメニューから「フレームをペースト」を選択します。
スパン全体をコピーして別のスパンにペーストすると、ペースト先のスパンすべてが置き換えられます。
トゥイーンのターゲットインスタンスの置換または削除
トゥイーンスパンのターゲットインスタンスを置換するには、次のいずれかの操作をします。
スパンを選択し、新しいシンボルをライブラリパネルからステージにドラッグします。
ライブラリパネル内の新規シンボルおよびステージ上のトゥイーンのターゲットインスタンスを選択して、修正/シンボル/シンボルの入れ替えを選択します。
スパンを選択して、クリップボードからシンボルインスタンスまたはテキストをペーストします。
トゥイーンを削除せずにトゥイーンスパンのターゲットインスタンスを削除するには、対象のスパンを選択して Delete キーを押します。