Photoshop の画像上のテキスト効果を認識する

Question

デザイナーを通してサイトをデザインしてもらい、そこからこの画像を入手しました。今追加したい他のナビゲーション メニューにも同じ種類の画像を使用したいのですが、デザイナーはその PSD を提供しません。

同じような結果を得るには、Photoshop でどのようなテキスト効果とフォントを使用すればよいかを知るにはどうすればよいですか?

ありがとう。

Answer 1

これはプログラミングに関する質問ではありませんが、お手伝いできると思います。

• フォントフェイス:ヴェルダナ(レギュラー)
• フォントサイズ：14/15pt カラー:#333333
• テキストにはレイヤー スタイル > ベベルとエンボス > スタイルがあります:エンボス
  • サイズとソフト化の両方を 0px
• 残りのテキスト:ベベル方向が上
• 右のテキスト:ベベル方向は下向き

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

Answer 2

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

これは、テキストの影のCSSプロパティをサポートするブラウザにイメージすることなく達成することができる。

このような何か。

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

Answer 3

どのフォントには、これまでのニーズを認識し、私のフォントを満たしています。

Answer 4

これは実際にはテキストの治療のように見えるのは少し矛盾しています。左の画像では効果はあなたに向かって来て上げベベルあり、右側にはレタープレス効果です。

右の画像は、テキスト処理の観点から、もう少し複雑です。 Photoshopで、テキストレイヤーを選択し、「FX」のごレイヤーメニューの下の方に見てみると。 「FX」を選択して、ウィンドウがポップアップ表示されます。

グラデーションオーバーレイを選択し、（それがこれにデフォルトで設定される必要があり）あなたの背景色としてあなたの前景色の色と黒と白を使用してグラデーションを設定します。約15％の不透明度をダウンさせます。

ドロップシャドウを選択するには、左側のサイドバーでの

次表情。ドロップダウンからオーバーレイの代わりに、通常を選択し、（ドロップダウンの隣に黒いスウォッチをクリックして）白にあなたの色を変更します。すべてのあなたの角度/方向は、このために120度でなければなりません。まだオプションドロップダウンでいる間は、2ピクセルにあなたの距離と3pxするあなたのサイズを設定します。

最後に、内側の影を適用します。おそらく距離と大きさは、上記のドロップシャドウのそれを反映すべきです。

彼らは2つのことをやっているように、

タブの背景については、見えます。最初のタブでグラデーションオーバーレイして、わずかな照明効果を適用します。実際に照明効果はそれほどの2つのいずれかの操作を行い、この繊細で複製することは難しいかもしれません。タブの上に別のレイヤーを作成し、既存のタブから選択を作成し、白で塗りつぶし（あなたが最初のタブ層がこれを行うにはラスタライズされていることを確認する必要があります）。次に、照明効果を適用して所望の効果を得るために、層の不透明度を調整します。 ORあなたは少し芸術的であれば、あなたは基本的に白で途中でタブを見つけるために、低塗りつぶしや不透明度重みでブラシツールを使用することができます。

右の画像の場合は、ちょうどあなたの塗りつぶしの色やグラデーションオーバーレイ前景色と背景色を変更し、テキストが距離2または3pxとサイズ2ピクセルを持つ単純なドロップシャドウを使用するためのタブを処理するために同じプロセスを使用します。

ここについて 良いのチュートリアルがあります活版効果（命令を参照するビットをスクロールダウン）。

お役に立てば幸いです。