マニュアル キャンセル

Photoshop のグラデーション

  1. Photoshop ユーザーガイド
  2. Photoshop の概要
    1. 夢をカタチに
    2. Photoshop の新機能
    3. 初めての写真編集
    4. ドキュメントの作成
    5. Photoshop | よくある質問
    6. Photoshop の必要システム構成
    7. Photoshop とは
    8. Photoshop を最新の状態にする
  3. Photoshop とその他の Adobe 製品およびサービス
    1. Photoshop で Illustrator アートワークを作業する
    2. InDesign での Photoshop ファイルの操作
    3. Photoshop 用 Substance 3D マテリアル
    4. Photoshop の Capture アプリ内拡張機能の使用
  4. Photoshop iPad 版(中国本土ではご利用いただけません)
    1. Photoshop iPad 版 | よくある質問
    2. ワークスペースについて
    3. システム要件 | Photoshop iPad 版
    4. ドキュメントの作成、表示、書き出し
    5. 写真の追加
    6. レイヤーの操作
    7. ブラシを使用した描画とペイント
    8. 範囲の選択とマスクの追加
    9. 合成を修正する
    10. 調整レイヤーを使用する
    11. トーンカーブで合成の色調を調整する
    12. 変形操作を適用する
    13. 合成画像の切り抜きと回転
    14. カンバスの回転、パン、ズーム、リセット
    15. テキストレイヤーを使用する
    16. Photoshop と Lightroom の連携
    17. Photoshop iPad 版で環境にないフォントを取得する
    18. Photoshop iPad 版での日本語テキスト
    19. アプリの設定を管理する
    20. タッチショートカットとジェスチャー
    21. ショートカットキー
    22. 画像サイズを編集する
    23. Photoshop iPad 版での制作過程をライブストリームで配信
    24. 修復ブラシで不具合を修正する
    25. Capture でブラシを作成して Photoshop iPad 版で使用する
    26. Camera Raw ファイルの操作
    27. スマートオブジェクトの作成と操作
    28. 覆い焼きと焼き込みを使用した画像の露出調整
    29. Photoshop iPad 版の自動調整コマンド
    30. Photoshop iPad 版で画像内の領域を指先で操作する
    31. スポンジツールを使用した画像の彩度の調整
    32. iPad のコンテンツに応じた塗りつぶし
  5. Photoshop web 版(中国本土ではご利用いただけません)
    1. 一般的な質問
    2. 必要システム構成
    3. ショートカットキー
    4. サポートされているファイルタイプ
    5. ワークスペースの概要
    6. クラウドドキュメントを開いて操作する
    7. 生成 AI 機能
    8. 基本的な編集コンセプト
    9. クイックアクション
    10. レイヤーの操作
    11. 画像のレタッチと不具合箇所の除去
    12. クイック選択の実行
    13. 調整レイヤーによる画像の向上
    14. 塗りつぶしレイヤーの追加
    15. 画像の移動、変形、切り抜き
    16. 描画とペイント
    17. シェイプの描画と編集
    18. テキストレイヤーを使用する
    19. Web 上での他のユーザーとの共同作業
    20. アプリの設定を管理する
    21. 画像を生成
    22. 背景を生成
    23. 参照画像
  6. Photoshop(Beta)(中国本土ではご利用いただけません)
    1. Creative Cloud(Beta)アプリの基本を学ぶ
    2. Photoshop(Beta)デスクトップ版
    3. 参照画像
  7. 生成 AI(中国本土ではご利用いただけません)
    1. Photoshop の生成 AI に関するよくある質問
    2. Photoshop デスクトップ版の生成塗りつぶし
    3. 説明テキストプロンプトで画像を生成
    4. Photoshop デスクトップ版の生成拡張
    5. 背景を生成を使用した背景の置換
    6. 類似を生成を使用して新しいバリエーションを取得
    7. Photoshop iPad 版の生成塗りつぶし
    8. Photoshop iPad 版の生成拡張
    9. Photoshop web 版の生成 AI 機能
  8. コンテンツ認証(中国本土ではご利用いただけません)
    1. Photoshop の Content credentials
    2. NFT の ID と来歴
    3. クリエイティブ属性のアカウントの接続
  9. クラウドドキュメント(中国本土ではご利用いただけません)
    1. Photoshop クラウドドキュメント | よくある質問
    2. Photoshop クラウドドキュメント | ワークフローに関する質問
    3. Photoshop でのクラウドドキュメントの管理と使用
    4. Photoshop 用クラウドストレージのアップグレード
    5. クラウドドキュメントを作成または保存できない
    6. Photoshop クラウドドキュメントのエラーを解決する
    7. クラウドドキュメントの同期ログの収集
    8. クラウドドキュメントの編集に他のユーザーを招待
    9. アプリ内でファイルとコメントを共有する
  10. ワークスペース
    1. ワークスペースの基本
    2. 環境設定
    3. Photoshop のもっと知るパネルで簡単に知る
    4. ドキュメントの作成
    5. ファイルの配置
    6. 初期設定のショートカットキー
    7. ショートカットキーのカスタマイズ
    8. ツールギャラリー
    9. パフォーマンス環境設定
    10. ツールの使用
    11. プリセット
    12. グリッドとガイド
    13. タッチジェスチャー
    14. Photoshop での Touch Bar の使用
    15. タッチ機能とカスタマイズ可能なワークスペース
    16. テクノロジープレビュー
    17. メタデータと注釈
    18. 他のアプリケーションへの Photoshop 画像の配置
    19. 定規
    20. プリントしないエクストラの表示または非表示
    21. 画像のコラムの指定
    22. 取り消しおよびヒストリー
    23. パネルとメニュー
    24. スナップを使用した要素の配置
    25. ものさしツールを使用した配置
  11. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  12. 画像とカラーの基本
    1. 画像のサイズを変更する方法
    2. ラスター画像とベクトル画像の操作
    3. 画像サイズと解像度
    4. カメラやスキャナーからの画像の取り込み
    5. 画像を作成、開く、読み込み
    6. 画像の表示
    7. 無効な JPEG マーカーエラー | 画像を開く
    8. 複数の画像の表示
    9. カラーピッカーとスウォッチのカスタマイズ
    10. ハイダイナミックレンジ(HDR)画像
    11. 画像のカラーの適用
    12. カラーモードの変換
    13. カラーモード
    14. 画像の一部の消去
    15. 描画モード
    16. カラーの選択
    17. インデックスカラーのカラーテーブルのカスタマイズ
    18. 画像情報
    19. ゆがみフィルターが使用できない
    20. カラーについて
    21. チャンネルを使用したカラーおよびモノクロの補正
    22. カラーパネルとスウォッチパネルでのカラーの選択
    23. サンプル
    24. カラーモードまたは画像モード
    25. 色かぶり
    26. アクションへの条件付きモード変更の追加
    27. HTML CSS と SVG からスウォッチを追加
    28. ビット数と環境設定
  13. レイヤー
    1. レイヤーの基本
    2. 非破壊編集
    3. レイヤーとグループの作成および管理
    4. レイヤーの選択、グループ化、リンク
    5. 画像をフレームに配置する
    6. レイヤーの不透明度と描画
    7. レイヤーのマスク
    8. スマートフィルターの適用
    9. レイヤーカンプ
    10. レイヤーの移動、重なり順の変更およびロック
    11. ベクトルマスクによるレイヤーのマスク
    12. レイヤーとグループの管理
    13. レイヤー効果とレイヤースタイル
    14. レイヤーマスクの編集
    15. アセットを抽出
    16. クリッピングマスクを使用したレイヤーの表示
    17. レイヤーからの画像アセットの生成
    18. スマートオブジェクトの操作
    19. 描画モード
    20. 複数の画像のグループ写真への合成
    21. レイヤーを自動合成を使用して画像を結合
    22. レイヤーの整列と分布
    23. レイヤーから CSS をコピー
    24. レイヤーまたはレイヤーマスクの境界線からの選択範囲の読み込み
    25. ノックアウトして他のレイヤーからコンテンツを表示
  14. 選択範囲
    1. 選択の基本を学ぶ
    2. 合成での選択範囲の作成
    3. 選択とマスクワークスペース
    4. 選択ツールによる選択
    5. なげなわツールによる選択
    6. ピクセル選択範囲の補正
    7. 選択したピクセルの移動、コピー、削除
    8. 一時的なクイックマスクの作成
    9. 画像内の色域指定の選択
    10. パスと選択範囲の境界線の変換
    11. チャンネルの基本
    12. 選択範囲とアルファチャンネルマスクの保存
    13. 画像の焦点領域の選択
    14. チャンネルの複製、分割および統合
    15. チャンネルの演算
  15. 画像補正
    1. オブジェクトのカラーの置換
    2. 遠近法ワープ
    3. カメラの振動によるぶれの軽減
    4. 修復ブラシの使用例
    5. カラールックアップテーブルの書き出し
    6. 画像のシャープとぼかしの調整
    7. カラー補正について
    8. 「明るさ・コントラスト」補正の適用
    9. シャドウとハイライトのディテールの調整
    10. レベル補正
    11. 色相と彩度の調整
    12. 自然な彩度の調整
    13. 画像領域内のカラーの彩度の調整
    14. 色調のクイック補正
    15. 画像への特殊なカラー効果の適用
    16. カラーバランスの補正による画像の向上
    17. ハイダイナミックレンジ(HDR)画像
    18. ヒストグラムとピクセル値の表示
    19. 画像のカラーの適用
    20. 写真の切り抜きと角度補正
    21. カラー画像の白黒画像への変換
    22. 調整レイヤーと塗りつぶしレイヤー
    23. トーンカーブの補正
    24. 描画モード
    25. 出力用画像のターゲット指定
    26. レベル補正およびトーンカーブスポイトツールを使用したカラーと色調の補正
    27. HDR の露光量とトーンの調整
    28. 画像領域の覆い焼きまたは焼き込み
    29. 特定色域の色調の補正
  16. Adobe Camera Raw
    1. Camera Raw の必要システム構成
    2. Adobe Camera Raw の新機能
    3. Camera Raw の紹介
    4. パノラマの作成
    5. サポート対象レンズ
    6. Camera Raw の周辺光量補正、粒状、かすみの除去の効果
    7. 初期設定のショートカットキー
    8. Camera Raw の自動的な遠近法の補正
    9. Camera Raw の円形フィルター
    10. Camera Raw 設定の管理
    11. Camera Raw での画像のオープン、処理および保存
    12. Camera Raw の強化されたスポット除去ツールで画像を修復
    13. 画像の回転、切り抜きおよび調整
    14. Camera Raw でのカラーレンダリングの調整
    15. Camera Raw のプロセスバージョン
    16. Camera Raw での部分補正
  17. 画像の修復および復元
    1. 削除ツール
    2. コンテンツに応じた塗りつぶしを使用して写真からオブジェクトを削除
    3. コンテンツに応じたパッチと移動
    4. 写真のレタッチと修復
    5. 画像のゆがみとノイズの修正
    6. 多くの問題を解決するための基本的なトラブルシューティング手順
  18. 画像の補正と変形
    1. 画像の空の置換
    2. オブジェクトの変形
    3. 切り抜き、回転およびカンバスサイズを調整
    4. 写真を切り抜きおよび角度補正する方法
    5. パノラマ画像の作成と編集
    6. 画像、シェイプ、パスのワープ
    7. Vanishing Point
    8. コンテンツに応じた拡大・縮小
    9. 画像、シェイプ、パスの変形
  19. 描画とペイント
    1. 対称パターンのペイント
    2. 長方形の描画とストロークオプションの変更
    3. 描画の概要
    4. シェイプの描画と編集
    5. ペイントツール
    6. ブラシの作成と修正
    7. 描画モード
    8. パスへのカラーの追加
    9. パスの編集
    10. 混合ブラシによるペイント
    11. ブラシプリセット
    12. グラデーション
    13. グラデーション補間
    14. 選択範囲、レイヤーおよびパスの塗りつぶしおよび境界線の描画
    15. ペンツールによる描画
    16. パターンの作成
    17. パターンメーカーを使用したパターンの生成
    18. パスの管理
    19. パターンライブラリとプリセットの管理
    20. グラフィックタブレットによる描画またはペイント
    21. テクスチャブラシの作成
    22. ブラシへの動的な要素の追加
    23. グラデーション
    24. アートヒストリーブラシによる、スタイル化されたストロークのペイント
    25. パターンによるペイント
    26. 複数のデバイスでのプリセットの同期
    27. プリセット、アクションおよび設定の移行
  20. テキスト
    1. テキストの追加と編集
    2. 統合テキストエンジン
    3. OpenType SVG フォントの操作
    4. 文字の書式設定
    5. 段落の書式設定
    6. テキスト効果の作成方法
    7. テキストの編集
    8. 行と文字の間隔
    9. アラビア語およびヘブライ語のテキスト
    10. フォント
    11. フォントのトラブルシューティング
    12. 日本語、中国語、韓国語のテキスト
    13. テキストの入力
  21. フィルターと効果
    1. ぼかしギャラリーの使用
    2. フィルターの基本
    3. フィルター効果リファレンス
    4. 照明効果の追加
    5. 広角補正フィルターの使用
    6. 油彩フィルターの使用
    7. ゆがみフィルターの使用
    8. レイヤー効果とレイヤースタイル
    9. 特定フィルターの適用
    10. 画像領域をこする
  22. 保存と書き出し
    1. Photoshop でのファイルの保存
    2. Photoshop でのファイルの書き出し
    3. サポートされているファイル形式
    4. グラフィック形式でのファイルの保存
    5. Photoshop と Illustrator 間でのデザインの移動
    6. ビデオとアニメーションの保存と書き出し
    7. PDF ファイルを保存
    8. Digimarc 著作権保護
  23. カラーマネジメント
    1. カラーマネジメントの設定
    2. 一貫した色の保持
    3. カラー設定
    4. ダブルトーン
    5. カラープロファイルの操作
    6. オンライン表示用ドキュメントのカラーマネジメント
    7. 印刷時におけるドキュメントのカラーマネジメント
    8. 読み込んだ画像のカラーマネジメント
    9. 色の校正
  24. Web、画面、アプリデザイン
    1. デザインに最適な Photoshop
    2. アートボード
    3. デバイスプレビュー
    4. レイヤーから CSS をコピー
    5. Web ページのスライス
    6. スライスの HTML オプション
    7. スライスのレイアウトの変更
    8. Web グラフィックの使用
    9. Web フォトギャラリーの作成
  25. ビデオとアニメーション
    1. Photoshop でのビデオの編集
    2. ビデオおよびアニメーションレイヤーの編集
    3. ビデオとアニメーションの概要
    4. ビデオとアニメーションのプレビュー
    5. ビデオレイヤーのフレームのペイント
    6. ビデオファイルと画像シーケンスの読み込み
    7. フレームアニメーションの作成
    8. Creative Cloud 3D アニメーション(プレビュー)
    9. タイムラインアニメーションの作成
    10. ビデオ用の画像の作成
  26. プリント
    1. 3D オブジェクトのプリント
    2. Photoshop を使用したプリント
    3. カラーマネジメントを使用したプリント
    4. コンタクトシートと PDF プレゼンテーション
    5. ピクチャパッケージレイアウトでの写真のプリント
    6. スポットカラーのプリント
    7. 業務用プリンターでの画像のプリント
    8. Photoshop からのカラー印刷の改善
    9. 印刷問題のトラブルシューティング | Photoshop
  27. 自動化
    1. アクションの作成
    2. データ駆動型グラフィックの作成
    3. スクリプト
    4. ファイルのバッチ処理
    5. アクションの再生と管理
    6. 条件付きアクションの追加
    7. アクションおよびアクションパネルについて
    8. アクションへのツールの記録
    9. アクションへの条件付きモード変更の追加
    10. プラグインとスクリプト用の Photoshop UI ツールキット
  28. トラブルシューティング
    1. 解決済みの問題 
    2. 既知の問題
    3. Photoshop のパフォーマンスの最適化
    4. トラブルシューティング/初級編
    5. クラッシュまたはフリーズのトラブルシューティング
    6. プログラムエラーのトラブルシューティング
    7. 「仮想記憶ディスクの空き容量不足」エラーのトラブルシューティング
    8. GPU およびグラフィックドライバーの問題のトラブルシューティング
    9. 見つからないツールを検索
    10. Photoshop の 機能 | 廃止された 3D 機能に関するよくある質問

