蝙蝠岛资源网 Design By www.hbtsch.com

效果
Photoshop将制作出金属质感风格的网页导航条
1, 在PS中新建文件,宽度定义为1000px,实际上我们所要用到的宽度一般在950px-980px之间。为了方便更好的展示网站的整体效果。所以文件的宽度应大于网页实际的宽度。高度自定,但最好要大于整个页面的高度,在没有办法确定页面的高度范围时,我们可以把高度定到大于网页高度。这样,整个页面制作好了。我们可以使用裁切工具。将多余的部分裁切掉。
Photoshop将制作出金属质感风格的网页导航条
Photoshop将制作出金属质感风格的网页导航条
Photoshop将制作出金属质感风格的网页导航条
2, 这个实例,以网站实际宽度为800像素为例进行操作。为了加快制作流程,节省制作的时间成本。我通常的做法是:a,选矩形选框工具;b,定义固定宽度800px,高度无所谓;c,新建图层;D,建立选区,填充任何一种颜色;e,选移动工具[v键],定方水平居中;f,CTRL+R,打开标尺;g,定义参考线。这样,我们就把页面的实际宽度定义完成。所有的制作,设计部分,都是在这样的区域中进行。然后,把刚建的图层删除。因为建这个层的目的是定议参考线
Photoshop将制作出金属质感风格的网页导航条
3, 开始制作导航部分。下面还是使用选框工具。定议高度为60px,并在文件中新建图层,创建一个矩形的选区。填充任意一种颜色。CTRL+D取消选择。对此矩形选用渐变叠加样式。如图所示
Photoshop将制作出金属质感风格的网页导航条

4, 在头部导航的底部,建立两条直线。高度为1px.一条黑色线,一条白色线。将两条件合并,使用图层样式中的“叠加”就产生了如图所示的效果
Photoshop将制作出金属质感风格的网页导航条
上一页12 下一页 阅读全文

标签:
网页,导航条

蝙蝠岛资源网 Design By www.hbtsch.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“Photoshop将制作出金属质感风格的网页导航条”

暂无Photoshop将制作出金属质感风格的网页导航条的评论...