在photoshop中如何制作网站的圆角导航条

来源:百度知道 编辑:UC知道 时间:2024/06/17 17:20:55
http://www.chinaz.com/
同上面这个网站类似,可以不要下拉效果,关键是要能突出圆角部分还有中间的分割线
要比这个网站的圆角效果还要明显

photoshop,可以有两种做法
一种时使用矢量矩形选框,可以设定圆角角度,大概要15左右,然后可以直接在新建的图层上面画。
还有一种就是使用钢笔工具勾勒出矩形框的形状,之后把路径转为选区,填充就可以了。

方法:
1、用路径工具里的圆角矩形工具,绘制一个圆角矩形(圆角大小在菜单栏下面的工具属性栏里,设置半径大小)
2、CTRL+回车,将路径变选区。
3、新建一层,用渐变工具,设置好渐变,根据需要拉一个渐变即可
4、写上文字

用矩形工具里的圆角工具。就是文字工具T下面的那个按钮长时间不动酒出现选项了,里面有,分割线,一般是根据背景颜色。一个比背景颜色深,一个比背景颜色浅,这样就能区分了

我有啊,是模仿的DEDECMS模板,见http://www.Xiado.cn
他的代码是:
------------------------

<div class="nav">

<div class="navinner">

<ul class="navlist">

<li><a href="/" target="_blank" id="nav_1" onmouseover="showMenu('nav_1','subnav1')">客栈首页</a>

<div class="subnav disable" id="subnav1">

<p><span> </span></p>