「透明なガラステキスト」は、Photoshopで最も人気のあるテキスト効果の1つであり、デザインにエレガントでモダン、プロフェッショナルな雰囲気を与えます。ロゴ、ヘッダーグラフィック、またはクリエイティブプロジェクトに使用するには、ガラスの光や影をリアルに表現するこの効果は印象的です。このチュートリアルでは、Photoshopを使用して透明なガラステキスト効果をステップバイステップで作成する方法を紹介します。レイヤースタイル、グラデーション、エフェクトなど、シンプルなツールを使用して、説得力のある結果を得る方法を紹介します。さあ、始めましょう。テキストを輝かせましょう!

1. バックグラウンド

700 x 400ピクセルの新しいドキュメントを作成します。プリントアウトする場合は、解像度は300 ppiにします。

透明なガラステキスト

最初に美しい背景グラデーションを作成します。ほとんどのグラデーションは通常2色で構成されますが、Photoshopでは複数の色を使って複雑なグラデーションを作成することができます。

したがって、ラディアルグラデーションを作成します。

透明なガラステキスト

最初のスライダーには色:#790d3c、色選択バーの中央をクリックして色:#4a0823を選択します。最後の部分には:#2c0414を設定します。

透明なガラステキスト

右下から左上に向かってグラデーションを引っ張り、右下に光線を当てるようにします。

透明なガラステキスト

2. テキスト

次に、テキストツールを使用します。ここで「Adobe Caslon Pro」フォントを選択し、Creative Suiteに同梱されているものです。この例ではフォントサイズは75.92ポイントです。適切な色を付けるために、右上のカラーボックスをクリックします。

透明なガラスの文章

次の値を入力してください:#a9419c

透明なガラステキスト

中間結果:

透明なガラステキスト

レイヤーの不透明度を28%に設定し、テキストを一時的に透明にします。

透明なガラステキスト

次に、「PSD」というレイヤーをダブルクリックするか、レイヤー操作パネルの下部にあるfxボタンをクリックしてレイヤースタイルを開きます。まず、ドロップシャドーにチェックを入れます。値は以下の通りです:

透明なガラステキスト

以下の結果が得られます:

透明なガラスのテキスト

次に、内側の影に移動し、以下の値を設定します:

透明なガラステキスト

以下の結果が得られます:

透明なガラステキスト

外側の発光:

透明なガラステキスト

中間結果:

透明なガラステキスト

内側の発光:

透明なガラステキスト

フラットなエッジとレリーフ:

透明なガラステキスト

輪郭:

透明ガラステキスト

中間結果:

透明なガラステキスト

輝き:塗りつぶし方法の色を、"P"の隣の暗い背景をパイプでクリックして設定します。

透明なガラステキスト

中間結果:

透明なガラステキスト

輪郭:

透明なガラステキスト

中間結果:

透明なガラステキスト

3. 反射を作成する

「D」の下部に小さな反射を作成します。コントロールキーを押しながらレイヤーのサムネイルをクリックして、テキスト全体を選択します。

透明なガラステキスト

新しいレイヤーを作成します。

透明なガラステキスト

次に、グラデーションツールを選択し、「白から透明へのグラデーション」を選択します。ラジアルグラデーションがアクティブのままであることを確認してください…

透明なガラス文字

… そして、図に示されているようにグラデーションを引きます。

透明なガラステキスト

結果:

透明なガラステキスト

コントロール+Hで選択を非表示にすることもできます。そのため、もう1つのグラデーションを引くときに結果をよりよく評価できます。

透明なガラスのテキスト

したがって、図に示されているように、もう1つグラデーションを引いて光をさらに強調します。

透明なガラステキスト

その後、コントロール+Dを押して非表示にした選択を解除します。上のレイヤーを「下部の光」として命名し、グラデーションがテキストに適切に適用されるように、塗りつぶしモードを「スクリーン」に設定します。

透明なガラスのテキスト

これにより、次の中間結果が得られます:

透明なガラステキスト

同じ手順で左上隅に対しても同じことを行います: コントロールキーを押しながらレイヤーのサムネイルをクリックしてテキストを選択します。

透明なガラステキスト

