Photoshopでテキストを透明にする方法

画像にテキストを追加する必要があるのに、挿入する適切な場所がありませんか? Photoshop で透明なテキストとして追加してみましょう。

このチュートリアルでは、透明なテキスト領域を作成する方法を説明します。透明なテキスト領域では、テキスト自体が完全に透明になり、その下の画像が透けて見えるようになります。テキストを、通常は白色の単色ブロックで囲むことで文字の形状を明らかにし、テキストが主題のフレームになります。これは、画像が雑然としていてテキストが読みにくい場合に最適なデザインのヒントです。

Photoshop で透明なテキストを作成するのは簡単です。まず、画像の上に新しいレイヤーを追加し、白で塗りつぶします。次にテキストを追加します。テキストを透明にするには、Photoshop の高度なブレンディング オプションを使用して、タイポグラフィ レイヤーをハイライト レイヤーに変換します。こうすると、文字の形に穴が開けられ、下の画像に直接つながります。

ステップ1: 画像を開く

まず、透明効果を追加したい画像を開きます。たとえば、私はAdobe Stockからニューヨークのスカイラインのこの画像をダウンロードしました

Photoshopでテキストを透明にする方法
オリジナル画像。

ステップ2: 新しいレイヤーを追加する

レイヤー パネルでは、画像は背景レイヤーにあります。レイヤー パネルの下部にある [新しいレイヤーを追加]アイコンをクリックします。

Photoshopでテキストを透明にする方法
[新しいレイヤーの追加]アイコンをクリックします。

画像の上に「レイヤー 1」という名前の新しい空白のレイヤーが表示されます。

このレイヤーを使用して、テキストの周囲に白い領域を作成します。

Photoshopでテキストを透明にする方法
新しい空白のレイヤー。

ステップ3: 新しいレイヤーを白で塗りつぶす

メニューバーの「編集」メニューに移動し、 「塗りつぶし」を選択して、レイヤーを白で塗りつぶします。

Photoshopでテキストを透明にする方法
[編集]メニューから[塗りつぶし]コマンドを選択します。

[塗りつぶし]ダイアログ ボックスで、[内容を白]に設定します次に「OK」をクリックします。

Photoshopでテキストを透明にする方法
内容を白に設定

Photoshop はレイヤーを白で塗りつぶし、一時的に画像が表示されないようにします。

Photoshopでテキストを透明にする方法
レイヤーを白く着色した後の結果。

ステップ4: レイヤーの不透明度を下げる

レイヤーパネルで、レイヤー 1 の不透明度を 75% に下げます。

Photoshopでテキストを透明にする方法
レイヤーの不透明度を下げます。

不透明度を下げると、画像が部分的に表示されるようになり、テキストを追加するときに確認できるようになります。

Photoshopでテキストを透明にする方法
レイヤーの不透明度を下げた後の結果。

ステップ5:文字ツールを選択

ツールバーで文字ツールを選択します。

Photoshopでテキストを透明にする方法
Photoshop の文字ツールを選択します。

ステップ6: フォントを選択する

オプション バーでフォントを選択します。この例では Futura PT Heavy を使用しますが、太いテキストのフォントであればどれでも使用できます。

Photoshopでテキストを透明にする方法
オプションバーでフォントを選択します。

引き続きオプション バーで、フォント サイズを 150 pt に設定します。テキストを追加したらサイズを変更する必要がありますが、これで十分な大きさの開始点が得られるはずです。

Photoshopでテキストを透明にする方法
初期のフォントサイズを選択します。

ステップ7: テキストの色を黒に設定する

オプション バーを終了する前に、テキストの色が黒に設定されていることを確認してください。そうでない場合は、キーボードのD キーを押してデフォルトにリセットします。

黒の場合、白い背景の前にあるテキストは見えますが、テキストを透明にすると見えなくなります。

Photoshopでテキストを透明にする方法
テキストは黒になります。

ステップ8: テキストを追加する