Photoshop を使用する際に、様々な種類のグラデーションを作成する方法について説明します

この記事のトピック:

グラデーションの適用は、デジタル画像操作の基本を構成する主要なワークフローの 1 つです。グラデーションは、指定した方向での画像のカラーの適用度の変化に関する情報を提供します。 

グラデーションによる塗りつぶしの適用

グラデーションツールは、複数のカラー間で段階的なブレンドを作成します。プリセットグラデーションから選択するか、または独自に作成することもできます。

注意:

ビットマップまたはインデックスカラー画像には、グラデーションツールは使用できません。

  1. 画像の一部を塗りつぶすには、塗りつぶす領域を選択します。領域を選択しない場合は、グラデーションによる塗りつぶしがアクティブレイヤー全体に適用されます。
  2. グラデーションツール を選択します。(このツールが表示されていない場合は、塗りつぶしツールを押し続けます)。

  3. オプションバーで、様々なグラデーションサンプルから塗りつぶしを選択します。
    • サンプルの横にある三角形を選択してグラデーションピッカーを開き、プリセットグラデーションを選択します。

    • サンプルのボックス内を選択して、グラデーションエディターを表示します。プリセットを選択するか、新規にグラデーションを作成します(詳しくは、滑らかなグラデーションの作成を参照してください)。

    注意:

    ND フィルタープリセットは、夕焼けなどのコントラストの強いシーンにおいて便利な写真用のフィルターです。

  4. 開始点(マウスを押した場所)と終了点(マウスを放した場所)がグラデーションの表示にどのように影響するか指定するオプションを選択します。

    線形グラデーション:開始点から終了点に向かって直線的に変わるグラデーションを作成します

    円形グラデーション:開始点から終了点に向かって放射状のグラデーションを作成します

    円錐形グラデーション:開始点の周囲で反時計回りに円錐状のグラデーションを作成します

    反射形グラデーション:開始点を中心に同じ線形グラデーションを左右に反射させます

    菱形グラデーション:中心から四隅に向かって菱形のグラデーションを作成します

  5. オプションバーで次の操作を行います。

    • ペイントのモードと不透明度を指定します(詳しくは、描画モードを参照してください)。
    • グラデーションのカラーの順序を逆にするには、「逆方向」をクリックします。
    • ムラの少ないより滑らかなブレンドを作成するには、「ディザ」を選択します。
    • グラデーションに透明部分マスクを使用するには、「透明部分」をクリックします(グラデーション透明部分の指定を参照してください)。
    • グラデーションの塗りの方法を選択するには、方法オプション(知覚的リニア、またはクラシック)から選択します(Photoshop のグラデーション補間を参照してください)。
  6. 画像内でグラデーションを開始する場所にポインターを置き、ドラッグして終了点を定義します。線の角度を 45 度ごとに固定するには、Shift キーを押したままドラッグします。