新しいレイヤーを作成し、「上部の光」と命名します…

透明なガラスのテキスト

… そして、再度白から透明へのラジアルグラデーションを引きます。下に示されているように…

透明なガラステキスト

中間結果:

透明なガラステキスト

そして、コントロール+Dで選択を解除し…

透明なガラステキスト

… 透明度を30%に変更します。

透明なガラステキスト

中間結果:

透明なガラステキスト

さらに強い反射を作るために、テキストの上半分に楕円選択を作成します…(楕円を引くときは、同時に移動するためにスペースキーを押し続けます)。

透明なガラステキスト

次に、選択を反転させるためにコントロール+Shift+Iを押し…

透明なガラステキスト

… 残りのグラデーションをDeleteキーで削除し、シャープな反射のエッジを作成します。

透明なガラスのテキスト

4. ハイライトを作成する(2つのバリエーション)

より輝きを増すために、小さなハイライトを作成します。いくつかの方法がありますが、2つの方法を説明します。1つ目はポリゴンスターで、2つ目はブレンドスポットです。

バリエーション1: ポリゴンスター

最初にポリゴンスターから始めます。新しいレイヤーを作成し、「Star」と名前を付けます。

透明なガラスの文章

次に、ポリゴンツールを選択します…

透明なガラステキスト

コントロールバーの小さい矢印をクリックして …

透明なガラステキスト

… そこでスターオプションをクリックします。

ページを引き延ばすを98%に設定して、非常にハードなスパイクを実現します。次に、星1つあたり5つのスパイクを得るために、ページ に5を入力します。

透明なガラステキスト

この時、前景色を白に設定したことが重要です。星は最も明るい箇所に配置します …

透明なガラステキスト

こうして全体が美しく見えます。 :)

透明なガラステキスト



次に2番目のバリエーションに取り組むことにします。しかし、まず私たちはポリッグレイヤーを選択し、Ctrl+Gを押して、ポリッグレイヤーをグループ化して、"Sternchen"という名前を付けます。

バリエーション2: フレアをブラシとして作成

ここで、フレアを素早く簡単に配置する効率的な方法を紹介したいと思います。最初に、2000 x 2000ピクセルの作業領域を持つ新しいドキュメントが必要です(フレアは小さな状態でも非常に大きいものになります ;))。

透明なガラステキスト

背景領域を黒で塗りつぶします …

透明なガラステキスト

… そしてフレアを呼び出します。

透明なガラステキスト

今、フレアをできるだけ中央に配置するように注意する必要があります。周囲の光沢も含めてキャプチャするためです …

透明なガラステキスト

今、よく見ていて、モニターを上から見たりしないと、私たちのフレアがほとんど上辺にちょうど触れているのがわかりますね(笑)。

透明なガラステキスト

しかし、幸運なことに完全に捉えることができました。そのため、Ctrl+Iを押して、レイヤーを反転させます。

透明なガラステキスト

次に、Ctrl+Aキーを押してすべてのレイヤーを選択し、編集>ブラシを定義に移動します …

透明なガラステキスト

… そしてフレアをブラシとして保存します。

透明なガラステキスト

ドキュメントに戻り、まず新しいレイヤーを作成し、「ブレンドスポット」という名前を付けます。

透明なガラス文字

次に、ブラシブラシパレットで呼び出せます。

透明なガラステキスト

いくつか前もって大きすぎないようにブラシに十分注意し、前景色が白であることを確認してください。

透明なガラステキスト

各フレアごとに最良の方法は新しいレイヤーを作成し(必要に応じて再配置できるように)、それを画像内の反射ゾーンに配置することです。

透明なガラステキスト

5. スペキュラ作成

高光沢のオブジェクトでは、通常反射が残ります。そして今、このテキストでそれをやります。

まずは、「PSD」、「下部光沢」、および「上部光沢」のレイヤーのコピーが必要です。「Ctrl」キーを押しながらこれらを選択して、マウスを押しつぶしたままこれらを下のシートにドラッグして、3つのレイヤーすべてのコピーを作成します。

透明なガラステキスト

次に、これらの重複を一つのレイヤーに統合するためにCtrl+Eを押します。

