Animate ドキュメントでラスタライズ画像を開くか配置します。
- 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 の使用
- アニメーションのクイック共有とパブリッシュ
- トラブルシューティング
画像トレースを使用して、ビットマップ画像を Adobe Animate で編集および使用できるベクターアートワークに変換する方法を説明します。
画像トレースを使用すると、ラスタライズ画像(JPEG、PNG、PSD など)をベクターアートワークに変換できます。この機能を使用すると、既存のアートワークの一部を基にして、これをトレースすることで、新規のアートワークを簡単に描画できます。
例えば、紙に鉛筆で描いたスケッチの画像を、画像トレースを使用して、ベクターアートワークに変換できます。一連のトレースプリセットから選択して、目的の結果をすばやく得ることができます。
画像をトレース
-
-
その画像を選択した状態で、次のいずれかの操作を行います。
- コンテキストメニューで、オブジェクト/ビットマップのトレースを選択します。
- プロパティパネルの「ビットマップ」ボタンをクリックし、「編集」を選択します。
- 修正/ビットマップ/ビットマップのトレースを選択します。
- パネルの上部にあるアイコンをクリックして、初期設定のプリセットのいずれかを選択します。詳しくは、トレースオプションの指定 | プリセットを参照してください。
- プリセットドロップダウンメニューからプリセットを選択します。
- トレースオプションを指定します。詳しくは、トレースオプションの指定を参照してください。
注意:- トレースビットマップパネルで「プレビュー」をクリックして、オプションの変更結果を表示します。
- 配置された画像の解像度によって、トレースの速度が決まります。
トレースオプションの指定
画像が選択されると、トレースビットマップパネルのオプションが使用可能になっていることがわかります。基本パネルには、プリセット、モード、パレットおよびカラーなどのオプションが含まれています。詳細設定パネルには、パス、コーナー、ノイズ、メソッドなどのオプションが含まれています。
基本オプション
プリセット
トレースプリセットを指定します。パネルの上部にあるアイコンは、一般的なワークフローに従って名前が付けられたショートカットです。これらのプリセットのいずれかを選択すると、それに関連するトレース結果を生成するために必要なすべての変数が設定されます。
プリセットの名前 |
定義 |
---|---|
デフォルト |
デフォルト設定を取得 |
高い精度の写真 |
高い精度のフォトリアリスティックなアートワークを作成 |
低い精度の写真 |
単純化されたフォトリアリスティックなアートワークを作成 |
グレー階調 |
アートワークをグレー階調にトレース |
白黒のロゴ |
画像をモノクロのアートワークに単純化 |
モード
トレース結果のカラーモードを指定します。利用可能なオプションによって、トレースされたアートワークの基本カラーモードとグレースケールモードが定義されます。
次のカラー設定は「カラーモード」のオプションの設定に基づいて表示されます。
カラーのトレース結果で使用するカラー数を指定します。ドキュメントライブラリをパレットとして選択した場合は、スウォッチを選択できます(このオプションは、「カラーモード」を「カラー」に設定した場合にのみ使用できます)。
グレースケールのトレース結果で使用するグレー数を指定します(このオプションは、「カラーモード」を「グレースケール」に設定した場合にのみ使用できます)。
元の画像から白黒のトレース結果を生成するための値を指定します。「しきい値」の値より明るいピクセルはすべて白に、しきい値より暗いピクセルはすべて黒に変換されます
パレット
元の画像からカラーまたはグレースケールのトレースを生成するためのパレットを指定します (このオプションは、「カラーモード」を「カラー」に設定した場合にのみ使用できます)。
次のいずれかのオプションを選択できます。
入力画像に応じて、トレースの制限されたパレットとフルトーン間で自動的に切り替わります。パレットに「自動」を選択した場合、カラースライダーを調整して、トレースのベクターの単純さと精度を変更できます。値 0 では正確さよりも単純さが優先され、値 100 は単純さよりも正確さまたはフォトリアリスティックが優先されます。
トレースパレットに限られたカラーを使用します。カラースライダーを使用して、選択した色をさらに減らすことができます。
トレースパレットにカラーセット全体を使用します。このオプションは、写真のトレースや、フォトリアリスティックなアートワークの作成に最適です。このオプションを選択した場合、カラースライダーによって塗り領域を構成するピクセルのばらつきが決定されます。カラースライダーを右に動かすと、ばらつきが小さくなり、より小さいカラー領域で定義されるパスの数が増えます。スライダーを左に動かすと、塗り領域は小さくなり、大きくなります。
高度なオプション
パス
トレースされた形状とオリジナルのピクセル形状との間の距離を設定します。小さな値を設定すると低精度になります。大きな値を設定すると高精度となります。
コーナー
コーナーの強調と、鋭いカーブがコーナーポイントに変わる可能性を指定します。大きい値を指定するほど、コーナーが多くなります。
ノイズ
トレース中に無視する領域をピクセル単位で指定します。大きい値を指定するほど、ノイズが少なくなります。
ヒント:高解像度の画像の場合、「ノイズ」スライダーの値を高くして(例えば 20 ~ 50 の範囲)、効果を際立たせましょう。低解像度の画像の場合は、低く設定します(1 〜 10)。
メソッド
トレース方式を指定します。次のいずれかのオプションを選択できます。
プリセットの名前 |
定義 |
---|---|
Abutting(隣接) |
切り抜かれたパスを作成します。あるパスの境は、その隣のパスの境とまったく同じになります。 |
Overlapping(重なり) |
重なり合ったパスが作成されます。各パスは、その隣のパスとわずかに重なります。 |
塗り
塗りが適用された領域をトレース結果に作成します。このオプションは、モードを「白黒」に設定した場合にのみ有効になります。
ストローク
元の画像に含まれているなぞることができる線の最大幅を指定します。なぞった線が最大幅より大きい場合は、トレース結果ではアウトライン化された領域となります。このオプションは、モードを「白黒」に設定した場合にのみ有効になります。
オプション
わずかに曲がった線を直線で置き換えるか、0 または 90 度に近い線を絶対 0 または 90 度にスナップするかどうかを指定します。
ヒント:このオプションは、幾何学的アートワークや、元の画像内のシェイプがわずかに回転している場合に最適です。
白で塗りつぶされた領域を塗りつぶしなしの領域に置き換えるかどうかを指定します。