Adobe Photoshop logo

まずは無料で試してみる
世界中で利用されている画像編集ツールを試そう

グラデーションの改善

Photoshop 24.5(2023年5月リリース)で更新

グラデーション機能が大幅に改善され、新しいカンバス上のコントロールとライブプレビューの導入でワークフローがより高速化されました。ライブプレビューは自動的に作成され、非破壊的に編集できます。

Photoshop デスクトップアプリのグラデーションツールが改善され、美しいグラデーションを素早く描画、プレビュー、および修正できるようになりました。カラー分岐点を作成し、カンバス自体からグラデーションを編集できます。また、グラデーションの色、密度、不透明度、描画モードを制御したり、カンバス上で中間点とスプレッドを確認したり、複数のカラー分岐点を追加したり、カラー分岐点の色を変更したりして、この機能でグラデーションを編集できます。

グラデーションは、デフォルト機能です(クラシックグラデーションを使用したい場合を除き、必要なアクションはありません)。

ピクセルレイヤーを選択すると、グラデーションモードで非破壊的に作業するか、クラシックグラデーションモードで破壊的に作業するかを選択できるようになります。グラデーション塗りつぶしレイヤーで作業すると、選択したレイヤー、グラデーション塗りつぶし、マスクに基づいて正しいモードに切り替わります。

