image - Photoshopの画像に対するテキスト効果の認識

Question

私は自分のサイトをデザイナーによってデザインしました。この画像を持っています。今追加したい他のナビゲーションメニューにも同じ種類の画像を使用したいのですが、デザイナーからpsdが提供されていません。

同じ種類の結果を得るには、Photoshopで使用する必要のあるテキスト効果とフォントをどのように知ることができますか？

ありがとうございました。

Answer 1

これはプログラミングの問題ではありませんが、私はあなたを助けることができると思います。

• フォント面：Verdana（通常）
• フォントサイズ：14 / 15pt色：＃333333
• テキストにはレイヤースタイル>斜角とエンボス>スタイル：エンボス
  • サイズと柔らかさの両方0px
• 左のテキスト：斜角の方向を上に
• テキスト右：斜角方向下

シェーディングの角度とハイライトをいじって、効果を再現できるはずです。

Answer 2

レイヤー > レイヤースタイル > ベベルとエンボス

ただし、これは text-shadow css プロパティをサポートするブラウザで画像なしで実現できます

このようなもの

text-shadow: 0px 1px 0px #B5B5B5;

Answer 3

実際、テキストの扱いには少し一貫性がないように見えます。左側のイメージでは、効果は手前に来る盛り上がったベベルであり、右側ではレタープレス効果です。

右側の画像は、テキスト処理の観点からもう少し複雑です。Photoshop でテキスト レイヤーを選択し、レイヤー メニューの下部にある「fx」を探します。「fx」を選択すると、ウィンドウがポップアップします。

グラデーション オーバーレイを選択し、白を前景色、黒を背景色として使用してグラデーションを設定します (デフォルトではこれになります)。不透明度を約 15% に下げます。

次に、左側のサイドバーを見て、シャドウをドロップして選択します。ドロップダウンから通常の代わりにオーバーレイを選択し、色を白に変更します (ドロップダウンの横にある黒い見本をクリックします)。このためには、すべての角度/方向が 120 度である必要があります。ドロップダウン オプションで、距離を 2px に、サイズを 3px に設定します。

最後にインナーシャドウを塗ります。おそらく、距離とサイズは、上記のドロップ シャドウの距離とサイズを反映するはずです。

タブの背景については、2 つのことを行っているようです。最初にタブにグラデーション オーバーレイを適用し、次にわずかな照明効果を適用します。実際には、照明効果をこの繊細さで複製するのは難しいかもしれないので、次の 2 つのいずれかを行います。タブの上に別のレイヤーを作成し、既存のタブから選択範囲を作成し (これを行うには、最初のタブ レイヤーがラスタライズされていることを確認する必要があります)、白で塗りつぶします。次に、照明効果を適用し、レイヤーの不透明度を調整して、目的の効果を得ます。または、少し芸術的である場合は、塗りつぶしと不透明度の重みが低いブラシ ツールを使用して、基本的に中央のタブを白で見つけることができます。

右側の画像では、同じプロセスを使用してタブを処理します。塗りつぶしの色またはグラデーション オーバーレイの前景色と背景色を変更するだけです。テキストには、距離 2 または 3 ピクセル、サイズ 2 ピクセルの単純なドロップ シャドウを使用します。

活版印刷効果に関する優れたチュートリアルがここにあります (説明を表示するには、少し下にスクロールします)。

それが役立つことを願っています。

Answer 4

これまでのところ、フォントがニーズを認識している私のフォントを満たしているもの。