ps制作开关按钮图标

预览效果：

（1）新建文件：500*500，分辨率72，背景白色，颜色模式RGB。

（2）选择渐变工具从#ffffff到#a3de91径向渐变

（3）利用圆角矩形工具画一个直径为45PX的圆角矩形

（4）双击圆角图层，添加描边大小-5 填充类型—渐变，渐变颜色由#ffffff到#d8d5d5 并勾选反向

（5）内阴影设置：混合模式—正常，距离-2，阻塞-0，大小-5

（6）内发光设置，颜色#358bab，塞阻-100%----大小-5

（7）渐变叠加混合模式—滤色--勾选仿色---不透明度25%

渐变颜色 #ffffff （ #303030 如果觉得这个颜色深了，就换后面的颜色）#6e6e6e

（8）用椭圆工具在圆角矩形右边画一个白色的圆

设置图层样式，如下所示：

1）内阴影

2）渐变叠加

3）描边

4）内发光

5）投影，双击圆形图层在这个圆添加图层样式

（9）在圆形按钮下用画笔画一个点，做这个按钮的阴影

在影子图层上，用你设置好的画笔，点一下即可，如下所示：

（10）在圆形按钮上用椭圆工具再画一个白色的圆；双击这个的圆的图层给新画的圆图层样式添加立体感

（11）最后给这个按钮添加文字ON，给文字添加图层样式，添加投影，参数看以上图

文字使用的颜色 #129ae8

ps制作开关按钮图标相关推荐

ps怎么将图片制作成ico图标? ps制作ico图标的教程
ps怎么将图片制作成ico图标? ps制作ico图标的教程发布时间:2018-03-08 09:19:23 作者:塔上的蜗牛我要评论 ps怎么将图片制作成ico图标?ps中想要设计一款一款 ...
通过PS制作手机图标心得总结
通过PS制作手机图标心得椭圆工具的应用选择椭圆工具,在画布上形成相应图形,ctrl+R使图形进入可调节状态,按住shift调节锚点,让图形等比例缩放. 给图形填充颜色一种是直接填充纯色;另一种是 ...
ps制作台式计算机图标,PS软件制作计算机图标教程
原标题:PS软件制作计算机图标教程效果图: 01 执行"文件>新建"命令,在弹出的"新建"对话框中设置各项参数及选项,设置完成后单击"确定&q ...
【技法操作】PS制作计算器图标，UI设计教程
先唠叨两句,这是第十二篇教大家制作的图标教程了,大家有没有发现我在制作的时候每一个在设计上的不同. 从暗色到彩色,从沉稳到欢快,从纯色到渐变:细节从简单到精致:材质从扁平到纹理等. 这些图标的变化就像 ...
ps制作html图标素材,PS按钮图标制作
PS按钮图标制作教程:设计简洁风格的半透明科技感按钮图标素材. 3.拉两条参照线.按Ctrl + R 调出标尺,然后用移动工具分别拉一条水平和垂直的参照线,如下图. 4.在工具箱选择"椭圆选 ...
ps制作html图标素材,如何用PS制作一个简单的扁平化图标？
今天咱们来做个简单粗暴的扁平化图标,对于扁平化我相信大家已经相当熟悉了,那么用Photoshop做一个简单扁平化图标当作PS入门教程还是不错的. 首先启动Photoshop,下面的版本为苹果版的PS不 ...
ps制作台式计算机图标,图标制作，用PS制作计算机应用的图标
我们在制作图标方面学到了很多.本教程教我们制作一个计算机应用程序风格的图标教程.该过程简单易用.喜欢做图标的学生应该一起学习. 效果图: 01执行"文件新建"命令,在弹出的&quo ...
【技法操作】PS制作日历图标，UI设计教程
今天教大家制作UI日历图标,粉粉的配色刚好满足你. 所用软件为:PSCC2018版本,还没有这个软件的小伙伴们可以关注公号领取:design257,回复:UI必备软件,领取 (喜欢的小伙伴记得收藏点 ...
【技法操作】PS制作定位图标，UI设计教程
今天教大家制作UI定位图标. 所用软件为:PSCC2018版本,还没有这个软件的小伙伴们关注微信公号:design257,回复:UI必备软件领取. 喜欢的小伙伴记得点击关注噢!

ps制作开关按钮图标

ps制作开关按钮图标相关推荐

最新文章

热门文章