Photoshop设计视频网站导航模板

网页文件尺寸设置为850×1200大小,使用#141217 到#14171f 颜色的渐变色填充背景图层,随后对背景图层使用滤镜杂色添加杂色,设置参数为2,接着使用圆角矩形工具制作如下圆角矩形,剪切保留如下图部分作为整个网站的头部区域 对圆角矩形进行描边,颜色为#20242d,并使用图层蒙

Photoshop制作网站首页(4):制作导航菜单

Photoshop制作网站首页(4):制作导航菜单来源:xuexin.com 薛欣 导航菜单在首页中占有非常重要的地位,它用于引领访问者找到需要的页面。所以一般来说,网页设计师通常将大量的精力用在导航菜单的设计上,而这里我们

网页文件尺寸设置为850×1200大小,使用#141217 到#14171f 颜色的渐变色填充背景图层,随后对背景图层使用”滤镜>杂色>添加杂色”,设置参数为2,接着使用圆角矩形工具制作如下圆角矩形,剪切保留如下图部分作为整个网站的头部区域


Photoshop设计视频网站导航模板插图

对圆角矩形进行描边,颜色为#20242d,并使用图层蒙版添加从上往下的渐隐效果


Photoshop设计视频网站导航模板插图(1)

加入之前做好的视频网站LOGO


Photoshop设计视频网站导航模板插图(2)

使用圆角矩形工具,设置半径为10,制作一个圆角矩形


Photoshop设计视频网站导航模板插图(3)  

剪切掉圆角矩形的一边


Photoshop设计视频网站导航模板插图(4)

导航按钮除了两边用圆角矩形外,其他可以使用普通的长方形矩形


Photoshop设计视频网站导航模板插图(5)

为导航添加图层样式


Photoshop设计视频网站导航模板插图(6)


Photoshop设计视频网站导航模板插图(7)


Photoshop设计视频网站导航模板插图(8) 

网页文件尺寸设置为850×1200大小,使用#141217 到#14171f 颜色的渐变色填充背景图层,随后对背景图层使用”滤镜>杂色>添加杂色”,设置参数为2,接着使用圆角矩形工具制作如下圆角矩形,剪切保留如下图部分作为整个网站的头部区域


Photoshop设计视频网站导航模板插图

对圆角矩形进行描边,颜色为#20242d,并使用图层蒙版添加从上往下的渐隐效果


Photoshop设计视频网站导航模板插图(1)

加入之前做好的视频网站LOGO


Photoshop设计视频网站导航模板插图(2)

使用圆角矩形工具,设置半径为10,制作一个圆角矩形


Photoshop设计视频网站导航模板插图(3)  

剪切掉圆角矩形的一边


Photoshop设计视频网站导航模板插图(4)

导航按钮除了两边用圆角矩形外,其他可以使用普通的长方形矩形


Photoshop设计视频网站导航模板插图(5)

为导航添加图层样式


Photoshop设计视频网站导航模板插图(6)


Photoshop设计视频网站导航模板插图(7)


Photoshop设计视频网站导航模板插图(8) 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部