Photoshop教程:制作一个简洁的蓝色导航框插图

Photoshop教程:制作一个简洁的蓝色导航框

作者:飞鱼的声纳 出处:飞鱼的声纳 本教程主要用Photoshop创建一个简洁的蓝色导航框,最终的效果非常的清爽,背景和字体的搭配也非常的适合,西面让我们一起来学习吧. }先看看最终效果图 步骤1 首先创建一个新文档并将其设置为540X440像素大小,用浅灰色#343435和深灰色#222222

PS绘制一个简单的网页导航条的详细教程插图

PS绘制一个简单的网页导航条的详细教程

作者:布噜盒子 出处: 又是一个简单的导航临摹步骤,我把练习步骤贴出来与大家分享 希望对初学者有所帮助 步骤2,创建导航背景,下面忘记写了,颜色是#5a5a5a 设置灰色块的图层样式,内阴影+渐变 设置完渐变的时候效果出来啦 好,复制背景,行距是3px 为导航条写上标题 下面

广告位
Photoshop教程:轻松绘制黑色风格导航条文字插图

Photoshop教程:轻松绘制黑色风格导航条文字

作者:布噜盒子 出处: 首先建立背景 然后用圆角矩形 圆角5px 尺寸和颜色图片有说明 这里使用软画笔提亮背景,笔触300像素大小 原教程中没有的步骤,为了让字体有一点突出感,我加了点投影,细微的变化 拉渐变,可以直接用矩形选框,距离外框10px即可,然后渐变图层透明度为5%

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

用ps制作竖列导航(6)

一般来说,国内网站导航都是横条的,国外网站相反,大部分是竖列的,今天我们就来制作一个竖列导航,先看效果图。 新建文档210×260像素,背景白色。建新层,选择圆角矩形工具,画一个矩形,设置如下, 颜色#ff7f00

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

用ps制作竖列导航(2)

建新层,调出上图的选区,选择修改收缩2像素,编辑描边1像素。 合并除背景外的所有层,做一矩形选区,删除底部。 建新层,做如下矩形选区,填充白色,图层不透明度35%。 Ctrl+J复制一层,往底下挪一段距离,图层模

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

用ps制作竖列导航(5)

用ps制作竖列导航(2)建新层,调出上图的选区,选择修改收缩2像素,编辑描边1像素。 合并除背景外的所有层,做一矩形选区,删除底部。 建新层,做如下矩形选区,填充白色,图层不透明度...
用ps制作竖列导航(4)插图

用ps制作竖列导航(4)

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

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

用ps制作竖列导航(3)

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

Photoshop教程:设计复古丝带风格网页导航(3)插图

Photoshop教程:设计复古丝带风格网页导航(3)

作者:佚名 出处:phoben 您喜欢这种效果吗?今天否本带大家一起来看看它究竟是如何制作出来的! 首先在Photoshop中新建一个文档-约 500 500 大小,并填满 #dac8aa 的颜色。 现在,我们找一个类似纸张纹理的素材。

Photoshop教程:设计复古丝带风格网页导航(2)插图

Photoshop教程:设计复古丝带风格网页导航(2)

Photoshop教程:设计复古丝带风格网页导航(3)作者:佚名 出处:phoben 您喜欢这种效果吗?今天否本带大家一起来看看它究竟是如何制作出来的! 首先在Photoshop中...
正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部