グラデーションの機能を使用するには、次の操作を行います。

  1. カンバスを選択し、カンバス上のグラデーションウィジェットをドラッグします。ドラッグ中に、グラデーションの角度と長さを変更できます。ドラッグをやめて、もう一度ドラッグすると、操作をやり直して長さと角度を変更できます。

  2. 両端のカラーの分岐点を変更するには、菱形のアイコンをドラッグします。

    Photoshop のライブグラデーション

  3. カンバス上のウィジェットでカラーの端点を削除するには、カラー端点の円を選択し、グラデーション線から外れるようにドラッグします。 」を グラデーション カンバス上のウィジェットで、カラー分岐点(円形の領域)をダブルクリックし、カラーピッカーでカラーを変更します。

  4. ドロップダウンまたはプロパティパネルでグラデーションプリセットを選択します。

マスクへのグラデーションの追加

Photoshop 24.5 で導入(2023年5月リリース)

マスクにグラデーションを追加するには、次の手順に従います。

  1. グラデーションを適用する画像内の領域を選択し、グラデーションツールを選択して、マスクにグラデーションを追加します。

  2. 選択範囲の上でマウスをドラッグして、グラデーションを適用します。これで、レイヤーパネルのグラデーションサムネールで更新されるマスクを表示できるようになります。

  3. 選択範囲の上で繰り返しマウスをドラッグして、様々な種類から選択し、グラデーションを変更します(グラデーションによる塗りつぶしの適用を参照)。

