放射状グラデーションの変形の仕方 - Adobe Animateのチュートリアル

このレッスンでは グラデーションの変形ツールを使って 放射状グラデーションの設定を 変えてみたいと思います。 今、シェイプが１つありまして こちらには線状のグラデーションが この丸いシェイプに対して 左上は白、右下は黒ということで 設定されています。 グラデーションの変形ツールで 選択してみると 設定はこんな感じです。 少し範囲を広げて 角度が斜めになっています。 レイヤーが もう1つありますので この上にもう1つ丸いシェイプを作って そこに放射状のグラデーションを 設定しましょう。 ということで 「楕円ツール」を選択して 線は、要りません。 赤の斜線ですね。 塗りは、今、この下の塗りに使われている 線状のグラデーションになっていますが 放射状のグラデーションにしますから 色見本の左下から２番目を使いましょう。 そして「楕円ツ―ル」で Alt キーもしくは Option キーを押しながら なおかつ Shift キーも押して ドラッグすると 中心から真ん丸が描けます。 ちょっと大きさとか位置を キレイにしましょう。 選択ツールで選んで そうですね、サイズは 今チェーンが付いた状態で 縦横比を固定して 250 ということで 縦横 250 の円にしました。 それから「整列」パネルで 「ステージを基準」に 水平が真ん中、垂直が真ん中ということで 下のシェイプもステージの中央に 置いてありますから これで同心円状に揃いました。 さて改めて「グラデーションの変形ツール」で このシェイプを選びます。 そうするとハンドルが４つ出てきました。 真ん中からいきましょう。 これはグラデーションの範囲を広げます。 中心が白なのは変わりませんけど ここまで来ないと黒くなりませんから 一番、実際に塗られている外側は すこしグレーの状態です。 もうちょっと広げましょうか？ その下の丸いハンドルなんですが これはグラデーションを回転させます。 といっても、見て分かるとおり 意味が無いです。 というのは、放射状ですから 中心から伸びてます。 中心から広がっていますから 角度を回転しても このままでは意味が無いです。 意味を与えるのは この四角いハンドルです。 これをドラッグすると 楕円にひしゃげさせることができるんです。 こうしてあげれば 角度が意味を持ってきます。 こちらのグラデーション範囲と…