Adobe Animate CCでベクターブラシを使用する方法

AdobeがAnimate CCをリリースしたときに我々が簡単に触れた新機能の1つは、グラフィックスとモーションデザインワークフローにまったく新しい次元を加えるVector Brushesでした。

01/06

Adobe Animate CCで新しいベクターブラシを使用する方法

Animate CCのベクターブラシは、創造的で動きの可能性のある世界を開きます。 トム・グリーンの礼儀

以前のバージョンのアプリケーションでは、ブラシは本質的にペイントブラシでした。 彼らがしたことは、本質的に、色付きのピクセルを配置することでした。これは、あなたの一部に余分な作業を加えて動かすことができます。 これは今や過去のものであり、多くの点でアドビはあなたのワークフローを大きく変えてしまっています。 複数のステップが数回のマウスクリックに減少しました。

私たちがいつも少し不満を感じていたブラシのもう一つの面は、ブラシ選択が幾分制限されていたことでした。 アプリケーションに含まれているブラシ、またはアプリケーションで手動で作成したブラシがあります。 これは、Animate CCのリリースとCreativeCloudライブラリのアプリケーションへの組み込みによってすべてが変更されました。 実際、Adobe Captureのブラシ機能を使用すると、スマートフォンでキャプチャした写真やタブレットに描かれたスケッチをブラシに変えることができ、アニメーションCCで即座に使用できます。

これがどのように機能するかを見てみましょう。

02の06

Adobe Animate CCでブラシプリセットを選択する方法

Animate CCには、ブラシライブラリのかなり堅牢なブラシが含まれています。 トム・グリーンの礼儀

トップのデジタルアニメーターの1人、Chis Georgenesによって作成されたこの例では、鉛筆ツールを使用して、フォアグラウンドに小さな塊を作成しました。 明らかに、一連の線は、草の自然な表現ではありません。 草にもっと自然な表情を追加するために、ラインを選択して、 [ブラシライブラリ]ボタンクリックしました 。これは、プロパティパネルのペイントブラシ付きコーヒーカップのように見えます。 これにより、ブラシライブラリパネルが開きました。 そこから、 Artistic> Ink> Calligraphy2選択し 、ブラシをダブルクリックすると、即座に選択範囲に適用されました。 ストークスの1つをクリックすると、それがベクトルオブジェクトであることがわかります。 これは、各オブジェクトを編集して、取得したい外観だけを得ることができることを意味します。

03/06

新しいアニメCCベクトルペイントブラシツールを使用する方法

スタイルと幅ストロークのオプションは、創造的な可能性の世界を開きます。 トム・グリーンの礼儀

新しいペイントブラシツール(ツールパネルの線付きブラシ)の本当にすっきりした側面は、ベクターをペイントすることです。 この場合、新しい塊の塊をシェイプで描くことができ、ストロークは一連のベクトル点で構成されます。

これにより、あなたの手にはかなりの柔軟性が残ります。 たとえば、塗りと線のパネルでは、スライダを使用して線の幅を約20ピクセルに増やしました。 以前のブラシスタイルを維持することによって、この幅の増加は芝生を茂みに変えました。 同様に、パネルに幅のポップを開き、ストロークの幅を若干違うように選択して、葉に「より重い」外観を与えました。

04/06

アニメーションCCでアートブラシオプションパネルを使用する方法

[アートブラシオプション]パネルでは、ブラシを編集できます。 トム・グリーンの礼儀

ペイントブラシツールを使用するもう1つの大きな特長は、あなたの仕事を見て、それを変更できるかどうかを判断する能力です。 これは、ストロークを含むオブジェクトを選択し、スタイル領域で鉛筆をクリックすることによって実行されます。 [アートブラシオプション]パネルが開きます。

このパネルはかなり理解しやすいです。 現在のブラシが表示され、2つの赤いガイドの間にシェイプが含まれています。 最初の2つのオプションは自明です。 どちらかを選択すると、スタイルはベクターに沿って拡大/縮小されます。または、ベクターストロークの長さに沿って伸縮します。

3つ目のオプション - ガイド間のストレッチ - では、実際に「ルック」を変更することができます。 カーソルをガイドの上に置くと、 "Splitter Cursor"に変わります。 プレビューに沿ってガイドをドラッグすると、幅に沿ってシェイプが変化することがわかります。 あなたが選択範囲の下の数字に注意を払うと、ガイドをドラッグするとその数字が変わります。 終了したら、[追加]をクリックすると、変更が適用されます。

05/06

CCにアニメーションを適用する際のCreative Cloud共有ライブラリブラシの適用方法

クリエイティブクラウドライブラリのベクターブラシだけが使用できることに注意してください。 トム・グリーンの礼儀

数カ月前にAdobe Captive CCは、現在使用されていないAdobe Brush CCを含む複数使い捨てモバイルアプリケーションの本拠地となりました。 Capture CCのBrushセクションに関する素晴らしい点は、写真からブラシを作成できることです。 これについてあまり気にしないでください。 アニメーションCCになると、すべてのブラシが均等に作成されるわけではありません。 Photoshop CCを対象としたIllustrator CCまたはビットマップブラシを対象としたベクトルブラシです。 CCアニメーションの場合は、Illustratorのブラシだけが使用できます。

Animate CCでオブジェクトを選択し、Creative Cloudライブラリを開く場合は、ブラシを見つける必要があります。 すると、アニメーションCCで使用できるIllustrator / Vectorブラシだけが点灯します。 「薄暗い」ブラシの1つを転がすと、ブラシを使用できないことが通知されます。 ブラシを適用するには - この例では、ライブラリ内でベクターブラシを選択しました。選択したものにすぐに適用されたことがわかります。

06の06

Animate CCベクトルブラシで作成された図形をアニメーション化する方法

ベクタは動かすことができ、ペイントブラシツールで作成したものはシェイプトゥイーンを使用します。 トム・グリーンの礼儀

ブラシ付きオブジェクトを動かすことは、実際には非常に簡単です。 アニメーションCCには、 オブジェクトと図形の 2種類のモーションがあることを理解するだけです。 この例では、芝生は風の中を揺れるでしょう。 これを達成するには、オブジェクトの形状を変更するだけです。

このプロセスの最初のステップは、アニメーションが終了するキーフレーム(この場合はフレーム30)を追加することです。キーフレームを作成するには、フレームを右クリックし、コンテキストメニューから「 キーフレーム挿入」選択します。

次のステップでは、2つのキーフレームを右クリックし、ポップダウンメニューからCreate Shape Tweenを選択します。 スパンが緑色に変わります。

下位選択ツールに切り替え、フレーム30の図形をクリックします。点またはパスを選択し、新しい場所に移動してシェイプ変更を作成します。 アニメーションをプレビューするには、Return / Enterキーを押します。