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

PS制作质感Web2.0样式网页按钮的教程

  • 2022-12-25 00:58:42
  • 来源/作者:互联网/佚名
  • 己被围观

作者:佚名 出处: 新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。 此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标变换选区 选择渐变工具,样式为线


作者:佚名   出处:

新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。

此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标——变换选区

选择渐变工具,样式为线性渐变,颜色仍为深灰至白色,方向与第一步做的相反(如果第一步是从上至下,那么现在就是从下至上

新建图层,按M键选择椭圆选框工具,在选区右击——变换选区,将选区范围缩小,双击确定,填充深蓝色

新建图层,保持选区。前景色设为淡青色,选择渐变工具,打开渐变编辑器,样式选第二种前景色至透明

 


渐变样式选择径向,从选区底部向上拖出 

保持选区,新建图层,选择柔性画笔(硬度为0),前景色设为白色,在选区中下方点一下鼠标

将此图层混合模式设为柔光

新建图层。按住ctrl键,鼠标点击深蓝色图层,出现深蓝色图层选区,填充黑色

选择——修改——收缩

 


羽化5像素左右 

按delete键删除。制作出内阴影效果

新建图层,选择渐变工具,前景色设为白色,打开渐变编辑器,前景色至透明。渐变样式为径向,拖出下图的渐变效果

将此图层不透明度设为70%

输入文字,添加投影样式

最终效果



 1/2    1 2 下一页 尾页

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