Photoshopでグラデーションを作る方法

ページ名:Photoshopでグラデーションを作る方法

グラデーションとは、画像全体を覆ったり塗りつぶしたりする、色や色合いの緩やかな変化のことです。グラデーションは、影による微妙な色の変化など、画像に微妙な色の変化を加えるために使用でき、レイヤーやブレンドして面白い効果を作り出すこともできます。Photoshopでグラデーションを作成するには、グラデーションツールを使用して、選択した領域またはレイヤーに線形、放射状、角度、反射、または菱形のグラデーションを追加する必要があります。このWikiHowでは、独自のグラデーションを作成し、Photoshopプロジェクトを完成させるために使用する方法を説明します。

パート1

グラデーションの作成

  1. ツールバーのグラデーションツールをクリックします。このツールには、グレーのグラデーションが描かれた四角いアイコンがあり、ペイントバケツツールと共通のボタンがあります。グラデーションツールが表示されていない場合は、メニューが展開されるまでペイントバケツをクリックしたままにして、グラデーションツールをクリックします。
  2. グラデーションエディターを開く。様々なグラデーション・ツールは今 Photoshop の上の棒で現われる。広いグラデーションのように見えるドロップダウン・メニューの中央をかちりと鳴らしてグラデーション・エディターを開けなさい。
  3. プリセットを選択します。色およびタイプによって構成されるさまざまな事前調整は現われる。どのプリセットも編集して自分好みのものにすることもできますし、プリセットに含まれているものにこだわることもできます。プリセットを選択すると、下部のグラデーションバーにプレビューが表示されます。
    • たくさんのカスタマイズをしたい場合は、一番上の「Basics」フォルダからグラデーションを始めてみてください。
  4. グラデーションの色を選択して調整します。下にあるスライダーは「ストップ」と呼ばれ、グラデーションに表示される色をコントロールします。ストップを使って色を追加したりコントロールする方法を説明します:
    • 左下のストップをクリックし、「カラー」ドロップダウンから色を選択します。
    • 右下のストップをクリックし、別の色を選択します。
    • グラデーションの色が思い通りになるまで、ストップを好きな位置にドラッグします。
    • 真ん中に別のストップが表示され、色が混ざり合う位置を調整します。グラデーションが思い通りになるまで、このストップをドラッグします。
    • もっと色を追加したいですか?色を追加したいグラデーションの下をクリックして別のストップを作成し、色を選択します。ストップを削除するには、それを選択して "削除 "をクリックします。
  5. グラデーションの不透明度と滑らかさを調整します。上2つの角のストップは「不透明度」ストップで、ある部分の色の硬さや半透明度をコントロールします。また、"Smoothness "メニューで、グラデーションの色や大きさが変わる部分の滑らかさを調整できます。
    • より荒いグラデーションがお好みの場合は、「グラデーションタイプ」メニューをクリックし、「ノイズ」を選択します。ラフネス」スライダーでノイズの量を調整できます。
    • 粗い "グラデーションは、各スポットの色をランダムに選びます。その結果、スムーズで切れ目のない1つの遷移ではなく、各色のスロットがある本棚のように見えます。
  6. グラデーションを保存する気に入ったグラデーションができたら、別のグラデーションに切り替えたときに消えてしまわないように保存しておきましょう。その方法は以下の通りです:
    • 名前」ボックスにグラデーションの名前を入力します。
    • 新規作成ボタンをクリックして、現在のフォルダの "プリセット "に追加します。
    • 保存したフォルダが適用できない場合は、グラデーションを別のフォルダにドラッグできます。または、全く新しいグループを作成したい場合は、プリセットのリスト上の任意の場所を右クリックし、[新規グラデーショングループ]を選択します。
  7. 新しいグラデーションを使用するには、[OK]をクリックします。これでグラデーションエディターが閉じ、 画像に戻ります。
パート2

