Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

Photoshop のテキスト シェーディングを使用すると、従来の書体に比べて退屈な現象を避け、テキストにさらに素晴らしい雰囲気を作り出すことができます。WebTech360のこの記事では、Photoshop でシンプルながら非常に美しく優れた操作でテキスト シャドウを作成する 方法を簡単に学ぶことができます。 

Photoshop でのテキストシャドウの作成の用途

Photoshopでのテキスト シャドウの作成は、デザイン プロセスでデザイナーに人気の美しい効果であり、印象的なデザイン製品を生み出します。

これらは新聞や雑誌だけでなく、パッケージ、ほとんどのメディアやソーシャル ネットワークに掲載されるテキスト出版物にも掲載されています。シャドウ効果だけでも、2D - 3D テキストシャドウ効果、リクライニングシャドウ、シンキングシャドウ、フローティングシャドウなど、多くのサブエフェクトが含まれています。

この記事の範囲では、シンプルなテキストの影の作成、短い影の作成、長い影の作成の 3 つの簡単なスタイルを使用して、Photoshop でテキストに影を付ける方法のヒントを説明します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

チュートリアル Photoshop で 3 つのシンプルなスタイルでテキストシャドウを作成する方法

単純なテキストシャドウを作成する

ステップ 1: Photoshop でテキスト シャドウの作成を開始するには、まず Adob​​e Photoshop を開き、パラメータとサイズを調整して設定した新しい作業ファイルを作成します。

ステップ 2:テキスト ツール (ショートカット T ) を選択して、シェーディングする必要があるテキストを入力します。ここでは、対照的な 2 つの色を使用して被写体を強調します。背景にはコード#e50f38lの赤色を使用し、テキストレイヤー、フォントUTM Facebookにはカラーコード#ffffffを使用します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 3:ツールを使用してテキスト レイヤーを複製するには、選択バーで[レイヤー] > [レイヤーの複製...] を選択するか、ウィンドウ オペレーティング システムでCtrl + Jキーの組み合わせを使用します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 4:複製したばかりのレイヤーを選択し、Ctrl + Tを使用してこのレイヤーの位置を調整し、右クリックして [垂直反転]ツールを選択し、元の位置と比較して新しいレイヤーを反転してレイヤーの位置を変更します。 . 影を作成します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 5: Photoshop でテキスト シャドウの作成を続けるには、新しく調整したレイヤーを右クリックし、 > [ラスタライズ タイプ]を選択して、レイヤーの形式を[グラフィック]に変更します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 6: [ベクター マスクの追加]アイコンをクリックして、このレイヤーの上にマスクを作成します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 7:レイヤー コピーの[ベクター マスクの追加]領域をクリックし、[グラデーション ツール] (ショートカットは G) を選択してテキストの色を塗りつぶします。マウスを押したまま、このレイヤーを下から上にドラッグします。グラデーションの方向をまっすぐに保つために、操作するときは必ず Shift キーを押したままにしてください。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 8:新しく作成したレイヤーの不透明度を調整します。より自然な画像にするには、不透明度は約 60% です。

8 つの手順を経て、Photoshop のツールを使用して簡単なテキスト シャドウ効果を作成しました。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

短い影を作成する

ステップ 1: Photoshop で短い影を使用してテキストの影を作成します。まず、新しいドキュメントを作成する必要があります。文字ツールを使用して、効果を作成するテキストを入力します。この例では、600 ピクセル x 600 ピクセルのサイズで新しいドキュメントを作成し、フォント UTM Facebook を使用します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 2:テキストレイヤーを右クリックし、ブレンドオプションを使用して影効果を作成します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

短い影を作成するには、[ドロップ シャドウ]を選択します。影を落とした後、テキストレイヤーに移動し、パネルのプロパティを次のパラメータに変更します。

- 角度: 135 度にする
- 距離: 13px にする
- スプレッド: 100% にする
- サイズ: 5px にする

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

その結果、テキストの後に小さな影が表示されます。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

長い影

