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

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

作者:佚名 字体:[增加 减小] 来源:互联网

佚名 向大家分享了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设计一个漂亮的网站导航教程

相关文章

  • Photoshop制作超酷的2014足球世界杯立体效果海报
  • PS将淘宝天猫衣服模特照片做出手画线稿效果教程
  • ps如何让背景模糊?ps照片背景虚化教程
  • PS油漆桶不能用了怎么办? 解决ps油漆桶不能使用的七种方法
  • Photoshop设计制作出唯美清新的茶类海报
  • 用ps滤镜制作漂亮的荧光花束效果
  • Photoshop设计炫酷的蓝色UI界面教程
  • 用PS自定义形状制作吊牌签名
  • 用Photoshop制作动态加载的花形小图标
  • Photoshop制作大气梦幻冲入云霄的汽车海报

文章分类

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

最近更新的内容

    • PS简单制作漂亮的立体描边彩色绳子
    • 用Photoshop制作动态加载的花形小图标
    • Photoshop制作非常精美的化妆品海报
    • PS打造超酷炫光的婚纱照片
    • 奥义封印炎爆秘术 让你好用到哭的PS火焰效果动作
    • 用ps制作漂亮的心形云彩
    • ps滤镜制作漂亮的等高线背景
    • 教你如何用photoshop几步把照片调色唯美清新的效果
    • PS给桌面上立体小方盒添加玲珑剔透倒影技巧介绍
    • PS简单制作一个漂亮的混合色带gif动画效果

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

©2020-2025 All Rights Reserved. linkedu.com 版权所有