「透明なガラステキスト」は、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%)。
そして、ついに目標に到達しました。 :)
このチュートリアルが役に立ったら嬉しいですし、コメントもお待ちしています。 :)