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

Creative Cloud UI/UX & Web

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

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

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

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

グラデーションエディタを使った分岐点の操作方法は、線形グラデーションと同様です。追加するにはグラデーションエディタの任意の箇所をクリック、移動や削除は既存の分岐点を選択してマウスでドラッグ(またはキー操作)を行います。

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

放射状グラデーションの配置を変更するには、カンバス上のグラデーションエディタの中央をドラッグして移動します。

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

放射状グラデーションの半径を変更したい場合は、カンバス上のグラデーションエディタの外側の端点をドラッグします。

端点は半径を変えるだけでなく、角度を変更するためにも使えます。楕円形の放射状グラデーションの場合に便利な使い方です。

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

カンバス上のもうひとつのコントロールをドラッグすると、放射状グラデーションの形状や大きさを変更できます。縦長や横長の楕円状のグラデーションを作成したいときに便利な機能です。


いかがでしたか?
これは便利そうだ!という使い方はあったでしょうか?

次回をお楽しみに!

POSTED ON 2019.01.31

Products Featured

  • Adobe XD

Tags

タグはありません