Photoshop制作3D水晶按钮

  • 在进行安卓开发的时候,按钮是必不可少的控件,用Android Studio自带的按钮已经不能满足我们对UI的要求,学会制作水晶按钮能够美化界面,产生良好的用户体验。
  • 下面我们用Photoshop制作水晶按钮,步骤如下:

1、打开Photoshop,在上方的工具栏中选择:文件->新建

Photoshop制作3D水晶按钮_第1张图片

2、在左侧工具栏选择椭圆矩形工具

Photoshop制作3D水晶按钮_第2张图片

3、在透明画布上用圆角矩形工具画出按钮雏形

Photoshop制作3D水晶按钮_第3张图片

4、在上方的工具栏中选择:窗口->样式

  • 就会出现下面的窗口,我们可以根据项目的需要选择合适样式的按钮。
    Photoshop制作3D水晶按钮_第4张图片
  • 默认的按钮有很多样式供我们选择。
    Photoshop制作3D水晶按钮_第5张图片
    Photoshop制作3D水晶按钮_第6张图片

5、点击下图中右上角的按钮,选择Web样式

Photoshop制作3D水晶按钮_第7张图片

6、点击追加

Photoshop制作3D水晶按钮_第8张图片

  • 我们可以看到很多具有3D效果的特效

Photoshop制作3D水晶按钮_第9张图片

  • 带投影的蓝色凝胶特效如下~~略好看

Photoshop制作3D水晶按钮_第10张图片

7、接下来是保存制作的水晶按钮

  • 用矩形选择工具(快捷键M)选定按钮的地方,就会出现如下虚线的效果

Photoshop制作3D水晶按钮_第11张图片

  • 按下CTRL+SHIFT+C,然后选择上方工具栏:文件->新建,这时候就会新建一个和按钮大小相同的透明画布,按下CTRL+V,将按钮复制到画布上,另存为png格式的图片即可。水晶按钮制作成功!
    Photoshop制作3D水晶按钮_第12张图片

你可能感兴趣的:(Andriod开发,水晶按钮,3D按钮,Photoshop,UI,Android)