当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop设计教程:简单实用的网页导航

Photoshop
PS打造红外效果制作
Photoshop教程:打造蜘蛛人冰封特效
PS打造法拉利上色教程
打造Vista风格按钮
自定义滤镜和置换滤镜的原理
PS快速打造一种实用的艺术效果
Photoshop玩转照片艺术合成设计
PS制作的大虫子
Photoshop 打造古装美女
鼠绘车座
PHOTOSHOP 绘制卡通人物详细教程
从照片到水墨画 步骤(另类)
PS打造一种流行色调
照片转漫画
制作图片的卷页效果
教你鼠绘另类插画
跟我一起来画芭芘娃娃
Photoshop教程:高级混合技巧制作艺术字
末日城市鼠绘教材
Photoshop打造大富翁小美女孙小美

Photoshop设计教程:简单实用的网页导航


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-01   浏览: 250 ::
收藏到网摘: n/a

话不多说来看一下效果图是什么样的.



1.打开PS新建一个新文档,尺寸大小由你的网站规格决定.并填充背景#1a1a1a.(木木:在这一步你可以新建一个图层,这样好方便你以后的修改.)

2.双击该图层,弹出图层样式,选择颜色渐变.并设置如下:

3.为了增强效果,添加内阴影.

4.新建一个图层,并便用矩形选区工具,在导航上画出一个矩形大小约有原来的一半.填充#FFFFFF.透明度40%,更改混合模式:叠加.

5.现在来做一个光标滑过的效果.用矩形工具画出一个小矩形来做按扭.并设置如下图:
效果如图:

6.用文字工具来为导航来添加文字,并使用图层样式加一个描边.

 

 


7.在按扭图层上也为其添加文字效果设置如图:

8.效果如图: