checkbox圆形按钮样式_Adobe Photoshop双层立体圆形网页按钮图标教程

本教程通过Adobe Photoshop详细讲解如何制作蓝色圆形按钮,涉及图层样式、描边、内阴影、内发光、渐变叠加等效果,适合设计师参考学习。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

PS教程第78期

第一篇

制作双层立体圆形网页按钮图标的PS教程

本教程主要使用Photoshop设计蓝色素雅风格的圆形按钮,教程主要利用PS制作质感按钮,主要利用ps的图层样式,现在就把设置的步骤和截图分享出来,供大家参考使用。先看看效果图

01cd735f88f911a1f17f4e57969bccc4.png

一、首先启动Photoshopcs5,执行ctrl+n组合键新建一个大小为800*600,分辨率为200,背景颜色为白色的文档。

ce34dc3a5b1474d7bb751f7870720ee3.png

二、调整前景色为#666666,按alt+delete组合键填充前景色,选择椭圆工具,设置填充颜色为浅蓝色,按住shift在画布上绘制一个正圆。

58ddb68f6d4dfa5b4c586395b1d47d05.png

三、双击该图层弹出图层样式对话框,勾选描边,设置大小为6像素,并设置渐变颜色为#333333,角度为90.

2595cb69bbc7b851280540ed313980e6.png

四、接着设置内投影,设置模式为线性加深,角度为90,距离为6像素,大小为10像素。

43fb7922fbfb39161ac8b8f0a51db2de.png

五、接下来设置内发光,设置混合模式为颜色加深,不透明度为20,方法为精确,大小为10.

7b82221e3d3b218ceab35ab9d82f6d35.png

六、勾选渐变叠加,设置混合模式为柔光,不透明度为60,样式为线性,角度为120。

f8ff66593599d865d4229a191072fff2.png

七、新建图层1,选择工具箱里椭圆选框工具,按住shift键绘制一个正圆,右键单击从下拉菜单中选择描边,设置10px,点击确定按钮。

d4d1d8732b962b8cef5b0a4938c167da.png

八、双击图层1弹出图层样式对话框,根据实际需要设置,这样质感按钮就制作完成了,执行文件-存储为命令,将文件进行保存即可。

b1d8fe2afaa95c910df6160dc3571c2a.png

最终效果图

01cd735f88f911a1f17f4e57969bccc4.png
610c9c735baba76da38f3d9c0886caa2.png

图片来源/百度

记得关注哦

记得点赞哦

记得评论哦

记得转发哦

第一篇来源/作者:网络/网络

注:仅用于交流学习,如有版权问题请第一时间联系后台处理。(最终版权归原著作者所有)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值