MENU
  • 写真撮影・カメラ
  • 写真編集
  • 動画編集
  • Adobe製品・セール情報
  • YouTube
長谷川敬介が、はじめての撮影&編集をわかりやすく解説
撮影・編集の研究室
  • 写真撮影・カメラ
  • 写真編集
  • 動画編集
  • Adobe製品・セール情報
  • YouTube
Adobe CCのセール情報こちら »
  1. ホーム
  2. 写真編集(Photoshop・Luminarなど)
  3. 【Photoshop】レイヤーマスクとグラデーションで徐々に透明にする方法

【Photoshop】レイヤーマスクとグラデーションで徐々に透明にする方法

2026 3/24
写真編集(Photoshop・Luminarなど)
2026年3月24日
長谷川敬介
【PR】この記事には広告を含む場合があります。
長谷川 敬介

映像クリエイター・カメラマン

長谷川 敬介 (はせがわ けいすけ)

KSクリエイト / 合同会社ケーエス代表。
映像制作・写真撮影の実務経験をもとに、写真と動画の撮影・編集に特化したメディアを運営しています。現場で使えるテクニックやツールの使い方を、個人クリエイターや中小企業の広報担当者向けに発信しています。長年の実務経験をもとに、「すぐに使える」ノウハウを分かりやすく解説しています。

執筆者

こんにちは!カメラマンのけいすけ(@ksk_photo_man)です!

  • Photoshopのグラデーションで徐々に透明にする方法がわからない

本記事ではPhotoshopでレイヤーマスクとグラデーションを用いてイメージを徐々に透明にする方法を、具体的な手順と共に解説しています。

本記事でお伝えする内容は次のとおりです。

  • グラデーションで徐々に透明にする方法
  • グラデーションツールを使いこなそう(応用)

初めてでも安心して行えるように、レイヤーマスクの追加からグラデーションのかけ方まで、一つひとつをていねいに解説。

最後に、この記事はあくまで一例です。本記事の手順を参考にしつつ、皆さまのオリジナリティを活かして、個性豊かな作品を生み出してください。

ビフォア
アフター

\ Photoshopの可能性をさらに探求 /

あわせて読みたい
非公開: 【初心者向け】Photoshopでできること:事例9コ
タップできる目次

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法

では実際に、Photoshopで透明にグラデーションをかけていきましょう。

全体の流れ
  1. レイヤーマスクを追加
  2. レイヤーマスクを選択
  3. グラデーションツールを選択
  4. グラデーションエディターで「黒ー白」を選択
  5. グラデーションの形を選択
  6. ドラッグしてグラデーションをかける(完成)

① レイヤーマスクを追加

次にレイヤーパレットの下にある「レイヤーマスクを追加」を選択します。

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法

するとレイヤーの右側にマスクが追加されます

② レイヤーマスクを選択

追加されたマスクをクリックしてレイヤーマスクを選択します。

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法
けいすけ

レイヤーマスクを追加した直後はマスクが選択された状態です!

③ グラデーションツールを選択

次に画面左にあるツールから「グラデーションツール」を選択します。

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法

④ グラデーションエディターで「黒ー白」を選択

グラデーションツールを選択したら、次は、画面上部にあるオプションバーにある、グラデーションをクリックします。

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法

グラデーションエディター内にある「黒ー白」を選択します。

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法

⑤ グラデーションの形を選択

次は、グラデーションの形を選択します。

Photoshopでは、5つの形から選ぶことができます。

今回は左から2つ目の「円形グラデーション」を選択します。

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法

⑥ ドラッグしてグラデーションをかける(完成)

ここまでできたら画面内でドラッグしてみましょう!

Photoshopレイヤーマスクとグラデーションで徐々に透明にする方法

これで無事に完成です。

目次に戻る

グラデーションツールを使いこなそう(応用)

グラデーションツールは様々な設定があります。

どんな設定ができるのか見ていきましょう。

  1. グラデーションの方向
  2. グラデーションの形
  3. 変化の具合

-1 グラデーションの方向

オプションバーにある「逆方向」のチェック有無でグラデーションの方向を変えることができます。

