Adobe XDをもっと使いこなすヒント! 第25回 放射状グラデーション


Adobe XDをもっと使いこなすヒント!

この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、放射状グラデーションの使い方に関連する6つのツイートを取り上げます。

Tip 1. 線形グラデーションから放射状グラデーションに切り替える

#adobexd #protip Your gradient stops will be carried over if you switch between linear and radial gradient in the color picker. @adobexd

— Elaine Chao (@elainecchao) February 20, 2018

Adobe XDで放射状グラデーションを使うには、カラーピッカー上部のドロップダウンから選択します。線形グラデーションから切り替えた場合は、グラデーションエディタの色情報がそのまま持ち越されます。べた塗りから切り替えた場合は、線形グラデーションを選択した場合と同様に、自動的にグラデーションが生成されます。

Tip 2. 分岐点を追加/移動/削除する

#adobexd #protip The gradient stripe works the same way on radial gradients as it does on linear gradients; add, move, and delete stops using either the stripe or the on-canvas control. @adobexd

— Elaine Chao (@elainecchao) December 3, 2018


Tip 3. グラデーションの配置を調節する

#adobexd #protip Grab the center point of the radial gradient control to move it around the object. @adobexd

— Elaine Chao (@elainecchao) December 7, 2018


Tip 4. 放射状グラデーションの広がりを調整する

#adobexd #protip Grab the endpoint of the on-canvas radial gradient control to adjust the radius of the gradient. @adobexd

— Elaine Chao (@elainecchao) December 4, 2018


#adobexd #protip You can move the radial gradient endpoint to change the angle and radius at the same time. @adobexd

— Elaine Chao (@elainecchao) December 5, 2018


Tip 5. 円の形状を操作する

#adobexd #protip The second control point can be easily moved in any direction to scale and resize the radial gradient control. @adobexd

— Elaine Chao (@elainecchao) December 6, 2018