Adobe XDをもっと使いこなすヒント! 第24回 線形グラデーション


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

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

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

#adobexd #protip Switch from solid to gradient using the drop-down at the top of the color picker. By default, XD will choose a color of a darker shade to create your gradient. If it’s a very dark shade, XD will choose a lighter shade for your default. @adobexd

— Elaine Chao (@elainecchao) November 20, 2018

Adobe XDでグラデーションを使うときは、カラーピッカー上部のドロップダウンを使います。「べた塗り」から「線形グラデーション」に切り替えると、明色から暗色への線形グラデーションが自動的に生成されます。


Tip 2. グラデーションに分岐点を追加/削除する

#adobexd #protip Add color stops to your gradient by clicking either on the gradient control in your object or along the color stripe at the top of your color picker. @adobexd

— Elaine Chao (@elainecchao) November 21, 2018


#adobexd #protip Delete a color stop by either dragging it off the gradient strip at the top of the color picker or by selecting a color stop and hitting the Del key. @adobexd

— Elaine Chao (@elainecchao) November 27, 2018


Tip 3. 分岐点を選択してグラデーションを調整する

#adobexd #protip Easily adjust your gradient by sliding your color stops along the color stripe at the top of your color picker or along the gradient control on your object. @adobexd

— Elaine Chao (@elainecchao) November 22, 2018


#adobexd #protip Quickly switch between color stops by pressing Tab to go in one direction, and Shift+Tab to go in the other. @adobexd

— Elaine Chao (@elainecchao) November 26, 2018


Tip 4. グラデーションの角度と位置を調節する

#adobexd #protip If you want to change the angle of the gradient, simply move the endpoints on the canvas. These endpoints will snap to objects. @adobexd

— Elaine Chao (@elainecchao) November 28, 2018


#adobexd #protip Your gradient’s endpoints don’t need to live within your object – you can move them outside your canvas for more subtle effects. @adobexd

— Elaine Chao (@elainecchao) November 29, 2018


Tip 5. スウォッチの色を適用する

#adobexd #protip You can apply the color from a swatch to your color stop just by selecting the stop and clicking the swatch. @adobexd

— Elaine Chao (@elainecchao) November 23, 2018