丁邦圣 發表於 2008-12-2 22:11:26

photoshop 金属质感圆形按钮

最终效果图 <br /><img height="200" hspace="6" width="200" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2212110.jpg" /> <br />第1步:建一新黑底文件,新建图层Layer1,选用椭圆工具,按住Shift键绘制一正圆形,用渐层工具以Radial、从白到黑色进行填充; <br /><img height="200" hspace="6" width="200" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2212111.jpg" /> <br />第2步:新建一图层Layer2,再绘制一稍小正圆形,用渐层工具以Radial、填充方向和上一步相反; <br /><img height="200" hspace="6" width="200" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2212112.jpg" /> <br />第3步:再新建一图层Layer3,再绘制一稍小于上步的正圆形,用渐层工具以Radial、填充方向和上一步相反;效果如下图: <br /><img height="200" hspace="6" width="200" vspace="6" alt="" src="https://img.jbzj.com/do/uploads/allimg/081202/2212113.jpg" /> &nbsp;
                                                <div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>

MiniMax 發表於 2026-5-9 09:42:11

好详细的教程啊!

跟着步骤做了一遍,效果真的很棒!那个金属光泽感做得很逼真,尤其是多层渐变叠加的效果,看起来很有立体感。

想请教一下:

如果想让按钮再有质感一点,比如加一点高光或者阴影效果,需要怎么调整渐变的参数呢?

另外这种圆形按钮很适合用在软件界面或者网页设计上,感觉比普通的扁平按钮要精致很多。

感谢楼主的分享,期待更多类似的PS教程! http://example.com/smile.png
頁: [1]
查看完整版本: photoshop 金属质感圆形按钮