MENU
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
写真の撮り方や画像編集を解説
長谷川敬介 -カメラマン-
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
ゼロからわかる【カメラ講座】全32話
  1. ホーム
  2. 画像編集
  3. Photoshop
  4. 【Photoshop】レイヤーマスクとグラデーションで徐々に透明にする方法

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

2022 5/08
Photoshop
2019年1月14日 2022年5月8日
長谷川敬介

こんにちは!

Photoshop歴15年のカメラマン 長谷川 (@ksk_photo_man)です!

さてPhotoshopで、

カメさん

グラデーションツマスクで透明にしたい

と思っていませんか?

今回は、Photoshopで「レイヤーマスクとグラデーションで徐々に透明にする方法」をお伝えします。

ビフォア
アフター

Adobeフォトプラン

\ 7日間無料で楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

タップできる目次
長谷川 敬介

1984年生まれ。長野県出身。プロ歴5年・写真歴12年のカメラマン(料理撮影がメイン)。合同会社ケーエスの代表。

» プロフィール詳細

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で「レイヤーマスクとグラデーションで徐々に透明にする方法」をお伝えしました。

長谷川敬介

レイヤーマスクの選択が忘れがちなので、注意してね!

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

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

Adobeフォトプラン

\ 7日間無料で楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

Photoshop
よかったらシェアしてね!
  • URLをコピーしました!
  • Photoshop CC 2019 ラインツールで矢印を作る方法
  • 【初心者向け】Photoshopでできること:事例9コ

関連記事

  • Photoshop 2022の新機能!「風景ミキサー」の使い方
    2022年5月8日
  • 【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    2022年5月8日
  • Photoshop-Elements使い方
    【演習つき】Photoshop Elements(フォトショップ エレメンツ)の使い方
    2022年5月10日
  • 【Photoshop】写真をセピア調にする3つのやり方
    【Photoshop】写真をセピア調にする3つのやり方
    2022年5月8日
  • 【Photoshop】シェイプツールの使い方
    【Photoshop】シェイプツールの使い方
    2022年5月8日
  • 【Photoshop】クリッピングマスクの使い方
    【Photoshop】クリッピングマスクの使い方
    2022年5月8日
  • Photoshopでグリッドを表示・設定変更の方法
    【Photoshop】グリッドを表示・設定変更の方法
    2022年5月8日
  • Photoshopのラスタライズってなに?
    Photoshopのラスタライズってなに?
    2022年5月8日

コメント

コメント一覧 (2件)

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

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

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

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

      返信

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

長谷川 敬介
カメラマン
プロ歴5年・写真歴12年のカメラマン。

合同会社ケーエス代表

広告写真スタジオを経て独立。2022年2月に合同会社ケーエスを設立。
プロフィール
当サイトの引用について

当サイトはリンクフリーです。記事本文・画像を引用した場合、リンクを貼っていただければ問題ございません。また、当サイトを引用した記事はTwitterで拡散することも可能です。ご希望の方は、TwitterのDMまでご連絡ください

この記事の目次
人気記事
  • 写真編集ソフトおすすめランキング
  • Adobe CCを安く買う方法!アカデミック版が格安
  • カメラのサブスク(月額・定額制)を比較
  • 動画編集・動画制作おすすめオンラインスクール【社会人向け】
オススメ画像編集ソフト
  • Luminar AI(ルミナー エーアイ)
  • Lightroom(ライトルーム)
  • Photoshop(フォトショップ)
  • PhotoDirector(フォトディレクター)
  • SILKYPIX Developer Studio Pro10
  • Zoner Photo Studio X
運営メディア
  • ウチジム
  • ミールデリ
  • 合同会社ケーエス
  • 運営者情報
  • サイトマップ
  • プライバシーポリシー
  • サイトポリシー
  • 特定商取引法に基づく表記
  • お問い合せ

© 2021 長谷川敬介

タップできる目次