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

Photoshop做网站导航栏图片

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

步骤 1、创建一 540 x 440px 大小的画布,并用#1b1b1b填充。 步骤 2、创建新图层,使用圆角矩形工具,半径设为5px,建立一 250 x 300px 选框。 步骤 3、使用径向渐变工具填充选区,渐变颜色为#bc0303,#3f0000。 副标题 步骤 4、图层 图层样式 外发光。 得到如下效果


步骤 8、按住 Ctrl 并点击黑色方框层获得选区,选择 >> 修改 >> 收缩,收缩10px。





步骤 9、创建新图层,使用白色到透明渐变(径向)填充选区。

步骤 10、将图层不透明度设为5%。

步骤 11、输入导航项目。

步骤 12、使用矩形选框工具在各项之间建立 210 x 1px 的选区,并用#1e1e1e填充。

步骤 13、制作激活状态下栏目效果。在文字层下方创建图层,使用矩形选框工具建立 210 x 30px 的选区,并用#171717填充。

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