当前位置:首页 > PS教程 > 网页设计

Photoshop制作苹果mac风格导航条

  • 2022-12-24 23:17:59
  • 来源/作者:互联网/佚名
  • 己被围观

效果图: 1.新建立一个500*50px的文档 2.然后选择矩形选框工具,设置模式为固定大小宽为 480px 高为 35px 绘制一个矩形选区。 3.现在,执行选择 - 修改 - 平滑在出现的对话框中设置为3px,创建一新图层,把选区填充为任意颜色。 3.设置该图层的图层样式:渐变叠加,#949494

5.为文字添加投影样式。

6.现在效果如下。

img73

7.现在我们在文字之间添加分隔线。创建新图层,使用铅笔工具,绘制两条线,使两条线分开1px,颜色设置为白色。最后改变图层模式为柔光,不透明度降低到20%。

img83

8.创建一新图层,绘制一条1px线,颜色为#808080,把它放到上面两条线的中间,图层模式不变,把不透明度降低到35%,效果如下。
9.依次复制上面两个图层,把这种效果添加到其他的导航文字中间,效果如下。

img103

10.现在,我们来简单制作翻滚效果。在一个文字的区域设置选区,效果如下图。

img113

11.创建新图层,填充选区为任意颜色,然后添加图层样式,渐变叠加: #666666 - #a1a1a1。

12.把字体的颜色改变为白色,并且添加投影效果: #454545。

13.最终效果如下。

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条