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

到目前为止，该字体满足了我的字体识别需求。

Answer 4

它实际上看起来像文本的处理有点不一致。在左边的图像中，效果是一个向您靠近的凸起斜面，而在右边，它是凸版效果。

从文本处理的角度来看，右侧的图像涉及更多。在 Photoshop 中，选择文本图层并查看图层菜单底部的“fx”。选择“fx”，会弹出一个窗口。

选择渐变叠加并使用白色作为前景色和黑色作为背景色设置渐变（它应该默认为这个）。将不透明度降低到 15% 左右。

接下来查看左侧边栏以放置阴影并选择。从下拉列表中选择叠加而不是正常，然后将颜色更改为白色（通过单击下拉列表旁边的黑色样本）。为此，您的所有角度/方向都应为 120 度。虽然仍在下拉选项中，但将距离设置为 2px，将大小设置为 3px。

最后，应用内阴影。可能距离和大小应该反映上面给出的阴影。

对于标签背景，看起来他们正在做两件事。首先在选项卡上应用渐变叠加，然后是轻微的照明效果。实际上，照明效果可能很难在这种微妙之处复制，所以做两件事之一。在选项卡顶部创建另一个图层并从现有选项卡中创建一个选择（您必须确保第一个选项卡图层被光栅化才能执行此操作）并填充白色。然后应用照明效果并调整图层的不透明度以获得所需的效果。或者，如果你有点艺术，你可以使用具有低填充和不透明度权重的画笔工具来基本上用白色发现中间的选项卡。

对于右侧的图像，使用相同的过程来处理选项卡，只需更改填充颜色或渐变叠加前景色和背景色，对于文本，使用距离为 2 或 3 像素、大小为 2 像素的简单阴影。

这里有一个关于凸版效果的很好的教程（向下滚动一下以查看说明）。

希望有帮助。