PS合成教程,PS绘画制作,PS基础教程,PS抠图教程,PS滤镜教程,PS美化教程,PS实例制作,PS调色教程,PS网页制作,PS文字教程,PS新手教程,PS修复教程,PS照片处理
当前位置: 网页制作 > 图标制作,在PS中制作开关按钮

用PS制作一款开关按钮,要用到渐变工具,再用矩形工具画一个圆形矩形,通过图层样式来给其添加样式,基本都在图层样式中完成,图层样式可以给图片添加很多种样式,做文字和图标用到图层样式的时候很多,所以同学们在闲暇之余可以好好学习一下图层样式中的各种功能,相信会对同学们学习PS有所帮助。

效果图:

图标制作,在PS中制作开关按钮_www.xuanloog.com

操作步骤:

1、新建500*500的文档

图标制作,在PS中制作开关按钮_www.xuanloog.com

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

图标制作,在PS中制作开关按钮_www.xuanloog.com

 

图标制作,在PS中制作开关按钮_www.xuanloog.com

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

图标制作,在PS中制作开关按钮_www.xuanloog.com

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

图标制作,在PS中制作开关按钮_www.xuanloog.com搜索公众号photoshop教程论坛,免费领取自学福利

5、内阴影设置:混合模式—正常,距离-2,阻塞-0,大小-5

图标制作,在PS中制作开关按钮_www.xuanloog.com

6、内发光设置,颜色#358bab,塞阻-100%----大小-5

图标制作,在PS中制作开关按钮_www.xuanloog.com

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

图标制作,在PS中制作开关按钮_www.xuanloog.com

8、用椭圆工具在圆角矩形左边画一个白色的圆

图标制作,在PS中制作开关按钮_www.xuanloog.com

9、内阴影

图标制作,在PS中制作开关按钮_www.xuanloog.com

颜色叠加

图标制作,在PS中制作开关按钮_www.xuanloog.com

描边

图标制作,在PS中制作开关按钮_www.xuanloog.com

内发光

图标制作,在PS中制作开关按钮_www.xuanloog.com

投影,双击圆形图层在这个圆添加图层样式(参数可参考以上图)

图标制作,在PS中制作开关按钮_www.xuanloog.com

10、在圆形按钮下用画笔画一个点 ,做这个按钮的阴影

图标制作,在PS中制作开关按钮_www.xuanloog.com

11、在圆形按钮上用椭圆工具再画一个白色的圆

图标制作,在PS中制作开关按钮_www.xuanloog.com

12、双击这个的圆的图层给新画的圆图层样式添加立体感

图标制作,在PS中制作开关按钮_www.xuanloog.com

13、最后给这个按钮添加文字ON,给文字添加图层样式,添加投影,参数看以上图

图标制作,在PS中制作开关按钮_www.xuanloog.com

完成:

图标制作,在PS中制作开关按钮_www.xuanloog.com

 

做出来最终效果就是这样的啦,是不是很逼真呢?可以用于给平面设计做产品优化,快来通过PS学习一下吧。

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(2) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线