Adobe Animate での線とシェイプの描画

直線セグメントを 1 つずつ描画する場合は、線ツールを使用します。

矩形と楕円の描画

楕円ツールと矩形ツールによって、これらの基本的な幾何学図形を作成し、線、塗りを適用、そして角の丸めを指定できます。結合描画モードまたはオブジェクト描画モードの他に、楕円ツールと矩形ツールにはプリミティブオブジェクト描画モードがあります。

矩形プリミティブツールまたは楕円プリミティブツールを使用して矩形または楕円を作成するときに、Animate ではシェイプが個別のオブジェクトとして描画されます。これらのシェイプは、オブジェクト描画モードで作成するシェイプとは異なります。プリミティブシェイプツールでは、プロパティインスペクターのコントロールを使用して、矩形の角丸の半径を指定できます。また、開始角度、終了角度および楕円内の内側の半径も指定できます。プリミティブシェイプを描画した後に、ステージでシェイプを選択し、プロパティインスペクターのコントロールを調整して、半径やサイズを変更します。

 プリミティブオブジェクトの描画ツールを選択すると、プロパティインスペクターは前回編集したプリミティブオブジェクトの値を保持しています。矩形を変更してから 2 番目の矩形を描画する場合などがその例です。

 ステージの中心から描画するには、シェイプを描画する際に Alt キーを押したままにします。

矩形プリミティブの描画

楕円プリミティブの描画

楕円と矩形の描画

楕円ツールと矩形ツールを使用すると、次のような基本的な幾何学図形を描画できます。

カラーのライブプレビューも参照してください。

Animate を使用した基本的なキャラクターの描画

Animate を使用すると、アニメーション化されたキャラクターの作成は簡単です。矩形および楕円シェイプを使用して、クールなキャラクターを描画したい場合は、この例の最後にあるチュートリアルをご覧になり、次の手順に従ってください。

Adobe Animate を使用した基本的なキャラクターの描画方法

多角形と星の描画

カラーのライブプレビューも参照してください。

オブジェクト描画モード

オブジェクト描画モードでは、オブジェクトを選択して描画するときに、レイヤーの色に従ってシェイプ領域に沿って細いアウトラインが表示されます。小さな円はアンカーポイントを示しています。これらの円はインタラクティブではなく、選択ツールを使用して編集することはできません。オブジェクトモードでの描画中、線とシェイプはデフォルトで選択されなくなります。

鉛筆ツールによる描画

線やシェイプを描くには、実際の鉛筆で描くのと同じように、鉛筆ツールを使用します。描画した線やシェイプを自動的に滑らかにしたりまっすぐにするには、鉛筆ツールの描画モードを選択します。

ブラシツールによるペイント

ブラシツール を使用すると、ブラシのような線を描画できます。ブラシツールを使用すると、筆で書いたような跡など、特殊な効果をつくり出すことができます。ブラシツールのオプションを使用して、ブラシの太さおよびブラシの形を選択します。

Animate では、ステージのズームレベルの増減に比例してブラシサイズが拡大／縮小されます。この機能によって、あらゆるズームレベルに合わせながらシームレスに描画でき、描画中に作業内容をプレビューできます。ステージのズームレベルを変更しても同じピクセルサイズを維持する以前のデフォルトのブラシ動作に戻す場合は、ブラシのプロパティインスペクターで「ステージのズームレベル」チェックボックスをオフにする必要があります。 

「ステージのズームレベル」チェックボックスをオフにすると、ステージの表示比率を変更しても、新しい線のブラシサイズはそのまま維持されます。そのため、ステージの表示比率を下げると、同じブラシサイズが大きく表示されます。例えば、ステージの表示比率を 100% に設定し、ブラシツールのサイズを最小にしてペイントするとします。次に、表示比率を 50% に変更し、最小のブラシの太さでもう一度ペイントします。ペイントする線は非先細の先端なしで前の線よりも 50 ％太く、均一、正確に表示されます（ステージの表示比率を変更しても既存のブラシストロークのサイズは変更されません。）

ブラシツールでペイントする際に、読み込まれたビットマップを塗りに使用できます。

コンピューターに Wacom 筆圧感知タブレットが接続されている場合は、ブラシストロークの太さと角度を変化させてください。そのためには、ブラシツールの「筆圧」ボタンと「傾き」ボタンを使用して、ペン先の筆圧を変えます。

「筆圧」ボタンを選択している場合、ペン先の筆圧を変えるとブラシストロークの太さが変化します。「傾き」ボタンを使用している場合、タブレット上でペンの角度を変えるとブラシストロークの角度が変化します。「傾き」ボタンでは、ペンの上部（消しゴム）とタブレットの上端（北）との間の角度が測定されます。例えば、ペンをタブレットに対して垂直に持つと、その傾きは 90 度になります。「筆圧」ボタンと「傾き」ボタンはいずれも、ペンの消しゴム機能でも完全にサポートされています。

 タブレットでは、ペンモードを使用する場合にのみ、ブラシツール機能の「傾き」と「筆圧」オプションを使用できます。マウスモードではこれらのオプションは使用できません。

