グラデーションのカラーや変化点を変更する

グラデーションのカラーやグラデーションの変化点を変更する手順を紹介します。

手順: グラデーションカラーの変更

グラデーションで塗られた図形を用意します。また、グラデーションウィンドウを表示します。 グラデーションウィンドウは[ウィンドウ]メニューの[グラデーション]の項目をクリックすると表示できます。
グラデーションのカラーや変化点を変更する:画像1

グラデーションウィンドウ下部の[グラデーションスライダー]の下部の円形部分をダブルクリックします。 ダブルクリックすると下図のカラーピッカーダイアログがポップアップ表示されます。
グラデーションのカラーや変化点を変更する:画像2

ポップアップ表示された、カラーピッカーダイアログの右上のハンバーガーメニューボタンをクリックします。 ボタンをクリックすると、下図のポップアップメニューが表示されます。
グラデーションのカラーや変化点を変更する:画像3

モノクロでないカラーに変更する場合はメニューのグレースケール以外の項目をクリックします。 今回は[RGB]の項目をクリックして選択します。
グラデーションのカラーや変化点を変更する:画像4

カラーピッカーのポップアップダイアログが下図のカラーのダイアログに変わります。
グラデーションのカラーや変化点を変更する:画像5

別の方法として、ポップアップで表示されるカラーピッカーダイアログの左側の[スウォッチ]のボタンをクリックしても カラー選択の画面が表示できます。
グラデーションのカラーや変化点を変更する:画像6

カラーピッカーダイアログでカラーを選択します。カラーを選択するとグラデーションのカラーも変化します。
グラデーションのカラーや変化点を変更する:画像7

[グラデーションスライダー]のもう一方の側の下部の円形部分をダブルクリックします。 カラーピッカーダイアログのポップアップが表示されます。
グラデーションのカラーや変化点を変更する:画像8

右上のメニューボタンをクリックし、ポップアップメニューの[RGB]の項目をクリックして選択します。
グラデーションのカラーや変化点を変更する:画像9

カラーピッカーダイアログで変更したいカラーを選択します。
グラデーションのカラーや変化点を変更する:画像10

カラーを選択すると、図形のグラデーションのカラーも変化します。
グラデーションのカラーや変化点を変更する:画像11

手順: グラデーションカラーの追加

2色のグラデーションを3色のグラデーションにします。グラデーションにカラーを追加する場合は、[グラデーションスライダー]の下部にマウスポインタを移動します。 マウスポインタに[+]のアイコンが表示された状態で、グラデーションバーの下部をクリックします。
グラデーションのカラーや変化点を変更する:画像12

クリックすると新しいカラーのポイントを示す円形が追加されます。
グラデーションのカラーや変化点を変更する:画像13

円形部分をダブルクリックすると、カラーピッカーダイアログがポップアップ表示されます。変更したいカラーを選択します。
カラーを設定して、3色のグラデーションを表現できました。
グラデーションのカラーや変化点を変更する:画像14

グラデーションの中間点の変更

デフォルトの状態では2つのカラー間のグラデーションは均等に変化しますが、あるポイントから急にグラデーションの変化を強めたい場合があります。 グラデーションの中心を変更してグラデーションの変化をつけられます。グラデーションの中心の位置は[グラデーションスライダー]の上部に菱形のポイントの表示があります。 マウスポインタで、菱形のポイントでドラッグします。
グラデーションのカラーや変化点を変更する:画像15

ドラッグすると、ポイントを移動できます。移動したポイントがグラデーションの中間色の場所になります。
グラデーションのカラーや変化点を変更する:画像16

グラデーションの中間点を移動して、急激なグラデーションの表現ができます。
グラデーションのカラーや変化点を変更する:画像17

グラデーションをカスタイマイズできました。
グラデーションのカラーや変化点を変更する:画像18


AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2022-10-25
Copyright © 1995–2025 iPentec all rights reserverd.