ドキュメント内をクリックしてテキストを追加します。この例では、「NEW YORK CITY」という単語が入力されます。

Photoshopでテキストを透明にする方法
テキストを追加します。

オプション バーのチェック マークをクリックして受け入れます。

Photoshopでテキストを透明にする方法
チェックマークをクリックします。

レイヤーパネルでは、新しいテキスト レイヤーがレイヤー 1 の上に表示されます。

Photoshopでテキストを透明にする方法
新しいテキスト レイヤー。

ステップ9: テキストサイズを変更する

メニューの「編集」メニューに移動し、 「自由変形」を選択します。

Photoshopでテキストを透明にする方法
自由変形コマンドを選択します。

Photoshop はテキストを変換ボックスとハンドルで囲みます。

ただし、ハンドルをドラッグする前に、オプション バーに移動して、高さのフィールド間のリンク アイコンが選択されていることを確認してください。これにより、サイズを変更するときにテキストのアスペクト比が固定され、文字が歪まないようになります。

Photoshopでテキストを透明にする方法
幅と高さはリンクされている必要があります。

次に、ハンドルをドラッグしてテキストのサイズを変更します。

この例では、テキストを大きくして、画像のできるだけ多くをカバーします。

Photoshopでテキストを透明にする方法
テキストのサイズを変更するには、コーナーのハンドルをドラッグします。

次に、変換ボックス内でクリックしてドラッグし、テキストの位置を変更します。この例では、テキストを水の境界線の前に移動します。

完了したら、キーボードのEnter キー(Win) / Return キー(Mac) を押して、自由変形を確定し閉じます。

Photoshopでテキストを透明にする方法
テキストを所定の位置にドラッグします。

ステップ10: ブレンドオプションを変更する

レイヤー パネルで、テキスト レイヤーが選択されていることを確認し、下部にあるレイヤー効果 (fx)アイコンをクリックします。

Photoshopでテキストを透明にする方法
fxアイコンをクリックします。

次に、トップメニューから「ブレンディング オプション」を選択します。

Photoshopでテキストを透明にする方法
ブレンドオプションを選択します。

これにより、メインのブレンド オプションが設定されたPhotoshop のレイヤー スタイルダイアログ ボックスが開きます。

[高度なブレンディング]セクションで、[ノックアウト] を[なし]から[浅い]に変更しますこれにより、テキスト レイヤーがノックアウト レイヤーに変換されます。つまり、Photoshop は文字の形状を使用してレイヤー 1 をパンチスルーし、画像を背景レイヤーに表示します。

Photoshopでテキストを透明にする方法
ノックアウトを浅いものに変更します。

塗りの不透明度を 0% まで下げるまで、効果は表示されません。

Photoshopでテキストを透明にする方法
塗りの不透明度を0%まで下げます

[OK]をクリックして、レイヤー スタイルダイアログ ボックスを閉じます。

テキスト自体が透明になるだけでなく、テキストの真下のレイヤー 1 の領域も透明になり、テキストが突き抜けたように見えます。

背景レイヤーの画像が文字を通して見えるようになりました。

Photoshopでテキストを透明にする方法
現在テキストの上に画像が表示されている結果。

ステップ11: レイヤー1を選択

画像全体を覆わないように、テキストの周囲の白い領域のサイズを変更します。

レイヤーパネルでレイヤー 1 をクリックして、レイヤー 1 を選択します。

Photoshopでテキストを透明にする方法
白い塗りつぶしレイヤーを選択します。

ステップ12: 自由変形を使用してレイヤーのサイズを変更する

「編集」メニューに戻り、「自由変形」を選択します。

Photoshopでテキストを透明にする方法
自由変形コマンドを選択します。

変換ハンドルをドラッグする前に、オプション バーに戻り、今度は幅と高さのフィールドのリンクを解除します。これにより、アスペクト比を気にせずにハンドルを自由にドラッグできるようになります。

Photoshopでテキストを透明にする方法
幅と高さのリンクを解除します。

