您的位置: 首页 > 软件教程 > Photoshop文字特效教程专题 > PS文字特效教程之制作网站Logo中实用文字

PS文字特效教程之制作网站Logo中实用文字

8.0分
出处:网络 时间:2011-05-10

您可能感兴趣的话题: Photoshop  

核心提示:我们先看图片里这个LOGO,它显得更有质感,文字有一张向外伸展,不会死板地贴在网页上。如果你仔细观察,你会很容易发现文字的brightkite都使用了色彩“渐变”。是的,文字的颜色都不是单色填充,而是“渐变”

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

  1、更有质感的字

<aPS文字特效教程之制作网站Logo中实用文字 src="https://img4.duote.com/duoteimg/zixunImg/local/2011/05/10/13050122198002.jpg" border=0>
图1

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

  那到底要怎么做呢?

PS文字特效教程之制作网站Logo中实用文字
图2

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

PS文字特效教程之制作网站Logo中实用文字
图3

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

PS文字特效教程之制作网站Logo中实用文字
图4

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

PS文字特效教程之制作网站Logo中实用文字
图5

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

PS文字特效教程之制作网站Logo中实用文字
图6

  2、凹陷的字

  照例我们看一个例子:

PS文字特效教程之制作网站Logo中实用文字
图7

  ALEX BUGA网站的LOGO,我觉得是凹陷字体的典范。而这样的字体效果很明显有一种凹陷在背景里的感觉,甚至文字像是刻在石头上一般。如果你已经完成了第一个文字效果,那么接下来的内容对你是相当简单的。

PS文字特效教程之制作网站Logo中实用文字
图8

  (1)首先输入文字,颜色填充为较背景更深的颜色,例子中为#4e3400

  (2)添加“内阴影”样式,设置如下图:

PS文字特效教程之制作网站Logo中实用文字
图9

  (3)添加“斜面和浮雕”样式,设置如下:

PS文字特效教程之制作网站Logo中实用文字
图10

  3、作品完成。 该效果需注意:

  (1)字体颜色选择与背景色要搭配;

  (2)第2步的内阴影设置时,“大小”与”距离”可以根据你的文字大小来调整;

  (3)添加内斜面只为增强白色的光照效果,可以选择不加。

  接下来看一些使用“凹陷”效果的网站设计:

PS文字特效教程之制作网站Logo中实用文字
图11

PS文字特效教程之制作网站Logo中实用文字
图12

网友评论
多特网友 2013-05-06 13:00:59 回复
t 不错我很喜欢
多特网友 2013-04-27 08:15:27 回复
不错呢,喜欢
多特网友 2012-07-08 09:59:28 回复
不错呢,谢谢
多特网友 2011-12-07 12:27:41 回复
为了达到五个字的最低限额。
多特网友 2013-04-27 08:15:27 回复
不错呢,喜欢
多特网友 2011-12-07 12:27:41 回复
为了达到五个字的最低限额。
多特网友 2013-05-06 13:00:59 回复
t 不错我很喜欢
多特网友 2012-07-08 09:59:28 回复
不错呢,谢谢
精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]