查看完整版本: 用Photoshop制作逼真的金属旋钮

用Photoshop制作逼真的金属旋钮

　　先来看下最后的效果：

[img]http://www.missyuan.net/upimg/allimg/081104/1132030.jpg[/img]

　　首先，用路径工具中的自定形状中的椭圆工具，按SHIFT画出一个正圆。在用文字工具延着圆形路径按一定比例编辑出文字。然后在用线段工具做出“I”形的直线。

[img]http://www.missyuan.net/upimg/allimg/081104/1132031.jpg[/img]

　　在来为文字添加图层样式，右击文字图层点选“混合选项”，点选投影样式。用以下设置：

[img]http://www.missyuan.net/upimg/allimg/081104/1132032.jpg[/img]

　　下面把图层类型改成形状图层，图04，在用椭圆工具在文字中间画出一正圆。颜色用c8cab5.

[img]http://www.missyuan.net/upimg/allimg/081104/1132033.jpg[/img]

　　在来为这个正圆添加图层样式：首先是投影

[img]http://www.missyuan.net/upimg/allimg/081104/1132034.jpg[/img]

　　在添加外发光：

[img]http://www.missyuan.net/upimg/allimg/081104/1132035.jpg[/img]

　　在添加渐变叠加样式：

[img]http://www.missyuan.net/upimg/allimg/081104/1132036.jpg[/img]

　　渐变编辑器中设置如下：

[img]http://www.missyuan.net/upimg/allimg/081104/1132037.jpg[/img]

　　到这以后电击确定。现在用椭圆工具在以上按钮上建立一个比它稍小一些的正圆。用把图层填充黑色。

[img]http://www.missyuan.net/upimg/allimg/081104/1132038.jpg[/img]

　　在然后右击添加图层样式，设置“描边”，在“混合选项：自定”中把填充不透明度设置为0。

　　

[img]http://www.missyuan.net/upimg/allimg/081104/1132039.jpg[/img]

　　

[img]http://www.missyuan.net/upimg/allimg/081104/11320310.jpg[/img]

　　在用椭圆工具建立一个正圆，颜色设置为c8cab5:

[img]http://www.missyuan.net/upimg/allimg/081104/11320311.jpg[/img]

　　先来添加投影图层样式：

[img]http://www.missyuan.net/upimg/allimg/081104/11320312.jpg[/img]

　　在添加渐变叠加样式，渐变编辑器中的设置和颜色和前一个渐变设置是一样的：

[img]http://www.missyuan.net/upimg/allimg/081104/11320313.jpg[/img]

　　点击确定。你的图象应该和下面一样：

[img]http://www.missyuan.net/upimg/allimg/081104/11320314.jpg[/img]

　　现在在用直线工具在旋钮上加入一个刻度指示，直线大小设置为2象素：

[img]http://www.missyuan.net/upimg/allimg/081104/11320315.jpg[/img]

　　在加入图层样式，首先是内阴影：

[img]http://www.missyuan.net/upimg/allimg/081104/11320316.jpg[/img]

　　在加入外发光：

[img]http://www.missyuan.net/upimg/allimg/081104/11320317.jpg[/img]

　　在下面是渐变叠加：

[img]http://www.missyuan.net/upimg/allimg/081104/11320318.jpg[/img]

　　渐变编辑器中设置如下：

[img]http://www.missyuan.net/upimg/allimg/081104/11320319.jpg[/img]

　　到这就全部完成了在下看最后效果：

[img]http://www.missyuan.net/upimg/allimg/081104/11320320.jpg[/img]

　　我还做了一些不同样式的希望你能学会并掌握好。

　　

[img]http://www.missyuan.net/upimg/allimg/081104/11320321.jpg[/img]

　　

[img]http://www.missyuan.net/upimg/allimg/081104/11320322.jpg[/img]

　　

[img]http://www.missyuan.net/upimg/allimg/081104/11320323.jpg[/img]

出自：eNet      作者：NICHICON

不错的效果哦.支持了

喔~~~稀饭~~~安在表盘上一定粉PP

:a15   需要耐心啊。。。。。。蛮漂亮的//

感謝 愛兄的分享。
相當精緻的金屬按鈕，
仿制得幾乎像真的一樣，佩服。

已经更新了 很不错的教程

效果不错哦~~~支持下

好好学习,天天向上,谢谢楼主的教程

确实很漂亮,但俺学不会,教程写的过于简单了