• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >photoshop > PS设计一个漂亮的网站导航教程

PS设计一个漂亮的网站导航教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-22

佚名 向大家分享了PS设计一个漂亮的网站导航教程,其中包含ps教程免费学的网站,ps教程网站,ps网站制作教程,ps教程网站大全,ps网站设计教程等知识点,遇到此问题的同学们可以参考下

这篇教程是向介绍利用PS设计一个漂亮的网站导航,设计出来的导航真的很不错,教程作者介绍地也很详细。难度不是很大。对于正在学习PS朋友很多有帮助。推荐过来,喜欢的朋友一起来学习吧!先来看看最终的效果图吧:

PS设计一个漂亮的网站导航教程

最终效果

制作步骤如下:

PS设计一个漂亮的网站导航教程

1.填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形;

PS设计一个漂亮的网站导航教程

2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边);

PS设计一个漂亮的网站导航教程

3.选择图层1,使用滤镜>杂色>添加杂色(根据情况调整杂色的数量);

PS设计一个漂亮的网站导航教程

4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像表的距离,再按删除键删除选区内的色彩.再CTRL+D,取消选区.这样我们就得到了按钮底部的高光了;

PS设计一个漂亮的网站导航教程

5.选图层2,添加图层样式(渐变叠加);

PS设计一个漂亮的网站导航教程

6.按CTRL键,点击图层1,调出层1选区,再新建图层3,使用渐变工具(径向渐变,白到黑色,从按钮的上中位置拖到按钮的下右位置),CTRL+D取消选区,改变层3的图层样式;如图设置

PS设计一个漂亮的网站导航教程

7.选择圆角矩形工具,建立与按钮同等宽度的圆色矩形路径,再选用转换点工具,移动右下角两个节点.使其变成梯形,新建图层4,设置前景色为白色,进入路径面板,填充路径(白色).按CTRL键点击层1,选图层4,为图层4添加图层蒙板.再设置图层混合模式,产生按钮的高光效果;

PS设计一个漂亮的网站导航教程

8.输入文字,添加图层样式;

PS设计一个漂亮的网站导航教程

教程结束,以上就是利用PS设计一个漂亮的网站导航教程,希望对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • PS设计一个漂亮的网站导航教程

相关文章

  • 2017-05-22教你用PS制作正在发光的立体台灯图标
  • 2017-05-22Photoshop使用滤镜制作一张效果炫酷的光影海报
  • 2017-05-22photoshop自由变换工具制作视觉上的错觉
  • 2017-05-22photoshop制作逼真的衣服皱褶效果
  • 2017-05-22Photoshop双重画笔使用实例分享
  • 2017-05-22Photoshop制作3dMax中常用的皮革纹理背景教程
  • 2017-05-22新手必看:PS图片处理小技巧介绍(二)
  • 2017-05-22用PS简单制作马赛克图片
  • 2017-05-22PS简单制作一个圆形图案
  • 2017-05-22Photoshop制作漂亮立体的胶卷icon图标

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • PS利用渐变工具将两张图片完美融合
    • PS不用切片将选区平分的新技能
    • Photoshop给美女头发更换颜色
    • 除了马赛克处理之外 如何用ps模糊处理图片
    • photoshop制作简单漂亮的相框
    • Photoshop制作四等分圆环企业LOGO教程
    • PS制作出漂亮的唇彩效果
    • Photoshop将美女制作出打散的喷溅红裙
    • 用PS制作超漂亮的菊花
    • PS制作漫画风格的人头像动态效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有