描画プレビューと出力

CC 2015.1 リリースでは、トラディショナルブラシ ツールとペイントブラシ ツールが強化され、さらに正確かつ滑らかに描画できるようになりました。生成される最終的な線が、ライブプレビューに非常に近いものになっています。これにより、ブラシストロークが予想外に細くなったり太くなったりすることはありません。ブラシツールを使用して描画した細かい曲線でも、切れ目や隙間は表示されません。

カスタムブラシの作成

ブラシツールでは、シェイプや角度などのブラシのパラメーターを設定して、ブラシをカスタムに定義できます。この機能により、それぞれの描画ニーズに合わせてブラシツールをカスタマイズすることで、プロジェクトで自然なアートワークを作成できます。ツールボックスのブラシツールを選択している場合に、Animate のプロパティインスペクターでカスタムブラシを選択、編集および作成できます。カスタムブラシを作成、編集および削除する方法については、カスタムブラシを参照してください。

ペイントブラシの筆圧と傾き

筆圧および傾きのオプションの使用

Animate では、ペイントブラシツールを使用して描画される線の筆圧と傾きをサポートしています。スタイラスにかかる筆圧や傾きを調整して、アートやパターンの線の幅を変化させることができます。さらに微調整を行う場合は、線幅ツールを使用して線幅ポイントを調整します。

詳しくは、ペイントブラシの操作を参照してください。

 ツールバーの筆圧アイコンと傾きアイコンは、お使いのコンピューターに Wacom 筆圧感知タブレットが接続されている場合にのみ表示されます。

ブラシライブラリ

Animate には、アートブラシとパターンブラシの膨大なコレクションを含むベクターブラシの統合グローバルライブラリがあります。ブラシライブラリパネルを開くには、ウィンドウ／ブラシライブラリをクリックするか、プロパティインスペクターのブラシアイコンをクリックします。ブラシを使用する前に、ブラシをダブルクリックして現在のドキュメントに追加します。

Creative Cloud ライブラリからの新しいベクターブラシの読み込み

デフォルトで用意されているブラシプリセットに加え、Creative Cloud ライブラリを使用して Animate ドキュメントに新しいアートブラシとパターンブラシを読み込むことができます。新しいアートブラシまたはパターンブラシを追加するには、Creative Cloud ライブラリパネルを開き、サポートされているブラシのいずれかをクリックします（Animate が現在サポートしているのは、Creative Cloud ライブラリの Illustrator のブラシだけです）。Creative Cloud ライブラリに新しいブラシを追加する場合、Android および iOS 用のブラシアプリを使用できます。Creative Cloud ライブラリのブラシをクリックすると、グローバルなブラシライブラリパネルと現在のドキュメントの両方にブラシが追加されます。

アートブラシまたはパターンブラシとして任意のブラシを使用できます。デフォルトでは、ブラシはアートブラシとして追加されます。パターンブラシに変更するには、「ブラシを編集」オプションを使用し、「ブラシの種類」として「パターンブラシ」を選択します。

ブラシの編集

ブラシの編集アイコンは、選択したブラシのブラシを編集ダイアログボックスを起動します。編集するアートブラシを選択すると、アートブラシオプションダイアログボックスが表示されます。ブラシの方向、拡大／縮小設定および重なり設定などのプロパティを変更して、変更を既存の線に適用できます。

詳しくは、ペイントブラシの操作を参照してください。

可変線幅ツールを使用した線とシェイプの強調

線幅ツールを使用して、様々な太さの幅を追加することで、線を装飾できます。また、可変線幅は、他の線に適用可能な線幅プロファイルとして保存できます。線幅ツールは、ツールパネルから選択するか、キーボードショートカット（U キー）を使用して選択できます。

線幅ツールを選択して線の上にマウスポインターを移動すると、線上にハンドル（幅ハンドル）付きのポイント（線幅ポイント）が表示されます。線幅ポイントを移動したり、コピーしたり、削除したりして、線幅を調整できます。線の幅を変更すると、線幅の情報が情報パネルに表示されます。

また、複数の線幅ポイントを選択して、前述のアクション（移動、コピー、削除）を実行できます。

複数の線がある場合、線幅ツールでは作業中の線のみを調整できます。線を調整したい場合、線幅ツールを使用して線の上にマウスポインターを移動します。

 可変線幅の線が含まれているファイルを以前のバージョンの Animate を使用して開くと、可変線幅の線は、均等線幅の線に変換されます。

線幅ツールを使用した線への可変線幅の追加

線に線幅を追加するには、次の操作を行います。

