近期热门
粉丝4241
关注 49
获赞 7207
用PS制作WEB 2.0按钮教程

[UI] 用PS制作WEB 2.0按钮教程

[复制链接]
3449 1 0 2 11年前 举报
用PS制作WEB 2.0按钮

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

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

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

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

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

  6、渐变样式选择径向,从选区底部向上拖出。
6.jpeg

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

7.jpeg
      8、将此图层混合模式设为柔光

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

  10、选择——修改——收缩

10.jpeg
  11、羽化5像素左右。
11.jpeg

  12、按delete键删除。制作出内阴影效果。
12.jpeg

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

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

14.jpeg
  15、输入文字,添加投影样式。

15.jpeg
  最终效果:

16.jpeg
0
点赞
0
打赏
2
添加到收藏夹

1

点击复制链接

使用微信扫码分享
一次扣10个券
全部评论1
您需要登录后才可以回帖 登录

啥也不说了,楼主就是给力!
10年前
回复

使用道具 举报

您当前使用的浏览器IE内核版本过低会导致网站显示错误

请使用高速内核浏览器或其他浏览器