用ps制作竖列导航(3)

输入白色文字,添加描边图层样式。 建新层,做如下矩形选区,描边1像素。 保持选区,建新层,选择修改收缩1像素,编辑描边1像素。重复这个步骤,颜色分别是桔黄和灰色,效果如下。 保持选区,建新层,填充# f9f6ee

ps制作竖列导航(4)

输入一些文字,最终效果如下。 剩下的我不用说了。文字加上链接即可。

输入白色文字,添加描边图层样式。

用ps制作竖列导航(3)插图

建新层,做如下矩形选区,描边1像素。

用ps制作竖列导航(3)插图(1)

保持选区,建新层,选择>修改>收缩1像素,编辑>描边1像素。重复这个步骤,颜色分别是桔黄和灰色,效果如下。

用ps制作竖列导航(3)插图(2)

保持选区,建新层,填充# f9f6ee,添加图层样式。

用ps制作竖列导航(3)插图(3)

建新层,调出上图的选区,选择>修改>收缩2像素,编辑>描边1像素。

用ps制作竖列导航(3)插图(4)

合并除背景外的所有层,做一矩形选区,删除底部。

用ps制作竖列导航(3)插图(5)

建新层,做如下矩形选区,填充白色,图层不透明度35%。

用ps制作竖列导航(3)插图(6)

Ctrl+J复制一层,往底下挪一段距离,图层模式柔光,不透明度25%。

用ps制作竖列导航(3)插图(7)

一般来说,国内网站导航都是横条的,国外网站相反,大部分是竖列的,今天我们就来制作一个竖列导航,先看效果图。

用ps制作竖列导航(3)插图(8)

新建文档210×260像素,背景白色。建新层,选择圆角矩形工具,画一个矩形,设置如下, 颜色#ff7f00。

用ps制作竖列导航(3)插图(9)

放大画布显示,用白箭头工具点一下路径,会出现一些节点。

用ps制作竖列导航(3)插图(10)

用钢笔工具删除2个节点,调整如下图所示,使底部形成直角。

用ps制作竖列导航(3)插图(11)

输入一些文字,最终效果如下。

用ps制作竖列导航(3)插图(8)

剩下的我不用说了。文字加上链接即可。

一般来说,国内网站导航都是横条的,国外网站相反,大部分是竖列的,今天我们就来制作一个竖列导航,先看效果图。

用ps制作竖列导航(3)插图(8)

新建文档210×260像素,背景白色。建新层,选择圆角矩形工具,画一个矩形,设置如下, 颜色#ff7f00。

用ps制作竖列导航(3)插图(9)

放大画布显示,用白箭头工具点一下路径,会出现一些节点。

用ps制作竖列导航(3)插图(10)

用钢笔工具删除2个节点,调整如下图所示,使底部形成直角。

用ps制作竖列导航(3)插图(11)

建新层,调出上图的选区,选择>修改>收缩2像素,编辑>描边1像素。

用ps制作竖列导航(3)插图(4)

合并除背景外的所有层,做一矩形选区,删除底部。

用ps制作竖列导航(3)插图(5)

建新层,做如下矩形选区,填充白色,图层不透明度35%。

用ps制作竖列导航(3)插图(6)

Ctrl+J复制一层,往底下挪一段距离,图层模式柔光,不透明度25%。

用ps制作竖列导航(3)插图(7)

输入白色文字,添加描边图层样式。

用ps制作竖列导航(3)插图

建新层,做如下矩形选区,描边1像素。

用ps制作竖列导航(3)插图(1)

保持选区,建新层,选择>修改>收缩1像素,编辑>描边1像素。重复这个步骤,颜色分别是桔黄和灰色,效果如下。

用ps制作竖列导航(3)插图(2)

保持选区,建新层,填充# f9f6ee,添加图层样式。

用ps制作竖列导航(3)插图(3)

输入一些文字,最终效果如下。

用ps制作竖列导航(3)插图(8)

剩下的我不用说了。文字加上链接即可。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部