1. 任意のツールを使用して線またはシェイプを描画します。例えば、線ツールを使用します。

2. ツールパネルで線幅ツール  を選択します。
3. 線幅ツールを選択して、線の上にマウスポインターを移動します。これにより、線幅ポイントと幅ハンドルが表示されます。また、ツールの外観が  に変わり、線幅ツールがアクティブになって可変線幅が線に適用できることを示します。

4. 線幅ツールでポイントを選択して、線幅ハンドルを外側にドラッグします。

 線幅のサイズは、線幅ポイントの両側 100 pixel に制限されます。

5. 可変線幅が線に追加されたことを確認できます。線幅ツールを選択して、線の上にマウスポインターを移動すると、新しい線幅ポイントと幅ハンドルが表示されます。

線に適用した可変線幅の移動またはコピー

線に作成した線幅ポイントを移動またはコピーできます。これは実質的に、線に適用した可変線幅を移動またはコピーできるということです。線幅ポイントを移動するには、次の操作を行います。

1. ツールパネルで線幅ツール  を選択します。
2. 線の上にマウスポインターを移動して既存の線幅ポイントを表示し、移動したい線幅ポイントを選択します。 
3. 線に沿って線幅ポイントをドラッグします。

 線幅ポイントの移動は、両隣の線幅ポイントまでに制限されます。

4. 線幅ポイントが新しい位置に移動され、それに応じて線が変更されます。

線幅ポイントをコピーするには、次の操作を行います。

1. ツールパネルで線幅ツール  を選択します。
2. 線の上にマウスポインターを移動して既存の線幅ポイントを表示し、コピーしたい線幅ポイントを選択します。
3. Alt（Mac の場合は Option）キーを押しながら、線に沿って線幅ポイントをドラッグして、選択した線幅ポイントをコピーします。

 線幅ポイントの移動は、両隣の線幅ポイントまでに制限されます。

4. 線幅ポイントがコピーされます。また、それに応じて線が変更されます。

線の可変線幅の変更

1. ツールパネルで線幅ツール  を選択します。
2. 線の上にマウスポインターを移動して既存の線幅ポイントを表示し、変更したい幅ハンドルの端から線幅ポイントを選択します。 
3. Alt（Mac の場合は Option）キーを押しながら、線幅ハンドルを外側にドラッグして、選択した線幅ポイントを変更します。

4. 線幅ポイントが移動され、それに応じて線が変更されます。 

線の可変線幅の削除

線幅ポイントを削除するには、次の操作を行います。

1. 削除したい線幅ポイントの上にマウスポインターを移動して、選択します。
2. Backspace キーまたは Delete キーを押して、線幅ポイントを削除します。

線幅ツールのコントロール

次の表は、線幅ツールを操作するときのショートカットキーの一覧です。

線幅プロファイルの保存

線幅を定義した後、可変線幅のプロファイルをプロパティインスペクターから保存できます。

1. 可変線幅を追加した線を選択します。
2. プロパティインスペクターの線幅ドロップダウンの右にある「+」ボタンをクリックします。
3. 可変線幅プロファイルダイアログで、「プロファイル名」に入力します。
4. 「OK」をクリックします。

プロパティパネルの線幅プロファイルドロップダウンリストから線幅プロファイルを選択して、線幅プロファイルを選択したパスに適用できます。可変線幅のない線が選択されている場合は、リストに「均等」線幅プロファイルが表示されます。デフォルトの線幅プロファイルを復元するには、「プロファイルを初期化」ボタンをクリックします。

線幅プロファイルの保存は、ステージでデフォルトの線幅プロファイル以外の可変線幅が選択された場合に有効になります。線幅ツールを使用して独自の線プロファイルを作成し、保存できます。線幅プロファイルの削除も同様に、ドロップダウンでカスタムの線幅プロファイルが選択された場合に有効になります。カスタムプロファイルを削除する場合に、このオプションを使用できます。

 プロパティインスペクターでデフォルトの線幅プロファイルを復元すると、保存したカスタムプロファイルが削除されます。保存したカスタムプロファイルをクラウドに同期することもできます。

ライブカラープレビュー

ライブカラープレビュー機能を使用すると、ステージ上にシェイプを描画するときに、線および塗りのカラーが同時に表示されます。これにより、描画するときにシェイプの完成時に近い外観を確認できます。この機能は、Animate で利用できるすべての描画ツールで有効になっています。

また、ライブカラープレビュー機能は Animate の色見本でも有効になっています。これにより、ステージ上で選択したシェイプの線または塗りのカラーの変化を確認できます。目的のカラーの上にマウスポインターを置くことで、色の変化を確認できます。

ライブカラープレビューは次のパネルの色見本で有効になっています。

• ツールパネル
• プロパティインスペクター（PI）
• ステージ PI
• テキスト PI
• グリッド
• ガイド