正在阅读:Photoshop制作网站Logo中实用文字效果Photoshop制作网站Logo中实用文字效果

2009-05-26 09:36 出处:蓝色理想 作者:ahhqx 责任编辑:lizhiyan

  上次我介绍了在Photoshop加强网页设计中的细节,很多朋友都觉得讲的不够多,并且一些朋友很想了解如何在Photoshop制作一些文字的特别效果(还有一位朋友问我在photoshop如何生成艺术字,这在Word才有)。

  其实在现在的网页设计中,比较常用的文字效果并不多,实现的方法也很简单。所以接下来的内容我希望能对在网页设计中的新手有所帮助。

  我这篇教程将围绕2个关键字:渐变、阴影。

1、更有质感的字

Photoshop制作实用文字效果两则
图1

  我们先看图片里这个LOGO,它显得更有质感,文字有一张向外伸展,不会死板地贴在网页上。如果你仔细观察,你会很容易发现文字的brightkite都使用了色彩“渐变”。是的,文字的颜色都不是单色填充,而是“渐变”。“渐变”为什么看起来更有质感呢?这是因为这里模拟了大自然光照中的效果,即高光部分在文字的上方,而低光在下。同时也不要忽略了另一个细节,就是文字的“阴影”。

  那到底要怎么做呢?

Photoshop制作实用文字效果两则
图2

  留意图中的2跟3,如果你还不懂如何添加渐变。请在图层面板中双击“图层名”右边的空白处,或是点击下图中的第2个按钮(在图层面板下方)打开样式面板。

Photoshop制作实用文字效果两则
图3

  “渐变叠加”,然后按下图设置。渐变的颜色选择2个同色系但是有“深浅对比”的颜色。例如例子中,一个浅绿跟深绿。这样才能模拟光照效果。

Photoshop制作实用文字效果两则
图4

  好了,剩下阴影。还是一样在样式面板左侧点“投影”,然后按下图设置:

Photoshop制作实用文字效果两则
图5

  再看其他使用了这个方法的网站设计:

Photoshop制作实用文字效果两则
图6

键盘也能翻页,试试“← →”键
本文导航
第1页:质感文字
第2页:凹陷文字

关注我们

最新资讯离线随时看 聊天吐槽赢奖品