グラデーションツールを使いこなそう(応用

-2 グラデーションの形

繰り返しになりますが、Photoshopでは、5つの形から選ぶことができます。

グラデーションツールを使いこなそう(応用)

一つ一つ見ていきましょう。

(左から)

線形グラデーション

グラデーションツールを使いこなそう(応用)

円形グラデーション

グラデーションツールを使いこなそう(応用)

円錐形グラデーション

グラデーションツールを使いこなそう(応用)

反射形グラデーション

グラデーションツールを使いこなそう(応用)

菱形グラデーション

グラデーションツールを使いこなそう(応用)
けいすけ

線形グラデーションと円形グラデーションは、よく使うので覚えておくと便利です!

-3 変化の具合

また、グラデーションエディターではグラデーションの変化の具合を調整することができます。

グラデーションツールを使いこなそう(応用)

グラデーションタイプの下にあるスライダーをドラッグで調整します。

グラデーションツールを使いこなそう(応用)
目次に戻る

【Photoshop】グラデーション透明に関するよくある質問

Photoshopで画像の透かしはどうやってつけるの?

Photoshopで画像に透かしをつける方法は、以下のとおりです。

  1. Photoshopを起動し、画像を開きます。
  2. テキストツールまたはシェイプツールを使用して、透かしにしたいテキストやシェイプを作成します。
  3. 作成したテキストやシェイプをレイヤーとして保存します。
  4. 透かしを入れたい画像を開き、レイヤーパネルで透かしのレイヤーを選択します。
  5. レイヤーパネルで透かしのレイヤーの不透明度を調整します。不透明度を下げることで、透かしをつけることができます。
Photoshopで周りを透明にぼかすには?

Photoshopで周りを透明にぼかす方法は、以下のとおりです。

  1. Photoshopを起動し、画像を開きます。
  2. レイヤーパネルでレイヤーマスクを追加します。
  3. レイヤーマスクを選択した状態で、ブラシツールを選択します。
  4. ブラシツールのオプションバーで、ブラシの硬さを調整します。
  5. ブラシツールで、周りを透明にぼかしたい部分を塗りつぶします。ブラシの硬さを調整することで、ぼかしの強さを調整することができます。
Photoshopの透明度はどこ?

Photoshopで透明度を調整する方法は、以下のとおりです。

  1. Photoshopを起動し、画像を開きます。
  2. レイヤーパネルで透明度を調整したいレイヤーを選択します。
  3. レイヤーパネルで、透明度を調整するための不透明度スライダーを調整します。スライダーを左に動かすことで、レイヤーが透明になります。
Photoshopでグラデーションに透明にならない時の対処法は?

グラデーションが透明にならない場合は、以下の原因が考えられます。

  • レイヤーマスクが選択されていない。
  • グラデーションの描画色が透明になっていない。
  • レイヤーの不透明度が100%に設定されている。

これらの原因を確認し、対処することでグラデーションを透明にすることができます。

目次に戻る

【Photoshop】グラデーションで透明にする方法まとめ

本記事では、Photoshopにおけるレイヤーマスクとグラデーションの活用方法を解説しました。

レイヤーマスクとグラデーションは、Photoshopの基本的かつ強力なツールです。今後も練習を重ね、さらに高度な技術に挑戦してみてください。

また、写真好きでPhoshop初心者の方は、「Photoshopの使い方!写真好き・加工初心者向け」も参考にしてみてください。

よろしければこちらもご覧ください。

\ Photoshopの可能性をさらに探求 /

あわせて読みたい
非公開: 【初心者向け】Photoshopでできること:事例9コ
あわせて読みたい
【プロが解説】150人に聞いた!写真編集ソフトおすすめランキング6選
あわせて読みたい
動画編集ソフトおすすめランキング【15本試してわかった厳選6選|YouTube・SNS向け】
あわせて読みたい
ヒカキンが愛用する動画編集ソフトは?
写真編集(Photoshop・Luminarなど)
よかったらシェアしてね!
  • URLをコピーしました!
  • Photoshop:カンバスサイズの変更は切り抜きツールを使うと便利
  • 【Photoshop】グリッドを表示・設定変更の方法

関連記事

  • PhotoshopとFireflyの使い方|生成AIで写真編集が劇的に変わる【入門者向け】
    2026年4月2日
  • 【2026年4月最新】Luminar Neo プロモーションコード&最新セール情報
    2026年4月9日
  • Luminar Neoの対応カメラしているカメラは?
    2026年3月24日
  • 買い切りの写真編集・画像編集ソフトおすすめ5選
    2026年3月24日
  • 2026年版!買い切りRAW現像ソフトおすすめ5選
    2026年3月24日
  • フォトショップで建物の写真の歪みを補正する方法
    2026年3月24日
  • Photoshopで写真の傾きを補正する方法
    2026年3月24日
  • Photoshop作業が捗るショートカットキー26選
    2026年3月24日
人気記事
  • Google隠しコマンドで手軽に遊ぼう!(ブロック崩し・パックマン・一回転など)
  • プレミアプロを安く使いたい!値段と買い切り版を解説
    プレミアプロを安く使いたい!値段と買い切り版(永久ライセンス)を解説
  • Illustratorの月額・買い切りは?安い値段で購入する方法
    イラストレーターは買い切りできる?中古・価格・代替ソフト(Win / Mac)も徹底解説
  • Youtuber収益計算機
  • 絵コンテ無料テンプレートで効率アップ!動画制作者向けに解説
この記事の目次
カテゴリー
  • Adobe製品・セール情報 (17)
  • YouTube (21)
  • 写真撮影・カメラ (20)
  • 写真編集(Photoshop・Luminarなど) (32)
  • 動画編集(Premiere Pro・Filmoraなど) (35)
  • 未分類 (7)
  • 合同会社ケーエスとは
  • 当サイトの取り組み
  • 全カテゴリー
  • プライバシーポリシー
  • サイトポリシー
  • お問い合わせ

© 2024 Your-Create

タップできる目次
当サイト「写真と動画の撮影・編集入門」では、ユーザーの利便性向上を目的としてCookie(クッキー)を使用しています。引き続き閲覧される場合、Cookie の使用に同意したものとみなされます。