MENU
  • 写真・画像編集
    • Adobe製品
      • Adobe Photoshop
      • Adobe Premiere Pro
        • 動画編集の始め方
        • 動画編集スクール
      • その他のAdobe製品
        • Adobe After Effects
    • 現像・画像編集ソフト
      • Luminar
    • 写真の撮り方
      • デジタルカメラ
      • 一眼レフの使い方
  • 動画編集
    • 動画サービス
    • 動画編集ソフト
  • YouTube
  • お問い合わせ
はじめての撮影&編集に役立つ情報をお届け
写真と動画の撮影・編集入門
  • 写真・画像編集
    • Adobe製品
      • Adobe Photoshop
      • Adobe Premiere Pro
        • 動画編集の始め方
        • 動画編集スクール
      • その他のAdobe製品
        • Adobe After Effects
    • 現像・画像編集ソフト
      • Luminar
    • 写真の撮り方
      • デジタルカメラ
      • 一眼レフの使い方
  • 動画編集
    • 動画サービス
    • 動画編集ソフト
  • YouTube
  • お問い合わせ
  1. ホーム
  2. Adobe製品
  3. Adobe Photoshop
  4. 【Photoshop】レイヤーマスクとグラデーションで徐々に透明にする方法

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

2023 10/26
Adobe Photoshop
2023年10月26日
長谷川敬介
【PR】この記事には広告を含む場合があります。

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

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

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

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

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

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

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

ビフォア
アフター

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

あわせて読みたい
非公開: 【初心者向け】Photoshopでできること:事例9コ
タップできる目次
長谷川敬介のアイコン 長谷川敬介

映像クリエイター・プロカメラマン。Adobe歴20年。Premiere Pro 認定プロフェッショナル(国際資格)。1984年生まれ。長野県出身。合同会社ケーエスの代表

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選
あわせて読みたい
【プロが解説】動画編集ソフトおすすめランキングベスト10
あわせて読みたい
ヒカキンが愛用する動画編集ソフトは?
Adobe Photoshop

この記事が気に入ったら
フォローしてね!

Follow Me
よかったらシェアしてね!
  • URLをコピーしました!
  • Photoshop:カンバスサイズの変更は切り抜きツールを使うと便利
  • 【Photoshop】グリッドを表示・設定変更の方法

関連記事

  • フォトショップで建物の写真の歪みを補正する方法
    2023年10月25日
  • Photoshopで写真の傾きを補正する方法
    2023年10月25日
  • Photoshop作業が捗るショートカットキー26選
    2023年10月24日
  • Photoshop月額980円プランをプロが徹底解説
    2025年4月3日
  • Photoshopどれを買えばいい?詳しい比較と選び方を紹介
    2024年3月7日
  • 【Photoshop】複数レイヤーまとめて書き出しする方法
    2023年10月26日
  • 【Photoshop】部分的に明るくしてみよう!
    2024年2月20日
  • 【Photoshop】解像度(dpi)の変更方法
    2023年10月26日

コメント

コメント一覧 (2件)

  • 伏池ありす より:
    2022年9月26日 11:41 PM

    グラデーションの種類を黒-白で透明になりますか?
    徐々に白くなっていくだけでは?
    他の画像に上乗せしたとき下の画像が隠れます。
    種類は黒-透明ではないでしょうか?

    返信
    • 長谷川敬介 より:
      2022年9月28日 3:40 PM

      レイヤーマスクを使っているので、「黒-白」で合っているかと!

      返信

コメントする コメントをキャンセル

人気記事
  • プレミアプロを安く使いたい!値段と買い切り版を解説
    プレミアプロを安く使いたい!値段と買い切り版(永久ライセンス)を解説
  • Google隠しコマンドで手軽に遊ぼう!(ブロック崩し・パックマン・一回転など)
  • Illustratorの月額・買い切りは?安い値段で購入する方法
    Illustratorの月額・買い切りは?安い値段で購入する方法
  • Photoshopの買い切り版は?代替ソフトと安い値段で買う方法
    【2025年】Photoshopの買い切り版は?代替ソフトと安い値段で買う方法
  • 無料で使える!ロゴなし動画編集ソフト15選【最新版】
【セール中】最大75%オフ

割引コード「hase」で更に1,100円割引

この記事の目次
カテゴリー
  • Adobe製品 (55)
    • Adobe Photoshop (22)
    • Adobe Premiere Pro (25)
      • 動画編集の始め方 (4)
      • 動画編集スクール (11)
    • その他のAdobe製品 (8)
      • Adobe After Effects (1)
  • YouTube (21)
  • その他 (14)
    • パソコンメンテナンス (5)
    • マネー (5)
  • 写真・画像編集 (36)
    • 写真の撮り方 (22)
      • デジタルカメラ (7)
      • 一眼レフの使い方 (15)
    • 現像・画像編集ソフト (14)
      • Luminar (9)
  • 動画編集(Adobe以外) (21)
    • 動画サービス (6)
    • 動画編集ソフト (15)
  • 合同会社ケーエスとは
  • 当サイトの取り組み
  • 全カテゴリー
  • プライバシーポリシー
  • サイトポリシー

© 2024 Your-Create

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