グラデーションツールを使う

  1. グラデーションを追加したい部分を選択します。レイヤーや画像全体を塗りつぶしたくない場合は、塗りつぶす部分を選択(または作成)します。 シェイプツールで図形を作成したり、ペンツールで何かを描いたり、マーキーツールで選択範囲を作成したりします。
    • レイヤーや画像全体をグラデーションで塗りつぶす場合は、最初に何も選択する必要はありません。
    • 選択範囲や形さえ作れれば、どんな形でもグラデーションを作ることができます。
  2. グラデーションで塗りつぶしたい部分をクリックしてドラッグします。マウスを離すと、画像の線を置いた部分にグラデーションが追加されます。
  3. ツールバーのグラデーションツールをクリックします。四角いアイコンにグレーのグラデーションが表示され、ペイントバケツツールと共通のボタンがあります。グラデーションツールが表示されていない場合は、メニューが展開されるまでペイントバケツをクリックしたままにして、グラデーションツールをクリックします。
  4. グラデーションを選択します。あなたが使用したいグラデーションの色およびパターンが Photoshop の左上隅の広いドロップダウン・メニューに現われるものでなかったら、オプションを拡大するためにそれの隣の小さい下矢印をかちりと鳴らし、そして望ましいグラデーションをかちりと鳴らして下さい。
  5. グラデーションのスタイルを選択します。ツールバーの選択したグラデーションの横に、パターンを含む5つの四角が表示されます。これらは異なるグラデーションスタイル用です。順番に並べます:
    • 線形:夕暮れの空のような古典的なグラデーション。2つの色が直線に沿って徐々に変化していきます。
    • 放射状:一つの色が真ん中から始まり、球状に咲き誇り、徐々に次の色に変化していく。太陽を覗き込むように。最初の色が "太陽 "で、2番目の色が "空"。
    • 角度:より具体的には、出発点を中心に反時計回りの弧を描く。多くの場合、エッジにグラデーションのある2つのソリッドカラーになる。
    • リフレクト:始点の両側に通常の直線グラデーションの鏡像を描きます。基本的に、「線」を右に引くと、左にグラデーションを繰り返します。
    • ひし形:放射状グラデーションと同じですが、真ん中が円ではなく、ひし形または正方形になります。
  6. グラデーションには他のオプションを選んでください。Photoshopの上部にあるグラデーションバーを右に移動すると、他のオプションがあります:
    • モード」ドロップダウンでは、ディゾルブやカラーバーンなどのブレンドモードを選択できます。
    • 不透明度」メニューでグラデーション全体の不透明度を調整できます。
    • グラデーションパターンを反転させるには、"反転 "の隣にあるボックスをチェックします。
    • グラデーションをより滑らかに、バンディングを少なくするには、"ディザ "の横のボックスをチェックします。
    • 透明マスクをグラデーションで塗りつぶすには、"透明 "の横のボックスをチェックします。
  7. クリックしたままにして、グラデーションの開始点を設定します。これは、最初の色が最も強くなる場所と考えてください。覚えておいてほしいのは、グラデーションはシェイプを塗りつぶします。
    • 選択範囲やレイヤーをクリックする必要もありません。フェードを「画面外」から開始したい場合は、画面外をクリックします。こうすることで、より繊細なフェードが可能になります。
    • グラデーションを設定する準備ができるまで、マウスボタンを離さないでください。
  8. グラデーションをかけたい方向にマウスを動かしてから離します。始点から色が薄くなる方向を示す線が表示されます。マウスを離すとグラデーションが完成します。
    • 線が長いほどグラデーションが緩やかになり、線が短いほど2つの色が急激に変化します。
    • Shiftキーを押しながらドラッグすると、線の角度が45度に固定されます。
  9. レイヤーにグラデーションを適用する(上級者向け)。グラデーションを描画したり図形に配置したりして画像に直接適用するだけでなく、レイヤーパネルでレイヤーに直接適用することもできます。その方法をご紹介します:
    • グラデーションをレイヤー効果やシェイプの塗りつぶしとして、テキストレイヤーやシェイプレイヤーに適用します:レイヤーパネルのレイヤーにグラデーションパネル(Photoshopの右側)から必要なグラデーションをドラッグします。
    • 塗りつぶしレイヤーとしてテキストまたはシェイプレイヤーにグラデーションを適用します:Cmd(Mac)またはAlt(Win)を押しながら、グラデーションパネルから目的のレイヤーにグラデーションをドラッグします。
この記事は、CC BY-NC-SAの下で公開された「 How to Make a Gradient in Photoshop 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAで利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