识别photoshop对图像的文本效果

Question

我的网站是通过设计师设计的，我有这个图像，我想使用相同类型的图像用于我现在要添加的其他导航菜单，我的设计师没有向我提供psd的它。

 

我怎么知道我应该在photoshop中使用哪些文字效果和字体来达到同样的效果呢？

谢谢。

Answer 1

这不是一个编程问题，但我想我可以帮助你。

• 字体：Verdana（常规）
• 字体大小：14 / 15pt颜色：＃333333
• 文字的图层样式＆gt;斜面和斜面浮雕＆gt;风格：浮雕
  • 尺寸＆amp;软化两个0px
• 文字左：斜面方向向上
• 文字右：斜角方向向下

我用阴影角度和高光来玩你应该能够复制效果。

Answer 2

图层＆gt;层样式＆gt;斜面和浮雕

但是这可以在支持text-shadow css属性的浏览器中没有图像的情况下实现

像这样的东西

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

Answer 3

到目前为止，

What the font已满足我的字体识别需求。

Answer 4

实际上看起来文字的处理有点不一致。在左边的图像中，效果是一个凸起的斜面朝向你，右边是一个字母按压效果。

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

选择渐变叠加并设置渐变，使用白色作为前景色，使用黑色作为背景色（默认为此）。将不透明度降低至约15％。

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

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

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

对于右侧的图像，使用相同的处理来处理标签只需更改填充颜色或渐变叠加前景色和背景色，对于文本使用距离为2或3px且大小为2px的简单投影。

关于凸版印刷效果有good tutorial here（向下滚动一下以查看说明）。

希望有所帮助。