次に、上部と下部のハンドルをテキストに向かってドラッグします。完了したら、キーボードのEnter (Win) / Return (Mac)を押します。

Photoshopでテキストを透明にする方法
白い境界線のサイズを変更します。

ステップ13: レイヤーの不透明度を調整する

最後に、レイヤー 1 の不透明度を調整して、テキストの可視性を微調整します。

不透明度を上げると、テキストの周囲の白い領域が読みやすくなります。不透明度を下げると、画像上のテキスト領域がぼやけます。

この例では、不透明度を 85% に設定します。

Photoshopでテキストを透明にする方法
レイヤーの不透明度を上げます。

不透明度を上げると、最終的な透明なテキスト領域の結果は次のようになります。

Photoshopでテキストを透明にする方法
最終結果。

Leave a Comment

最高の AI 写真背景除去ツールは何ですか?

最高の AI 写真背景除去ツールは何ですか?

人々は背景を手動で削除するのに多くの時間を費やしており、AI は必ずしも主張するほどの魔法ではありません。

Photoshopで写真を鉛筆スケッチ風に加工する方法

Photoshopで写真を鉛筆スケッチ風に加工する方法

このチュートリアルでは、Adobe Photoshop を使用して写真を簡単に鉛筆スケッチに変換する方法を説明します。

Photoshopで画像のサイズを適切に変更する方法

Photoshopで画像のサイズを適切に変更する方法

Photoshop のシンプルなチャンネルベースの保護方法を知るまでは、画像のサイズ変更を非常に面倒に感じていた人がたくさんいました。

Photoshopで写真にポスター効果を加える方法

Photoshopで写真にポスター効果を加える方法

Photoshop を使用して画像にポスター効果をすばやく簡単に追加し、限られたインク色で印刷されたポスターのクラシックな外観を再現します。

Photoshopよりも優れたAI写真編集ツール6選

Photoshopよりも優れたAI写真編集ツール6選

Photoshop を第 2 の選択肢にする AI 写真編集ツールは数多くあり、AI 機能は複雑な Photoshop を習得しなくても写真を編集できる便利なツールです。

Photoshop 2025で最も人気の3つの機能

Photoshop 2025で最も人気の3つの機能

Photoshop 2025 には、新しい AI ツール、よりスマートな選択、そしてこれまで必要だとは思わなかった機能が搭載されています。

Photoshopでモノクロカラー効果を作成する方法

Photoshopでモノクロカラー効果を作成する方法

このチュートリアルでは、Adobe Photoshop を使用して画像にモノクロカラー効果を簡単に追加する方法について説明します。

Photoshopで影の境界線を作成する方法

Photoshopで影の境界線を作成する方法

このチュートリアルでは、Photoshop でキャンバス スペースとドロップ シャドウを写真に追加して、シンプルでありながらスタイリッシュな写真の境界線を作成する方法を説明します。

レンズぼかしが芸術的な写真編集に使用される Photoshop ツールなのはなぜですか?

レンズぼかしが芸術的な写真編集に使用される Photoshop ツールなのはなぜですか?

Adobe のレンズぼかしツールを使用すると、写真を簡単に確認して、写真に深みとフォーカスを加えることができます。

AIではなく、アクションはユーザーが愛するPhotoshopの機能です

AIではなく、アクションはユーザーが愛するPhotoshopの機能です

アプリ内に隠れている Photoshop アクションは、AI を必要とせずにワークフローを高速化することを目的とした、人気の写真編集ツールの人気の機能です。

ほとんどの写真家にとって、Lightroom と Photoshop の両方を使用するのはやりすぎなのはなぜでしょうか?

ほとんどの写真家にとって、Lightroom と Photoshop の両方を使用するのはやりすぎなのはなぜでしょうか?

Lightroom と Adob​​e Photoshop はどちらも最も優れた写真編集ツールですが、多くのプロが両方を併用している一方で、アマチュア写真家の場合は Lightroom のみが必要です。