スマートフィルター(マスク)へのグラデーションの追加

Photoshop 24.5 で導入(2023年5月リリース)

スマートフィルターにグラデーションを追加するには、次の手順に従います。

  1. スマートオブジェクトにフィルターを追加します。(手順について詳しくは、スマートフィルターの適用を参照してください。)

  2. スマートフィルターサムネール、グラデーションツールの順に選択して、グラデーションを適用します。

  3. カンバス上でマウスをドラッグして、グラデーションをスマートフィルターに適用します。サムネールが更新されることを確認します。

  4. 一連の Photoshop フィルターから選択し、カンバス上でウィジェットを移動して魅力的な効果を適用します。中間点の変更など、その他の調整を加えることができます。

グラデーションツールのコンテキストメニューとショートカット

ショートカットを使用して、カラー分岐点が選択されている場合と選択されていない場合に、正しいコンテキストメニューが表示されることを確認します。すべてのカラー分岐点を選択解除するには、カンバス上の任意の場所をクリックします。

既存の動作 macOS Windows 結果
カラー分岐点が選択されていない場合
Ctrl キーを押しながらマウスをクリック(左/右) マウスを右クリック グラデーションリストの表示
カラー分岐点が選択されている場合 Ctrl キーを押しながらマウスを左クリック マウスを右クリック HUD によるカラーの変更
カラー分岐点が選択されている場合
Option キーを押しながらマウスを左クリック
Alt キーを押しながらマウスを左クリック サンプルによるカラーの変更

 

