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

PS网页设计实例:多彩导航条制作

  • 2022-12-24 22:36:38
  • 来源/作者:互联网/佚名
  • 己被围观

PS网页设计实例:多彩导航条制作 创建新画布。 建立4条垂直参考线,将画布等分为五份。 在画布下方添加一条水平参考线。 首先绘制第一个按钮,选择矩形工具并选择形状图层模式。 在水平参考线和垂直参考线之间绘制

PS网页设计实例:多彩导航条制作

创建新画布。

建立4条垂直参考线,将画布等分为五份。

在画布下方添加一条水平参考线。

首先绘制第一个按钮,选择矩形工具并选择形状图层模式。

在水平参考线和垂直参考线之间绘制如下红色矩形。

为按钮添加渐变效果。在距离按钮边缘5个像素的位置添加垂直参考线。

设置前景色为红色,背景色为白色。

选择渐变工具。

按如下方式设置渐变条。

创建新的图层,利用矩形选框工具创建如下选区。

渐变填充,并将图层不透明度设为“50%”。

效果如下:

添加新参考线。

利用钢笔工具按下图所示连接三个点。

制作三角形。

采用相同的方法完成其他颜色按钮的制作。

彩色导航条就制作完成了。



*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条