Photoshopでピクチャーインピクチャー効果を作成する方法

Photoshopでピクチャーインピクチャー効果を作成する方法

このチュートリアルでは、Adobe Photoshop を使用して、1 枚の写真を撮影し、その中に同じ写真の小さく切り取られたバージョンがあるような錯覚を作り出すことで、クールなピクチャ イン ピクチャ効果を作成する方法を説明します。

PhotoshopのジェネレーティブワークスペースがAdobeの最高の機能である5つの理由

PhotoshopのジェネレーティブワークスペースがAdobeの最高の機能である5つの理由

Generative Workspace は、Adobe Max 2024 で発表された主要な AI 機能の 1 つです。Generative AI の画像とファイルの新しいホームになります。

Photoshopでジェネレーティブフィルを使って水面反射効果を作成する方法

Photoshopでジェネレーティブフィルを使って水面反射効果を作成する方法

Adobe の Generative AI「Firefly」を搭載した Generative Fill を使用すると、選択範囲を描画し、いくつかの単語を入力してボタンをクリックするだけで、誰でも写真にリアルな水面反射効果を加えることができます。

Photoshopで選択範囲に画像を貼り付ける方法

Photoshopで選択範囲に画像を貼り付ける方法

このチュートリアルでは、Adobe Photoshop の「貼り付け」コマンドを使用して、画像をコピーし、別の画像の選択範囲に貼り付ける方法を説明します。

Microsoft Teamsの予期しないダウンロードエラーを修正する方法

Microsoft Teamsの予期しないダウンロードエラーを修正する方法

Microsoft Teamsのダウンロードエラー「予期せぬエラー」でワークフローが滞っていませんか?専門家によるステップバイステップガイドと、クイックフィックスと高度なヒントで、すぐに問題を解決できます。再インストールは不要です!

Teams 会議でブレイクアウト ルームが表示されないのはなぜですか?

Teams 会議でブレイクアウト ルームが表示されないのはなぜですか?

Teams 会議でブレイクアウトルームが表示されなくて困っていませんか?Teams でブレイクアウトルームが表示されない主な原因を解説します。ステップバイステップの解決方法に従って、数分でスムーズに機能するようにしましょう。主催者にも参加者にも最適です!

Microsoft Teams OneDriveのファイル同期エラーの解決

Microsoft Teams OneDriveのファイル同期エラーの解決

Microsoft Teams OneDriveのファイル同期エラーにうんざりしていませんか?ステップバイステップガイドに従って、Microsoft Teams OneDriveのファイル同期エラーを素早く解決しましょう。Teamsチャンネルでのスムーズな共同作業に役立つ実証済みの修正プログラムをご用意しています。今すぐエラーのないファイル同期を実現しましょう!

Microsoft Teams のハードエラーを修正する方法(2026 レジストリ修正)

Microsoft Teams のハードエラーを修正する方法(2026 レジストリ修正)

Microsoft Teamsがハードエラーでクラッシュするのにうんざりしていませんか? わずか数分で解決できる、実績のある2026レジストリ修正プログラムを入手しましょう。ステップバイステップガイド、スクリーンショット、そして永続的な問題解決のためのヒントをご紹介します。最新バージョンで動作します!

Microsoft Teamsチュートリアルヘルプエラーのトラブルシューティング

Microsoft Teamsチュートリアルヘルプエラーのトラブルシューティング

Microsoft Teamsチュートリアルヘルプのエラーでお困りですか?このよくある問題に対する、実証済みのステップバイステップの解決策をご覧ください。キャッシュをクリアし、Teamsを更新するなど、すぐにシームレスなコラボレーションを取り戻しましょう!

Microsoft Teams エラーのトラブルシューティング: 最初に確認すべきこと

Microsoft Teams エラーのトラブルシューティング: 最初に確認すべきこと

