来源:网络 作者:飞屋睿UIdesign
如何绘制逼真的高光?如何创造立体的感觉?今天分享一个简单水晶纽扣的uimaker.com/uimakerhtml/uistudy/">教程，仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感，最适合UI设计刚入门的同学了，练习的时候要不断去思考高光和阴影的关系，以及实物的状态，这样才能短期内快速进步吧。
或许入门的PS学徒们都曾经试图制作过诸如一滴水、一个气球或一只苹果这样的拟物玩意儿的设计。通常让人感到迷惑的是，为什么我们要画一个苹果而不是用照片拍下一个苹果再把它抠出来?我的答案是，学习是没有捷径可走的。比较快速的做法当然同样可以达到效果，但它带来的收获远没有你用心画一只苹果来得更多。
今天我们要制作的是水晶状的纽扣，它是拟物感觉的，你要在学习的过程中不断去思考高光和阴影的关系，以及实物的状态，这是美术课的内容，但就在你熟练操作了PS的时候，也同样需要这样的基本知识去增强你的设计。
1、新建文件
打开PS，新建一个文件(W：800px，H：600px)，背景色填充为深灰色#242424，然后略微给背景填充上径向渐变，让中心看上去更“亮”。再在该背景层上增加一个圆形，这就是纽扣的”身体”了。圆形的色彩随大家各自喜欢，我选用的是绿色。
2、图层样式
接下来，我们要对纽扣的“身体”运用图层样式。图层样式的使用，靠的是不断的尝试，而每一次的运用都要当做一次积累，才能更好的理解和掌握它。那么，今天我们要用到哪些样式呢?
由于要让纽扣变得立体，因此我们可以尝试用一下内阴影。在此过程中，你的大脑中一定要出现一副作品完成后你想要达到的效果，在你不断对其进行调试中你才有可能逐渐接近你的目标。
不熟悉内阴影的同学，右戳学习，包你会!《PS技巧学起来!帮你快速的彻底搞懂内阴影功能》
这是我的面板数值，以及在此数值下的图层效果。
我要使用内发光，让它的边缘具有水晶的光泽。
运用光泽图层样式，让它更具光泽感