グラデーションパネルでのグラデーションの選択

レイヤーへのグラデーションの適用

レイヤー効果としてテキストレイヤーにグラデーションを適用するには、次のいずれかの操作を行います。

  • レイヤーパネルで 1 つまたは複数のテキストレイヤーを選択してから、グラデーションパネルで任意のグラデーションをクリックして適用します。
  • グラデーションパネルから、カンバス領域のテキストコンテンツにグラデーションをドラッグします。
  • グラデーションパネルから、レイヤーパネルのレイヤーにグラデーションをドラッグします。  

シェイプの塗りつぶしとしてシェイプレイヤーにグラデーションを適用するには、次のいずれかの操作を行います。

  • レイヤーパネルで 1 つまたは複数のテキストレイヤーを選択してから、グラデーションパネルで任意のグラデーションをクリックして適用します。
  • グラデーションパネルから、カンバス領域のテキストコンテンツにグラデーションをドラッグします。
  • グラデーションパネルから、レイヤーパネルのレイヤーにグラデーションをドラッグします。

塗りつぶしレイヤーとしてテキストレイヤーまたはシェイプレイヤーにグラデーションを適用するには、次のいずれかの操作を行います。

  • Command(Mac)/Alt(Win)キーを押したまま、グラデーションパネルから、カンバス領域のテキストコンテンツにグラデーションをドラッグします。
  • Command(Mac)/Alt(Win)キーを押したまま、グラデーションパネルからレイヤーパネルのレイヤーにグラデーションをドラッグします。  

ピクセルレイヤーにグラデーションを適用するには、次の操作を行います。

  1. グラデーションパネルからレイヤーパネルのピクセルレイヤーにグラデーションをドラッグします。
  2. Photoshop で、ピクセルレイヤーの上に塗りつぶしレイヤーが自動的に作成されます。

グラデーションプリセットのグループへの整理

新規グループの下にグラデーションを整理するには、次の操作を行います。

  1. グラデーションパネル(ウィンドウ/グラデーション)で、「新規グループを作成」アイコンをクリックします。 
  2. グループ名を指定して、「OK」をクリックします。 
  3. グラデーションをドラッグするか、Shift キーを使用して、複数のグラデーションを選択し、グループ内でドラッグします。

ネスト化されたグループを作成するには、次の操作を行います。

  1. グラデーションパネルで、グループを選択します。
  2. 次に、別のグループの下にそのグループをドラッグ&ドロップします。

従来のグラデーションの表示

グラデーションパネルメニューから、「従来のグラデーション」を選択します。

デフォルトのグラデーションプリセットに戻る

グラデーションパネルメニューからデフォルトグラデーションを追加を選択して、グラデーションのデフォルトをグラデーションプリセットのリストに追加します。

デフォルトグラデーションを追加

プリセットグラデーションの表示方法の変更

グラデーションパネルメニューから、表示オプションを選択します。

テキスト表示:グラデーションをリストとして表示します

サムネール(小)を表示、サムネール(大)を表示:グラデーションをサムネールとして表示します

リスト(小)を表示、リスト(大)を表示:グラデーションをサムネール付きのリストとして表示します

プリセットグラデーションの名前の変更

  • グラデーションピッカーでグラデーションがサムネールで表示されている場合は、該当するグラデーションをダブルクリックし、新しい名前を入力して「OK」をクリックします。
  • グラデーションピッカーでグラデーションがリストまたはテキストとしてのみ表示されている場合は、該当するグラデーションをダブルクリックして新しい名前を入力し、Enter キー(Windows)または Return キー(Mac OS)を押します。

グラデーションエディターの概要

グラデーションエディターダイアログボックスを表示するには、オプションバーで現在のグラデーションサンプルをクリックします(グラデーションサンプルにマウスのポインターを合わせると、「クリックでグラデーションを編集」というツールヒントが表示されます)。

グラデーションエディターダイアログボックスを使用すると、既存のグラデーションのコピーを変更して新しいグラデーションを定義することができます。また、中間カラーをグラデーションに追加して、2 色以上のカラーをブレンドできます。

