gggds 发表于 2009-12-2 01:40:14

Photoshop制作金属旋钮-中国展示论坛

最终效果图

http://www.sj33.cn/jc/UploadFiles/200709/20070907163408824.jpg

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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163408797.jpg

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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163408938.jpg

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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163408845.jpg

4、在来为这个正圆添加图层样式:首先是投影。

http://www.sj33.cn/jc/UploadFiles/200709/20070907163408905.jpg


在添加外发光:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163409307.jpg

在添加渐变叠加样式:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163409155.jpg

渐变编辑器中设置如下:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163409614.jpg

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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163409482.jpg


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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163409815.jpg


http://www.sj33.cn/jc/UploadFiles/200709/20070907163410156.jpg

12下一页




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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163410539.jpg

8、先来添加投影图层样式:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163410166.jpg

9、在添加渐变叠加样式,渐变编辑器中的设置和颜色和前一个渐变设置是一样的:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163410216.jpg


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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163410426.jpg

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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163410788.jpg

12、在加入图层样式,首先是内阴影:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163410692.jpg

在加入外发光:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163411280.jpg


在下面是渐变叠加:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163411928.jpg

渐变编辑器中设置如下:

http://www.sj33.cn/jc/UploadFiles/200709/20070907163411494.jpg

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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163408824.jpg

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

http://www.sj33.cn/jc/UploadFiles/200709/20070907163411269.jpg


http://www.sj33.cn/jc/UploadFiles/200709/20070907163411344.jpg
12
页: [1]
查看完整版本: Photoshop制作金属旋钮-中国展示论坛