ステップ 1: Photoshop で長い影のあるテキストシャドウを作成します。まず、新しいドキュメントを作成する必要があります。文字ツールを使用して、効果を作成するテキストを入力します。この例では、600 ピクセル x 600 ピクセルのサイズで新しいドキュメントを作成し、フォントUTM Facebookを使用します。

ステップ 2:テキストレイヤーを右クリックし、ブレンドオプションを使用して影効果を作成します。

長い影を作成するには、[レイヤースタイル]パネルで[ストロークドロップシャドウ]を選択します。この場合、ストロークの色を影の色と同じ色に保ちます。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

これで結果が得られます。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

ステップ 3:次に、[レイヤー スタイル]パネルの下部にある[fx]アイコンをクリックして、別のドロップ シャドウを追加します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

[ドロップ シャドウ]を選択し、テキスト レイヤーに新しいシャドウ効果を作成します。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

新しいスタイルを選択し、Distanceプロパティを調整します。最初のDrop ShadowからDistance を少し増やす必要があります。ここでは7pxのままにしておきます。

引き続き、ドロップ シャドウを追加し、上記のように距離を調整します。

次に、Photoshop で、単一のレイヤーに配置されたすべてのシャドウを組み合わせて、非常に長い影を持つテキスト シャドウを作成します。レイヤー グループ機能を使用して、ドロップ シャドウを追加することもできます。テキストレイヤーをレイヤーグループに配置します。

ドロップ シャドウをレイヤー グループに追加する場合、前のシャドウの色とスタイルに一致するようにいくつかの設定を調整する必要があります。また、ドロップ シャドウが前のレイヤー スタイルの継続として表示されるように設定する必要があります。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

結果は次のようになります。

Photoshop で 2 つのシンプルなスタイルを使用してテキストシャドウを作成する

したがって、いくつかの簡単な手順を実行するだけで、Photoshop でテキスト シャドウを作成し、学んだばかりの方法を適用して創造的にすることができます。Photoshop に興味がある場合は、私たちのグループの投稿を今後も楽しみにしていてください。

Photoshop デザインの次の最小構成を参照できます。 

デザイナーの構成: HHPC GAMING - INTEL CORE i3 10100 | 16G RAM | GTX1050Ti 

- メインボード: GIGABYTE H410M-H
- CPU: INTEL CORE i3 10100 最大 4.3G | 4コア | 8 スレッド
- ディスプレイ: JONSBO CR-1000 RGB
- RAM: COLORFUL BATTLE AX 16GB BUS 3000 DDR4 (1x16GB)
- VGA: NVIDIA GTX 1050Ti 4GB GDDR5
- SSD: GIGABYTE SSD 240G SATA III
- HDD: 顧客オプション 
- ソース: COOLERMASTER PC700 700W
- ケース: JETEK KAMADO (ファンなし)

Photoshop に関するご質問やご要望がございましたら、  WebTech360までお問い合わせください。

Sign up and earn $1000 a day ⋙

Google Chrome、Safari、Edgeでポップアップブロッカーを無効にする方法

Google Chrome、Safari、Edgeでポップアップブロッカーを無効にする方法

すべてのプラットフォームのすべての一般的な Web ブラウザには、ポップアップ ブロッカーが組み込まれています。通常、これらは、不要なポップアップをブロックするのに十分賢いので、

EA アプリがログアウトし続ける問題を修正する方法

EA アプリがログアウトし続ける問題を修正する方法

Windows 上のエレクトロニック アーツ (EA) アプリは、お気に入りのゲームにアクセスするための主な目的地です。したがって、次のような場合には、信じられないほどイライラする可能性があります。

Web サイトが最初に公開または開始された時期を確認する方法

Web サイトが最初に公開または開始された時期を確認する方法

Web サイトの公開日や公開日を見つけるのに、誰もがそれなりに苦労しました。学校のエッセイの出版日を取得する必要がある人もいますが、

SoundCloudでプレイリストの画像を変更する方法

SoundCloudでプレイリストの画像を変更する方法

音楽をアップロードする場合でも、ワークアウトに最適なプレイリストを厳選する場合でも、プレイリストのカバー アートワークは他の SoundCloud で最初に表示されます。

Minecraft で最後のレイダーを見つける方法

