建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

Photoshop制作Web2.0风格导航条(2)

时间:2009-06-13 17:25来源: 作者: 点击:
11. 使用矩形选框工具选取你链接的内部区域 (在两个线条之间)然后填充任何你想要的颜色。 12.现在给这个层应用混合模式渐变叠加使用颜色: #567595, #728fae #b3c3d3 13. 这就是它应该呈现的样子。 14. 现在使用矩

11. 使用矩形选框工具选取你链接的内部区域 (在两个线条之间)然后填充任何你想要的颜色。

Photoshop制作Web2.0风格导航条

12.现在给这个层应用混合模式渐变叠加使用颜色: #567595, #728fae #b3c3d3

Photoshop制作Web2.0风格导航条

13. 这就是它应该呈现的样子。

Photoshop制作Web2.0风格导航条

14. 现在使用矩形选框工具2px的半径绘制一个小矩形使用#ffffff填充。

Photoshop制作Web2.0风格导航条

15. 应用如下的层效果到形状图层: 内发光(混合模式:叠加)

Photoshop制作Web2.0风格导航条

16. 渐变叠加: #e6e6e6  和 #ffffff

Photoshop制作Web2.0风格导航条

17. 描边: #5e80a3

Photoshop制作Web2.0风格导航条

18. 这就是它应该呈现的样子。

Photoshop制作Web2.0风格导航条

19. 在形状内输入“search”使用Segoe字体 大小为 12pt 颜色#7b7b7b

Photoshop制作Web2.0风格导航条

20. 从 f3 Silk Icons(Silk Icons是一组免费的图标译者注)中添加一个放大镜这样你的导航条就完成了。这就是最后呈现的效果正常状态下和鼠标滑过时。

Photoshop制作Web2.0风格导航条 (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片