Microsoft Teamsでエラーが発生していますか?このMicrosoft Teamsのトラブルシューティングガイドでは、エラーを迅速に解決するための最初のチェックポイントをステップバイステップでご紹介します。接続、キャッシュ、アップデートに関するクイックフィックスで、スムーズなチャットを再開できます。

Microsoft Teams アドインが Outlook に表示されないのはなぜですか?

Microsoft Teams アドインが Outlook に表示されないのはなぜですか?

Outlook に Microsoft Teams アドインが表示されなくて困っていませんか?主な原因と簡単なステップバイステップの修正方法をご紹介します。Teams と Outlook のシームレスな連携を簡単に復元できます。最新バージョンでご利用いただけます。

公共Wi-FiでのMicrosoft Teamsネットワークエラーの解決方法

公共Wi-FiでのMicrosoft Teamsネットワークエラーの解決方法

公共Wi-FiでMicrosoft Teamsのネットワークエラーに悩まされていませんか?VPNの調整、ポートチェック、キャッシュクリアなどの即時修正で、通話や会議をスムーズに復旧できます。ステップバイステップガイドですぐに問題を解決できます。

Microsoft Teams のステータスが「離席中」のままになっているのはなぜですか?

Microsoft Teams のステータスが「離席中」のままになっているのはなぜですか?

Microsoft Teamsのステータスが「離席中」のままになって困っていませんか?アイドルタイムアウトや電源設定など、よくある原因と、すぐに「対応可能」に戻すためのステップバイステップの修正方法をご紹介します。最新のTeams機能にアップデートしました。

Microsoft Teams のようこそ画面の起動ループのトラブルシューティング

Microsoft Teams のようこそ画面の起動ループのトラブルシューティング

Microsoft Teamsのようこそ画面の起動ループに悩まされていませんか?Microsoft Teamsのようこそ画面の起動ループを解消するための実証済みのトラブルシューティング手順をお試しください。キャッシュのクリア、アプリのリセット、再インストールが可能です。数分でシームレスなコラボレーション環境を取り戻せます!

Microsoft Teamsはなぜ遅いのか?2026年にスピードアップするための10のヒント

Microsoft Teamsはなぜ遅いのか?2026年にスピードアップするための10のヒント

Microsoft Teams の遅延にイライラしていませんか?Microsoft Teams が遅い理由を解明し、2026 年に劇的に高速化するための 10 の実証済みヒントを適用して、スムーズなコラボレーションを実現しましょう。

Microsoft Teams のショートカット エラーと起動時のクラッシュを解決する

Microsoft Teams のショートカット エラーと起動時のクラッシュを解決する

Microsoft Teamsのショートカットエラーでワークフローが滞っていませんか?Microsoft Teamsのショートカットエラーや起動時のクラッシュを解決し、スムーズなコラボレーションを実現する実証済みの手順をご紹介します。素早く簡単に解決できる方法を解説しています。

直接リンク経由でMicrosoft Teamsの会議参加エラーを解決する

直接リンク経由でMicrosoft Teamsの会議参加エラーを解決する

Microsoft Teamsの会議参加エラーでお困りですか?直接リンクから解決方法をご確認ください。シームレスに参加するためのクイックフィックス - 技術的なスキルは必要ありません!

Chromebook で Microsoft Teams のログインエラーを修正する方法

Chromebook で Microsoft Teams のログインエラーを修正する方法

Chromebook で Microsoft Teams のログインエラーに困っていませんか?ログイン問題を素早く解決するためのステップバイステップの解決策をご紹介します。キャッシュのクリア、アプリのアップデートなど、スムーズなチームワークを実現しましょう。最新の Chrome OS で動作します!

Teamsカレンダーはどこにありますか?同期の問題のトラブルシューティング

Teamsカレンダーはどこにありますか?同期の問題のトラブルシューティング

Teamsのカレンダーがどこにあるのか分からず困っていませんか?Microsoft Teamsの同期に関する問題をステップバイステップで解決しましょう。専門家のヒントも満載で、カレンダービューを復元して簡単に同期できます。