Photoshop グラデーションエディターダイアログボックス
グラデーションエディターダイアログボックス

A. プリセットオプションメニュー B. 不透明度の分岐点 C. カラー分岐点 D. 選択した不透明度の分岐点、またはカラー分岐点の値の調整と削除 E. カラー中間点 

プリセットグラデーションのセットのライブラリとしての保存

  1. グラデーションエディターダイアログボックスで「保存」ボタンをクリックするか、オプションバーのグラデーションピッカーメニューから「グラデーションを保存」をクリックします。
  2. グラデーションライブラリの保存先を選択し、ファイル名を入力して「保存」ボタンをクリックします。

    ライブラリは任意の場所に保存できます。ただし、グラデーションライブラリファイルをプリセットの初期設定の保存場所にある Presets¥Gradients フォルダーに保存すると、Photoshop の再起動後に、パネルメニューの下部にライブラリ名が表示されるようになります。

プリセットグラデーションのライブラリの読み込み

グラデーションエディターダイアログボックスで、次のいずれかの操作を行います。
  • 「読み込み」ボタンをクリックして、ライブラリを現在のリストに追加します。使用するライブラリファイルを選択して、「読み込み」ボタンをクリックします。

  • パネルメニューから「グラデーションの置き換え」を選択して、現在のリストを他のライブラリで置換します。使用するライブラリファイルを選択して、「読み込み」ボタンをクリックします。

  • パネルメニューの下部に表示されているライブラリファイルを選択します。「OK」をクリックして現在のリストを置き換えるか、「追加」ボタンをクリックして現在のリストに追加します。

注意:

オプションバーのグラデーションピッカーメニューから「グラデーションの読み込み」または「グラデーションの置き換え」を選択するか、グラデーションのライブラリを選択することもできます。

滑らかなグラデーションの作成

  1. グラデーションツール を選択します。

  2. オプションバーのグラデーションサンプルをクリックして、グラデーションエディターダイアログボックスを表示します。
  3. 既存のグラデーションに基づいて新規グラデーションを作成するには、ダイアログボックスの「プリセット」セクションにあるグラデーションを選択します。
  4. グラデーションタイプポップアップメニューで「べた塗り」を選択します。
  5. グラデーションの開始カラーを定義するには、グラデーションバーの左カラー分岐点 をクリックします。分岐点の上の三角形が黒 に変わり、開始カラーが編集されていることを示します。
  6. カラーを選択するには、次のいずれかの操作を行います。
    • 該当するカラー分岐点をダブルクリックするか、ダイアログボックスの「終了点」セクションでカラー選択ボックスをクリックします。カラーを選択し、「OK」をクリックします。

    • ダイアログボックスの「終了点」セクションでカラーポップアップメニューからオプションを選択します。

    • ポインターをグラデーションバーの上に置いて(ポインターがスポイトに変わります)、クリックしてカラーをサンプルするか、または画像内で任意の位置をクリックして、画像からカラーをサンプルします。

  7. 終了カラーを定義するには、グラデーションバーの右カラー分岐点をクリックします。次に、カラーを選択します。
  8. 開始点または終了点の場所を調整するには、以下のいずれかの操作を行います。
    • 対応する左または右のカラー分岐点を、目的の場所にドラッグします。

    • 対応するカラー分岐点をクリックして、ダイアログボックスの「終了点」セクションの「位置」の値を入力します。値に 0 %を入力すると、グラデーションバーの左端にポイントが配置され、100 %を入力すると、右端に配置されます。

  9. 中間点(グラデーションの開始カラーと終了カラーが等しく混ざり合う位置)の場所を調整するには、グラデーションバーの下にある菱形 を左または右にドラッグします。または、菱形をクリックし、「位置」に値を入力します。
  10. グラデーションに中間カラーを追加するには、グラデーションバーの下をクリックして、別のカラー分岐点を定義します。カラーを指定して、開始点または終了点の場合と同様に、中間カラーの場所および中間点を調整します。
  11. 編集中のカラー分岐点を削除するには、「削除」ボタンをクリックするか、分岐点が消えるまで下へドラッグします。
  12. カラーバンド間の遷移を設定するには、「滑らかさ」テキストボックスに値を入力するか、滑らかさポップアップスライダーをドラッグします。
    滑らかさは、グラデーション全体でカラー分岐点から中間点、中間点からカラー分岐点に進むときに、特定のバンド内のカラーをどのように選択するかを表します。2 つの分岐点とデフォルトの中間点を持つ単純なグラデーションでは、理論上、滑らかさは影響しません。分岐点の値は、既に線上にあります。 滑らかさ 0 の値は、分岐点と中間点を結ぶ直線で描かれ、100%の値はスプライン曲線で描かれます。

  13. 必要に応じて、グラデーションの透明部分の値を設定します。
  14. 新しいグラデーションの名前を入力します。
  15. グラデーションをプリセットとして保存するには、グラデーションを作成した後に「新規グラデーション」ボタンをクリックします。
    注意:

    新しいプリセットは環境設定ファイルに保存されます。ただし、この環境設定ファイルが削除されるか破損した場合、またはプリセットを初期設定ライブラリにリセットした場合、新規に作成したプリセットは消失します。新規に作成したプリセットが消失しないようにするには、ライブラリに保存します。

