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

ps矩形网页按钮

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

本教程主要使用Photoshop设计金属质感的网页按钮。

Ctrl + D键删除选择。进入到下一步骤。我想添加的按钮,有些刺眼。要做到这一点,选择圆角矩形工具(半径:80像素),并创建一个新的形式使用白色。

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

栅格化这个图层与图层>栅格化>形状。之后,应用快速蒙版模式更多的时间和填充下一个渐变:

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

回到标准模式,我们收到了再次选择的区域。按删除,清除选定部分的图像。

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

取消选择选择的区域,按Ctrl + D和改变图层模式叠加,为当前层。

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

我们完成了按钮。现在,移动到下一个步骤。我认为它会看起来更好时,我们将会把它的一些设计元素上。要做到这一点得到我的照片下面用白色的椭圆工具,创建圆润的造型:

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

 

之后,应用这些混合选项到这一层:

内阴影

内发光

渐变叠加

行程

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

结果如下:

Photoshop设计金属质感的网页按钮,PS教程,16xx8.com教程网

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