Photoshop设计制作网站头部导航条
来源:岁月联盟
时间:2009-10-13
设计背景
先看一下看完成效果图

步骤1新建新文件,设定见下图

下一步设定前景色为#e6e0d5,背景色为#cec5af


打造顶部区域,确保前面设定的色彩准确,之后运用“滤镜>渲染>云彩”!

开始设计导航按钮,创建图层,运用矩形工具,打造见下图形


再次创建图层,打造#ac2a2a色彩矩形

再用单行选区工具打造按钮鼠标拖动上后的黄色滑杆

为滑杆加上渐变样式


创建图层,运用椭圆选区工具,羽化设定20px,如此然后填充的黑色把会出现羽化的效果



为前面的椭圆选区填充黑色,之后设定图层为"正片叠底",运用矩形选区工具删除右半区域,如此看起来红色的导航条上就出现了阴影分割效果

拷贝前面做的椭圆阴影

打造RSS破损纸张效果,打造2个图层,用选区勾勾出纸张的框架,一大的为白色,小的红色,假如感觉效果过于平滑,可运用滤镜来让其看起来更自然

为白色的框架加上内阴影样式

做完后的完成图

此时执行最终的装饰,运用单行选区工具

填充色彩#e6e0d5

拷贝图层,并把它拖动到如下箭头地方,设定不透明度为20%

最终把LOGO标志放入,一完好的网站头部导航设计就做完了