透明なガラステキスト

次に、レイヤーを変換するにはCtrl+Tを押します。変換レイヤーに右クリックして垂直方向に反転を選択します。

透明なガラステキスト

エリアを矢印キーで下に移動させ、エッジが接触するまで移動します。この場合、これは「S」のみです。他の2つは後で調整する必要があります。

透明なガラスのテキスト

したがって、選択長方形ツールを選択して、ますます「P」を選択します。

透明なガラステキスト

今、「V」キーを押すと移動ツールが準備されます。このツールを使って、「P」を矢印キーで上に移動させ、下のエッジに触れるまで移動します。Ctrl+Hを押すと、選択エッジが非表示になり、位置をより良く判断できます。本当に移動するのに役立ちます。

「P」の下のエッジが切り取られているのは問題ありませんが、後でそれが非表示になります。

透明なガラステキスト

それから、「D」で同じことをします。

透明なガラステキスト

その後、このレイヤーにレイヤーマスクを作成します…

透明なガラステキスト

グラデーションツールを選択し、白黒グラデーションまたは黒から透明へのグラデーションを設定します。 リニアグラデーションオプションが有効になっていることに注意してください。

透明なガラスの文章

ツールを下端に置き、画像に示されるように高さを引き上げます。グラデーションが非常にストレートになるようにShiftキーを押しながら引っ張ることができます。

透明なガラステキスト

そして、次の中間結果が得られます:

透明なガラステキスト

多くの反射と同様に、反射は通常非常に弱いです。そのため、このレイヤーの不透明度を少し下げて(44%)、比較的現実的な反射を得るように調整します。

透明なガラスのテキスト



これにより、テキストに少しスペースが生まれ、反射によって床が見えるようになります。そして、このスペースを少し明確にするために、床を作成します。

まず、レイヤーを整理します。新しく作成したレイヤーを「反射」と名前を変更します。 反射はテキストの下にあるため、この「反射」レイヤーを「PSD」レイヤーの下に移動します。次に、テキストとその反射を含むグループを作成して、このグループを「PSD」と名付けます。それから、3つの光芒レイヤーも光芒グループにまとめます。このようにして、背景レイヤー、"PSD"グループ、"Sternchen"グループ、"Blendenflecke"グループのレイヤー構造ができあがります。

「PSD」グループの下に"床"という名前のフォルダを作成し、これに最後のグラフィックを作成します。

6. ボディの作成

"床"レイヤーグループに新しい"床"レイヤーを作成し、グラデーションツールを選択します。

透明なガラステキスト

次のカラー値を設定します:

透明なガラステキスト

Shiftキーを押しながら、上から下に美しいグラデーションを引きます。

透明なガラスの文章

中間結果:

透明なガラステキスト

このままでもかなり素敵ですが、これが私たちの床になるはずです。今Ctrl+Tを押し、上部中央のハンドルを引いて、レイヤーを下に引きすぎず、反射よりも多少はみ出るようにします。このようにすると、テキストは「部屋」の後ろの縁に沿っていないため、一種中心になります。

透明なガラステキスト

中間結果:

透明なガラスのテキスト

これで仮想床が完成です。ただし、このままでは少し不完全なため、影を落とす必要があります。そのために、影用の新しいレイヤーを作成し、「床」レイヤーの下に配置します。

このレイヤーも「シャドウ」にすぐに名前を付けます。 その後、やわらかい丸い黒いブラシを選択します...

透明なガラステキスト

… ドキュメントの外側で、Shiftキーを押しながら、床の端を一度引きます。

透明なガラステキスト

中間結果:

透明なガラステキスト

今、影が少し強すぎるですが、心配いりません。なぜなら、移動ツール矢印キーを使って少し下に移動させることができます。それともう一度Ctrl+Tを押して、下の中央のハンドルを少し上に移動させ、影をもう少し強くすることができます。

透明なガラスのテキスト

その後、影の不透明度を調整することもできます(60%)。

透明なガラステキスト

そして、ついに目標に到達しました。 :)

このチュートリアルが役に立ったら嬉しいですし、コメントもお待ちしています。 :)

透明なガラスのテキスト