Minecraft で最後のレイダーを見つける方法

Minecraft のレイドの最後で、排除する最後のレイダーを探していることに気付いた場合、あなたは一人ではありません。多くのプレイヤーがそれを経験しました

Google Chrome、Firefox、Microsoft Edge、SafariでJavaScriptを有効にする方法

Google Chrome、Firefox、Microsoft Edge、SafariでJavaScriptを有効にする方法

JavaScript は、インタラクティブな Web を支える最も強力なダイナモの 1 つです。このプログラミング言語を使用すると、Web ページがユーザーのアクションにリアルタイムで応答できます。

Hisense TVエラーコード014.50を修正する方法

Hisense TVエラーコード014.50を修正する方法

Hisense TV は、市場で最高の ROKU TV の 1 つとして評価されています。ただし、試行中にテレビにエラー コード 014.50 の通知が表示される場合があります。

Amazon Fire Stickの音量を制御する方法

Amazon Fire Stickの音量を制御する方法

2024 年にリモコンを管理しようとするのは、請求書を処理しようとしているような気分になります。ありがたいことに、Fire Stick を使用してお気に入りの番組をストリーミングしている場合は、

IPhone からすべての写真を削除する方法 (永久に失わずに)

IPhone からすべての写真を削除する方法 (永久に失わずに)

Apple の携帯電話には、拡張できない一定量の内部ストレージしか搭載されていないため、すぐに容量が足りなくなる可能性があります。ある時点で、あなたは、

ハイセンスTVでアプリをアップデートする方法

ハイセンスTVでアプリをアップデートする方法

ハイセンスは、スマート TV テクノロジーに関してますます人気の高いブランドです。同社は、予算に優しい LED および ULED (Ultra LED) ユニットを製造しています。

Roblox: 首なし首の入手方法

Roblox: 首なし首の入手方法

Robolox で、ユニークな装飾効果で知られる限定の Headless Head を購入または取引するための完全なガイド。

Telegram で誰かの電話番号を表示する方法

Telegram で誰かの電話番号を表示する方法

Telegram へのアカウント登録中に、個人情報に電話番号を追加する必要があります。他の人の確認に興味がある場合は、

Amazon Photosの写真をEcho Showに表示する方法

Amazon Photosの写真をEcho Showに表示する方法

このガイドでは、Amazon Photos を使用して Amazon Echo Show をデジタル フォトフレームに変える方法を説明します。

オンライン注文フォームの作成方法

オンライン注文フォームの作成方法

オンライン注文フォームを使用すると、企業は顧客から手間をかけずに注文を受けることができます。オーダーフォームを使用して、顧客は製品の注文、

DoorDash: 返金を受ける方法

DoorDash: 返金を受ける方法

DoorDash の注文の返金方法をお知りになりたいですか?払い戻しを受ける方法や払い戻しのスケジュールなどをすべて確認してください。

Google マップでラベルをオフにする方法

Google マップでラベルをオフにする方法

ラベルは、場所を簡単に見つけるのに役立つ Google マップの不可欠な機能です。しかし、どこを見てもピンや旗で埋め尽くされた地図は、

Canva: ビデオに音楽を追加する方法

Canva: ビデオに音楽を追加する方法

サウンドトラックがあるとビデオがさらに楽しくなります。ムード音楽を追加して視聴者を魅了する場合でも、動画に効果音を追加する場合でも、Canva

Snapchat: 番号を変更する方法

Snapchat: 番号を変更する方法

何らかの理由で電話番号を変更したばかりです。これは大きな決断であり、特にしばらくその数字を持っている場合には重要です。しかし、この変更により、

HubSpot で大量の電子メールを送信する方法

HubSpot で大量の電子メールを送信する方法

一括電子メール マーケティングでは、1 つの電子メール キャンペーンを多数の受信者に同時に送信できるため、時間を大幅に節約できます。それは

Hisense TV: システム メモリ不足の問題を解決する方法

Hisense TV: システム メモリ不足の問題を解決する方法

ハイセンス製テレビのシステムメモリ不足の問題に対処することにうんざりしていませんか?この問題を解決するための実用的な解決策をいくつか紹介します。