![GIMP グラデーションの使い方](https://gazocustomize.com/wp-content/uploads/2017/09/20210208s-s-768x512.png)
GIMPでグラデーションをかけた画像を作成したいんだけど、やり方がわからない、できないって困っていませんか?今回は、グラデーションツールの基本的な使い方を初心者のあなたにもわかりやすくご紹介します。
それではさっそく、グラデーションをかける操作方法を覚えて、画像の加工を楽しみましょう。
もくじ
グラデーションツールとは
GIMPの「グラデーション」ツールは、画像の背景をグラデーションで塗りつぶしたり、文字にグラデーションをかけたり、徐々に透明(透過)になっていくグラデーションをかけたりと、いろいろな画像のデザインを作成することができる便利なツールです。ちなみに以前はブレンドツールと呼ばれていました。
グラデーションツールの使用方法
![グラデーションツール](https://gazocustomize.com/wp-content/uploads/2017/09/20210208-1.png)
GIMPで「グラデーション」ツールを使う場合は、以下の方法が用意されています。
- ツールボックスの「グラデーション」アイコン
- メニューバーからツール描画ツールグラデーション
- キーボード(ショートカットキー)L
グラデーションツールの使い方
グラデーションツールの基本的な使い方をご紹介します。
背景に好きな色のグラデーションをかけてみよう
ここでは、選んだ色で背景に基本のグラデーションをかける方法です。
はじめにキャンバスを開き、あなたがイメージしているグラデーションの色を「描画色」と「背景色」の両方に設定しておきましょう。
今回は、描画色に水色系、背景色にピンク色系を選びました。
![「描画色」と「背景色」を設定](https://gazocustomize.com/wp-content/uploads/2017/09/20210208-2.png)
色の設定ができたら、ツールボックスから「グラデーション」ツールを選びましょう。
![グラデーションツールを選択](https://gazocustomize.com/wp-content/uploads/2017/09/20210208-3.png)
ベーシックなグラデーションの設定は、ツールオプションからグラデーションを「描画色から背景色(RGB)」にして、形状を「線形」にしましょう。
![ツールオプションを設定](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-4.png)
設定ができたら、キャンバスにマウスポインタを持っていき、グラデーションをかけたい方向にドラッグ&ドロップして終点にきたら左クリックを放してみましょう。下から上に、右から左にといろいろな方向から自由にウィンドウ上でドラッグしてグラデーションをかけることができます。
![マウスをドラッグ](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-5.png)
ここでは上から下へ縦方向にドラッグ&ドロップしてみました。
![上から下にドラッグ&ドロップ](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-6.gif)
思い通りにグラデーションをかけることができたら、キーボードのEnterキーを押して確定しましょう。
![Enterキーで確定](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-7.png)
これでグラデーションをかけることができました。
![グラデーションの背景が完成](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-8.png)
選択範囲に好きな色でグラデーションをかけてみよう
こんどは、選択範囲を作成してグラデーションをかけてみましょう。
ここでは、ツールボックスから「矩形選択」ツールを選び、選択範囲を作成しました。
![矩形選択ツールで選択範囲を作成](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-9.png)
選択範囲を作成したらツールボックスから「グラデーション」ツールを選び、キャンバスにマウスポインタを持っていき、グラデーションをかけたい方向にドラッグ&ドロップして終点にきたら左クリックを放してみましょう。
![グラデーションをかけたい方向にドラッグ&ドロップ](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-10.png)
イメージ通りにグラデーションをかけることができたらキーボードのEnterキーを押して確定しましょう。
![Enterキーでグラデーションを確定](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-11.png)
つぎにメニューバーから選択選択を解除をクリックしましょう。
![選択を解除をクリック](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-12.png)
これで選択範囲内にグラデーションをかけることができました。
![選択範囲にグラデーションをかけた画像の完成](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-13.png)
描画色から透明になるグラデーションをかけてみよう
描画色に選んでいる色から透明(透過)のグラデーションを画像にかけることができます。今回はこちらの写真を用意してみました。
![用意した画像](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-13-1.png)
ツールボックスから「グラデーション」ツールを選び、ツールオプションの、グラデーションを「描画色から透明」に設定して、画像の上をドラッグ&ドロップしてみましょう。
今回は、画像の半分ぐらいまでドラッグしてみました。
![描画色から透明にを選択](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-14.png)
描画色で選んだ色から、徐々に透明になっていくグラデーションをかけることができました。
![画像に徐々に透明になっていくグラデーション](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15.png)
グラデーションの編集
GIMPではキャンバス上で直接グラデーションの編集ができます。
位置の編集
グラデーションを作成すると開始ポイント・終了ポイント・線が表示されます。再び開始・終了ポイントをドラッグすることでグラデーションを調整することができます。また、小さなウインドウから座標X(横方向)Y(縦方向)で調整することもできます。
![開始ポイント・終了ポイントを移動して調整](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-1.png)
開始ポイントと終了ポイントの距離が短いほどブレンドする部分はシャープになります。
![グラデーションの編集](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-2.gif)
配分の変更
開始ポイントと終了ポイントの間の線にマウスポインタを持っていくと丸いミッド(真ん中の)ポイントが表示されます。ミッド(真ん中の)ポイントはグラデーションのラインを表しています。開始ポイントは0、終了ポイントは100です。なので、はじめのミッドポイント位置は真ん中にあるので50となります。
![ミッドポイントの編集](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-3.png)
このミッドポイントをドラッグすることでグラデーションの配分を調整することができます。また、小さなウインドウの座標からも調整することができます。中央配置ボタンを押すことで開始ポイントと終了ポイントの真ん中に戻すことができます。
![ミッドポイントをドラッグしたサンプル画像](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-4.gif)
色の変更
色を変えたいポイントを選択(アクティブに)して小さなウインドウの色をクリックします。
![ポイントを選択して色をクリック](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-6.png)
色変更ダイアログ開きます。変えたい色を選び「OK」をクリックします。
![色を選択して「OK」](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-7.png)
色を変更することでグラデーションの色が変わります。
![グラデーションの色を変更](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-8.png)
色の追加
グラデーションの色を追加することができます。開始ポイントと終了ポイントの間で色を追加したいところにマウスポインタを持っていきクリックします。
![色を追加したいところでクリック](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-9.png)
クリックすると四角いポイントが追加されると同時に小さなウインドウが表示されます。小さなウインドウの色をクリックします。
![色をクリック](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-10.png)
色変更ダイアログ開きます。追加したい色を選び「OK」をクリックします。
![色を設定](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-11.png)
グラデーションの色を追加することができました。
![色を追加したサンプル画像](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-12.png)
追加したポイントを削除
追加したポイントは、小さなウインドウのを押すことで簡単に削除することができます。
![追加したポイントを削除](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-13.png)
また、追加したポイントをドラッグすることでも簡単に削除することができます。
![ポイントをドラッグして削除](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-15-11.gif)
グラデーションのツールオプション
GIMPの「グラデーション」には以下のツールオプションが用意されています。
![グラデーションのツールオプション](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-16.png)
モード
![モード](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-17.png)
「モード」は描画ツールで共通して使えるオプションです。
不透明度
![不透明度](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-18.png)
グラデーションの不透明度を調整することができます。
描画色を黄色、背景色を白色、グラデーションを「描画色から背景色(RGB)」で設定し、画像にグラデーションをかけた場合、「不透明度100.0」では、画像が塗りつぶされてしまいますが、不透明度の数値を下げていくと、下の画像が透けてみてるようになります。
![不透明度の比較](https://gazocustomize.com/wp-content/uploads/2017/09/20170920-16.jpg)
グラデーション
![グラデーション](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-19.png)
「グラデーション」では、表示しているグラデーションの画像をクリックすると、今GIMPに入っているグラデーションの一覧が表示されます。
![グラデーション一覧](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-20.gif)
グラデーションの開始ポイントと終了ポイントの向きを変えたいときは、「反転」をクリックすると、向きが入れ替わります。
![反転](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-20.png)
形状
![形状](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-20-1.png)
「形状」では、いろいろなグラデーションの形を選ぶことができます。基本のグラデーションをかけるときは「線形」を選びましょう。
初期設定は、「線形」です。
![形状の一覧](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-21.png)
いろいろな種類からグラデーションの形状を選べます。
![グラデーション形状一覧](https://gazocustomize.com/wp-content/uploads/2017/09/20170920-23.png)
反復
![反復](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-21-1.png)
「反復」では、グラデーションの繰り返しの設定を「反復しない」「ノコギリ波」「三角波」「切り捨て」の4つから選べます。
GIMPの初期設定では、「反復しない」になっています。
![反復の種類](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-22.png)
オフセット
![オフセット](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-23.png)
「オフセット」では、段階的に変化していくグラデーションの割合を設定できます。
![オフセット変化例](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-29.png)
ディザリング
![ディザリング](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-24.png)
「ディザリング」にチェックを入れているときは、インデックスカラー画像の限られた色数の時でも、RGBカラーのようなグラデーションをかけることができます。
初期設定では、チェックが入っています。
適応型スーパーサンプリング
![適応型スーパーサンプリング](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-25.png)
「適応型スーパーサンプリング」では、色の変化でおきるギザギザを抑えて滑らかにすることができます。
チェックを入れ、最大深度・しきい値を調整することで、斜め線のギザギザを滑らかにする効果があります。
![適応型スーパーサンプリング比較](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-30.png)
即時モード
![即時モード](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-26.png)
即時モードをオンしてマウスをドラッグ&ドロップし左クリックを離すと、開始ポイント・終了ポイント・線は消えグラデーションは即時に確定します。キーボードのShiftを押しながら操作することでも即時モードになります。
アクティブなグラデーションの修正
![アクティブなグラデーションの修正](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-27.png)
アクティブなグラデーションの修正をオンにすると、カスタムグラデーションは自動的に作成されないので、開始ポイントや終了ポイントの小さなウインドウからの色を変更することはできなくなります。このオプションは、グラデーションを開始する前またはアクティブなグラデーションがカスタムグラデーションの場合にできます。
既定値に戻す
を押すことでツールオプションを既定値に戻すことができます。
![ツールオプションを既定値に戻す](https://gazocustomize.com/wp-content/uploads/2017/09/20210218-28.png)
おわりに
GIMPの「グラデーション」ツールの基本的な使い方をご紹介しました。画像の作成や加工など行うときなど様々な作業でぜひ活用してみてくださいね。