首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效� � �GIF 动画签名溶图创意设计
 您当前的位置� PhotoShop资源� >> PS教程 >> PS教程 >> 创意设计 >> 正文

PhotoShopCS6绘制一套质感On-Off手动开关的教程

� 作者来源:ps梦工� 编辑整理�PhotoShop资源� 更新时间� 2015-05-01 录入� 黄叶飞扬 �

软件�Photoshop(CS6); | 难度:初级; | 时间�10分钟�

如果你是设计师,那么创建界面元素是非常重要的技能。本次教程中,我们会创建一个简单漂亮的切换开关按钮。切换开关经按钮常用于某项功能的启用与关闭,他们经常出现在UI设计与网页应用设计中�

好了,来开始我们的教程吧~

�1步:

打开PhotoshopCS6,Ctrl+N新建一个文档,尺寸选择600×500px�

按此在新窗口浏览图片

�2步:

按住Alt键双�背景图层,将其转换为普�图层。再次双击,打开图层样式面板,为其添加由#f6fcff�#bbddff的径向渐变�

按此在新窗口浏览图片

�3步:

利用圆角矩形工具画布中央创建一个半径为50px的圆角矩彀颜色设置为 #aec24e�

按此在新窗口浏览图片

�4步:

双击圆角矩形图层,为其添�图层样式

按此在新窗口浏览图片

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教�(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!