nabuKOのイラストメモ

イラストレーターnabuKOです。デジタルイラストを描いています。

Animate CCのグラデーションツールの使い方

今回はAnimate CCグラデーションツールの使い方についてです。

私自身使う時に、あれ?って使い方を忘れてたことが何回かありました・・

(´..ω..`

 

下の画像のような楕円形を作って、色をグラデーションにします。

f:id:nabuko:20190723105624p:plain



↓ 参考までに、今回の制作サイズワークスペースについては下記の記事と同じです。


1.楕円を作ります

まずはツールパネルから楕円形ツールを選択して楕円を描きます。

f:id:nabuko:20190722154428p:plain

楕円形ツール

ここでは線をブラック塗りをオレンジ系のカラーにしました。( あくまでも例なので、線はなくてもいいです )

f:id:nabuko:20190722155630p:plain

楕円が描けました。

 

2.塗りをグラデーションにする

ダイレクト選択ツールで、

f:id:nabuko:20190722160315p:plain

↓ 楕円のオレンジ色部分のみ選択します。

f:id:nabuko:20190722160202p:plain

この状態で、カラーパネルから、グラデーションにする色のカラーコードをコピーしておきます。( ↓ 画像の水色部分 )

 

f:id:nabuko:20190722160845p:plain

 

そのあと同じカラーパネル内から、単色 放射状グラデーションに変更します。

f:id:nabuko:20190722161143p:plain

f:id:nabuko:20190722161359p:plain


すると・・、

 こんな感じになります。

とりあえずグラデーションが適用されました。

f:id:nabuko:20190722162243p:plain

↓ 塗りを選択した状態でカラーパネルの色を変更します。

 

f:id:nabuko:20190722162846p:plain

先ほどコピーしておいた、カラーコードペーストします。( もしくは入力)

( 初期状態では白黒のグラデーションが設定してあります )

 

あとはグラデーションのつまみ位置を左右逆にすれば完成です。

グラデーションのつまみ部分の操作Illustratorなどのグラデーションツールと同じです。

 

3.グラデーションの細かい設定

ここで、自由変形ツールの中にある、グラデーションの変形ツールを選択します。

f:id:nabuko:20190722162348p:plain

 

すると、グラデーションの細かい設定が変更可能になります。

 

 

f:id:nabuko:20190722165829p:plain

↓ グラデーションの変形ツールの動画です 。

 

 

↓ 私がAnimate CCで作った LINEスタンプです。