グラデーション透明部分の指定

グラデーションによる塗りつぶしでは、グラデーション上の異なる場所での塗りつぶし不透明度を制御するための設定を、個々の塗りつぶしに対して行います。例えば、開始カラーの不透明度を 100 %に設定し、終了カラーの不透明度を 50 %に設定して、塗りつぶしを徐々にブレンドすることができます。チェッカーパターンは、グラデーションプレビューの透明部分の量を示します。

  1. グラデーションを作成します。
  2. 開始不透明度を調整するには、グラデーションバーの上の左にある不透明度の分岐点をクリックします。分岐点の下の三角形が黒に変わり、開始不透明度が編集されていることを示します。
  3. ダイアログボックスの「終了点」セクションで、「不透明度」テキストボックスに値を入力するか、不透明度ポップアップスライダーをドラッグします。
  4. 終了点の不透明度を調整するには、グラデーションバーの上の右にある不透明度の分岐点をクリックします。次に、「終了点」セクションで不透明度を設定します。
  5. 開始点または終了点の不透明度の場所を調整するには、以下のいずれかの操作を行います。
    • 対応する不透明度の分岐点を、左または右にドラッグします。

    • 対応する不透明度の分岐点を選択し、「位置」に値を入力します。

  6. 中間点の不透明度の場所(開始点および終了点の不透明度の中間点)を調整するには、以下のいずれかの操作を行います。
    • グラデーションバーの上の菱形を、左または右にドラッグします。

    • 菱形を選択し、「位置」に値を入力します。

  7. 編集している不透明度の分岐点を削除するには、「削除」ボタンをクリックします。
  8. マスクに中間不透明度を追加するには、グラデーションバーの上をクリックして新しい不透明度の分岐点を定義します。定義したら、この不透明度を開始点または終了点の不透明度の場合と同様に、調整および移動することができます。中間不透明度を削除するには、不透明度の分岐点を上にドラッグして、グラデーションバーから外します。
  9. プリセットグラデーションを作成するには、「グラデーション名」テキストボックスに名前を入力し、「新規グラデーション」ボタンをクリックします。これにより、指定した不透明度の分岐点に基づく新しいグラデーションプリセットが作成されます。

ノイズグラデーションの作成

ノイズグラデーションは、指定したカラー範囲内でランダムに分布したカラーを含むグラデーションです。

Photoshop 粗さの値が異なるノイズグラデーション
粗さの値が異なるノイズグラデーション

A. 10 %の粗さ B. 50 %の粗さ C. 90 %の粗さ 

  1. グラデーションツール を選択します。

  2. オプションバーのグラデーションサンプルをクリックして、グラデーションエディターダイアログボックスを表示します。
  3. 既存のグラデーションに基づいて新規グラデーションを作成するには、ダイアログボックスの「プリセット」セクションにあるグラデーションを選択します。
  4. グラデーションタイプポップアップメニューから「ノイズ」を選択し、次のオプションを設定します。

    粗さ:グラデーションのカラーバンド間の遷移の滑らかさを制御します

    カラーモデル:調整可能なカラーコンポーネントを変更します。構成要素ごとにスライダーをドラッグして、許容される値の範囲を定義します。例えば、HSB モデルを選択した場合、グラデーションを、ブルーからグリーンの色相、高彩度および中間の明るさに制限することができます

    カラーを制限:カラーの彩度が高くなり過ぎるのを防ぎます

    透明度を追加: ランダムに分布したカラーに透明度を追加します

    開始位置を乱数的に変化させる:上記の設定に沿ったグラデーションをランダムに作成します。目的の設定になるまでボタンを選択します

  5. 指定した設定のプリセットグラデーションを作成するには、「グラデーション名」テキストボックスに名前を入力し、「新規グラデーション」ボタンをクリックします。

グラデーションプリセットの使用方法

Photoshop の新しく改善されたプリセットパネルの適用方法について説明します。Julieanne Kost が、スウォッチ、パターン、グラデーション、スタイルおよびシェイプについて詳しく解説します。

Julieanne Kost

その他の関連ヘルプ


ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト